|
〜 ホームページ・ビルダー9 体験版で 〜 |
| 1.準備 | 5.他のHPにリンク | 9.サーバーに転送 | |
| 2.TOPページ | 6.文章を中央に設置 | 10.カウンター | |
| 3.複数のページ | 7.画像の挿入 | 11.検索登録 | |
| 4.複数のページを編集 | 8.ひとまず完成 | 質問・高等テク | |
初心者用です。必ず1番から順番通りにやってください。自然とHPが作成できます。
| T | <HPスペースの確保> 加入しているプロバイダーのホームページで、ホームページを申し込む。 その際、必ず、サーバー名、自分のHPのアドレス、ホームページアカウント、ホームページパスワードを書き留めておく。 |
| * | 無料の Yahoo!ジオシティーズ などもあります。 |
| U | <ホームページ・ビルダー 9 体験版を入手> IBMのHPから、ダウンロードしてください。(約102MB) その後、指示に従いインストールします。 |
| V | <hpフォルダの作成> ⇒ 「このフォルダの内容を表示する」をクリック⇒ 白地の部分で右クリック ⇒ 新規作成⇒ フォルダ⇒ 名前を hp などに。 ⇒ できた「hp」フォルダを右クリック ⇒ 送る⇒ デスクトップ(ショートカットを作成) |
2.TOPページをつくる
| T | |
| U | HTMLの新規作成
( |
| V | 何か文章を書いてみましょう。装飾は、装飾したい語句を
範囲指定して、 (クリッしたままマウスを右に、黒くなる ⇒ 特に、 間違えたら |
| W | 背景は、編集(E)⇒ 背景/文字色の設定 ⇒ ▼で選択。 「その他」で色を作成できます。 |
| X | 編集(E)⇒
ページの属性⇒ 「ページタイトル」に HPのタイトルを入力⇒
OK。 ファイル(F)⇒ 名前をつけて保存⇒ 『保存する場所』の右側の▼をクリック⇒ |
↑上へ
3.ページを複数作成
| T | HTMLの新規作成
( |
| U | ページ作成後⇒ ファイル(F)⇒ 名前をつけて保存⇒ ファイル名を、 page1 などと入力して、「hp」フォルダに保存。 *ファイル名は半角英数字8文字以内、I (index)より後ろの文字が便利。 |
| V | * 指定したページに、リンクが張られます。 |
| W | TOPページは、上書き保存( |
4.以降、複数のページを編集する → 同じページ内でリンクを張りたい!
| T | ウィンドウ (W) をクリックで、表示方法が選択可能。 |
| U | 編集後、それぞれ上書き保存
|
5.他のホ−ムページにリンクを張る
| T | ジャンプ元を範囲指定し⇒
( 「新しいウィンドウ」と入れると、新しいウィンドウで表示されるリンクとなる。) |
| U | 「メールへ」タブ⇒ メールアドレス で、メール送信リンクに。 |
| V | ちなみにバナーというのは、画像を張りつけ、その画像をジャンプ元とします。 |
6.文章を中央に設置(ここでも使っています)
| T | |
| U | できた表を右クリック⇒
属性の変更⇒ 枠の中に、文章を書いたり、コピーしたものを貼り付けたりします。 |
7.画像を入れる
| T | 挿入する画像ファイルを、貼り付けるページと同じフォルダに入れておく。
絵を書くには、スタート⇒
プログラム⇒ アクセサリ⇒ ペイント |
| 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.検索エンジンに登録する
まずは、「一般コース」を。 ロボット型エンジンに載せる紹介文は、自分で作ることができます。
→ 設定方法 登録の確認と、検索エンジンリンク集は、検索の窓 で。 |
| 頑張り コース | 一発太郎 コツコツ自分で登録します。 |
| Yahoo コース | Yahoo! のHP⇒ 例えば、> 芸術と人文 > 人文 > 文学 > ジャンル > エッセイ > オンラインエッセイ > ⇒ 一番下にある「サイトの推薦」から登録します。 (審査がとても厳しいです。) |
おわりに
| 以上で、簡単なHPの完成です!! ⇒高等テク もチェック! *このページは、初心者の方が、発展性のあるやりかたで、HPを完成させる、ことを目的としています。 なお、体験版の使用可能期間は30日間です。再利用不可。 おすすめの質問掲示板 ⇒ YAHOO!の掲示板 「ホームページの作成」 |