ホームページのサブページを作成 ホームページのサブページを作成していきましょう。 サブページもトップページも作成に違いはありません。 トップページ=本の表紙 サブページ=内容の部分と思えばいいでしょう。 サブページから次のページへのリンク トップページへのリンクをはる事でホームページとして機能します。 ここでの解説はページ自体はかなり手抜きになります(笑 重要な部分の解説はしますがページのデザイン的な物は… 完全に手抜きです。 |
| ホームページのサブページを作成 | |
![]() |
かおるのプロフィールにカーソルを合わせます。 右クリックしてリンク先のページを開くを選択してください。 左のような感じで作成しますか?と聞いてきますので はいを選択します。 白紙のページが現れるので好きに内容を追加します。 |
![]() |
笑っちゃうぐらい手抜きですが…左のように作成しました。 ページ自体は単純なものです。 ここまで読んでいる人なら簡単に作れる内容のものですね。 問題はこのページとトップページとのリンク。 簡単ホームページ作成へのリンクです。 この二つにリンクをはれば このページも完成です。 |
![]() |
トップページへのリンクはファイル名index.htmです。 |
![]() |
簡単ホームページ作成へのリンクはファイル名はkantan.htmです。 これでかおるのプロフィールページから トップページ、簡単…ページへ移動が可能になりました。 |
![]() |
簡単ホームページ…にカーソルを合わせてください。 右クリックしてリンク先を開くを選択します。 ページを作成しますか? という画面が出るので「はい」を選択してください。 白紙のページに自由に書き込んでいきます。 |
![]() |
こんな感じで作成してみました。 中央の□部分には新しいページ用のテキストを埋め込みました。 この文字にリンクさせる事で新しいページを追加していきます。 今回は必要ありません。 ページ下部の部分から トップページへのリンクとかおるのプロフィールへのリンクをはります。 はりかたは…わかりますよね? |
![]() |
トップページへのリンクはindex.htmです。 |
![]() |
かおるのプロフィールへのリンクはkaoru-pro.htmです。 全てのページを保存しましょう。 |
![]() |
ページ保存から上書きを選択してください。 サイト外ですが…と言う文字が出ても構わないのでOKを選択します その後にもう一度上書き保存を選択してください。 同じように他の2ページも保存してください。 これで合計3ページのホームページが出来ました。 ブラウザでチェックしてみましょう。 |
![]() |
各ページがリンクで繋がっているかチェックしてください。 スムーズにページ移動が可能になっているはずです。 実際には数十ページのリンク 掲示板やチャットなどを設置してホームページを仕上げていきます 基本的な部分はここまで理解できれば十分です。 後はデザインとレイアウトぐらいですね。 |
| HOME BACK | |
| パソコン初心者講座ぱそおーる | |