サブページの作成 今度はサブページを作成してみましょう。 一つのトップページと複数のサブページでホームページは構成されています。 作成方法はどちらも同じです。 違いはファイル名ぐらいです。 トップページ=index.htm(html) サブページ=任意のファイル名.htm(html)になります。 仮にトップページをindex.htmlにした場合は サブページの拡張子も.htmlと統一します。 index.htmとindex.htmlが同じディレクトリ(フォルダ)内に 存在する場合は拡張子.htmlの方が優先されます。 |
| サブページの作成 | |
![]() |
トップページとファイル名が違うだけなので 同じ要領でページを作成していきます。 メモ帳を開いて左のタグを打ち込みます。 |
![]() |
一度保存しておきましょう。 |
![]() |
保存先はトップページなどが入っているフォルダを選択します。 ファイル名をdiary.htmとしました。 保存先を確認して作成したファイルを開いてみましょう。 |
![]() |
diary.htmが作成されました。 開いてソースを表示します。 |
![]() |
これで準備は完了です。 後は好きなようにタグを書き込んでいきます。 |
![]() |
TITLEタグにかおるの日記と入れました。 何処が変化するのか?わかりますよね? |
![]() |
ページに統一感を出すのでトップページと同じ壁紙を使います。 |
![]() |
ここもトップページと同じように見だし文字を入れて 中央寄せにして色を付けてみました。 |
![]() |
一度表示させてみましょう。 トップページと似た感じで表示されます。 もう一つのサブページも作成しておきましょう。 同じような構成でファイル名をdiet.htmにするだけです。 面倒なのでコピーしましょうね。 ソースを表示させてください。 |
![]() |
左の部分だけ変更しました。 |
![]() |
ファイル→名前を付けて保存を選択します。 |
![]() |
ファイル名にdiet.htmと入力します。 保存を押せばコピーが完成します。 このやり方だと簡単にページをコピー出来ますが 誤って上書き保存をしたら元のデータに上書きされてしまいます。 使う場合は十分に注意して作業してください。 |
![]() |
混乱を避ける為に一度閉じてしまいましょう。 フォルダを選択して開いてみてください。 |
![]() |
フォルダ内にdiet.htmが作成されました。 開いて確認してみましょう。 |
![]() |
きちんと変更されて保存されています。 ページ分身の術?です(笑 後はこの二つのページを完成させて トップページにリンクを張るだけで ホームページとして機能します。 次は各ページをリンクで繋げてみましょう。 |
| HOME MEMO BACK NEXT | |
| パソコン初心者講座ぱそおーる | |