簡単に作れるホームページ

〜 ホームページ・ビルダー9 体験版で 〜

1.準備 5.他のHPにリンク 9.サーバーに転送
2.TOPページ 6.文章を中央に設置 10.カウンター
3.複数のページ 7.画像の挿入 11.検索登録
4.複数のページを編集 8.ひとまず完成 質問高等テク

初心者用です。必ず1番から順番通りにやってください。自然とHPが作成できます。

   1.準備  

T  <HPスペースの確保>
 加入している
プロバイダーのホームページで、ホームページを申し込む。
 その際、必ず、サーバー名自分のHPのアドレスホームページアカウント
ホームページパスワードを書き留めておく。
 無料の Yahoo!ジオシティーズ などもあります。
U  <ホームページ・ビルダー 9 体験版を入手>
  IBMのHPから、ダウンロードしてください。(約102MB)
  その後、指示に従いインストールします。
V  <hpフォルダの作成> 
 ⇒ マイコンピュータ を開く⇒ (C:)を開いて
⇒ 「このフォルダの内容を表示する」をクリック⇒ 白地の部分で右クリック

新規作成⇒ フォルダ⇒ 名前を hp などに。
できた「hp」フォルダを右クリック ⇒ 送る⇒ デスクトップ(ショートカットを作成)

↑上へ

   2.TOPページをつくる

T   ⇒ すべてのプログラム⇒ IBM ホームページ・ビルダーV9体験版⇒ ホームページ・ビルダー  を起動⇒ 「スタンダード」をクリック⇒ OK。
U  HTMLの新規作成 ()⇒ 「標準モード」を選択。
V  何か文章を書いてみましょう。装飾は、装飾したい語句を 範囲指定して、
 (クリッしたままマウスを右に、黒くなる
をクリック。
 特に、 ボタンで、文字の書体や色や大きさを変えられます。 
 間違えたら で戻ります。
W  背景は、編集(E)⇒ 背景/文字色の設定 ⇒ ▼で選択。
 「その他」で色を作成できます。  
X  編集(E)⇒ ページの属性⇒ 「ページタイトル」に HPのタイトルを入力⇒ OK。

 ファイル(F)⇒ 名前をつけて保存⇒ 『保存する場所』の右側の▼をクリック⇒ デスクトップをクリック⇒ 「hp」フォルダをダブルクリック 
⇒ ファイル名を、
必ず index.html と入力して⇒ 保存。 (× top.index.html など)
 
* このファイルは、「hp」フォルダ内では、「index」という名前になります。    

↑上へ

   3.ページを複数作成

T  HTMLの新規作成 ()⇒ 「標準モード」。
U  ページ作成後⇒ ファイル(F)⇒ 名前をつけて保存⇒ ファイル名を、 page1 などと入力して、「hp」フォルダに保存。
 
*ファイル名は半角英数字8文字以内、I (index)より後ろの文字が便利。  
V  ⇒ index を開き、page1にジャンプするジャンプ元とする語句を範囲指定⇒ リンクの挿入⇒ 「ファイルへ」タブ⇒ 参照⇒ page1を指定 ⇒ OK
* 指定したページに、リンクが張られます。
W  TOPページは、上書き保存() する。   

↑上へ

   4.以降、複数のページを編集する   → 同じページ内でリンクを張りたい!

T ウィンドウ (W) をクリックで、表示方法が選択可能。
U 編集後、それぞれ上書き保存

↑上へ

    5.他のホ−ムページにリンクを張る

T  ジャンプ元を範囲指定し⇒ ⇒ 「URLへ」タブ⇒ URLアドレスを入力⇒ ターゲットを 「全画面」 ⇒ OK。
 ( 「新しいウィンドウ」と入れると、新しいウィンドウで表示されるリンクとなる。)
U  「メールへ」タブ⇒ メールアドレス で、メール送信リンクに。
V  ちなみにバナーというのは、画像を張りつけ、その画像をジャンプ元とします。

↑上へ

   6.文章を中央に設置(ここでも使っています)

T   表の挿入⇒ 行数1、列数1、「表の枠」のチェックをはずす⇒ OK。
U  できた表を右クリック⇒ 属性の変更⇒   表タブに切り替え、「位置揃え」を 中央揃え に⇒ 「表の幅」を 550〜650 ピクセル⇒ OK。

 枠の中に、文章を書いたり、コピーしたものを貼り付けたりします。

↑上へ

   7.画像を入れる

T  挿入する画像ファイルを、貼り付けるページと同じフォルダに入れておく。

 絵を書くには、スタート⇒ プログラム⇒ アクセサリ⇒ ペイント
 *画像を保存するときには、お絵描き画像はGIF形式、写真はJPEG形式で保存します。

U  画像を張り付ける場所をクリックしてカーソルを置き⇒ をクリック⇒画像の入っているフォルダを開き⇒ 画像ファイルを選択。
 添付の素材を使うときは、タブ⇒ ⇒ 例えば、「ボタン」フォルダを開き、使いたい画像を、ダブルクリック。

↑上へ

   8.ひとまず完成。見直してみましょう!

T  デスクトップ上の「hp」フォルダをクリック⇒ indexファイルをクリック
U  他のページへのリンクがきちんとできているか確認
 とりあえず、自分のパソコンの中ではホームページが完成しました。


↑上へ

   9.サーバーに転送する(Web上への公開) *最大の難関! もうひとふんばり!!

T  ここでは、フリーソフトの FFFTP を使って転送します。
 →FFFTPの入手と使い方のページを参照してください。簡単です!
 
2.ホストの設定で、『5.ローカルの初期フォルダ』を『C:\hp』とします。
U

 indexファイル、image画像、page1ファイル等をアップします。

V  転送後、ネット で、自分のHPのアドレス(URL)を入力、確認します。完成!


↑上へ

   10.カウンターをつける

T  加入しているプロバイダーのホームページで、CGI設定を参照。(プロバイダーにより制限があり、自由に設置できないことが多い)
U  入手したカウンターのHTMLを、TOPページのHTMLに張りつけます。
V  HTML 表示にするには、 タブ。

↑上へ

   11.検索エンジンに登録する 

 まずは、「一般コース」を。

 ロボット型エンジンに載せる紹介文は、自分で作ることができます。 設定方法

 Googleなどでは、1ヶ月程たつと、HPのタイトルを入力して検索すれば、ご自分のホームページが出ます。

 登録の確認と、検索エンジンリンク集は、検索の窓 で。  

頑張り コース 一発太郎 コツコツ自分で登録します。
Yahoo コース Yahoo! のHP⇒ 例えば、> 芸術と人文 > 人文 > 文学 > ジャンル > エッセイ > オンラインエッセイ > ⇒ 一番下にある「サイトの推薦」から登録します。 (審査がとても厳しいです。)

    おわりに

 以上で、簡単なHPの完成です!! 高等テク もチェック!

*このページは、初心者の方が、発展性のあるやりかたで、HPを完成させる、ことを目的としています。

 もっと詳しく知りたい!という方は、 さんへ、どうぞ。

 なお、体験版の使用可能期間は30日間です。再利用不可。

おすすめの質問掲示板 ⇒     YAHOO!の掲示板 「ホームページの作成」

 

↑上へ ホームへ