メモ帳で作る初めてのホームページ
サブページの作成 


サブページの作成
今度はサブページを作成してみましょう。
一つのトップページと複数のサブページでホームページは構成されています。
作成方法はどちらも同じです。
違いはファイル名ぐらいです。
トップページ=index.htm(html)
サブページ=任意のファイル名.htm(html)になります。
仮にトップページをindex.htmlにした場合は
サブページの拡張子も.htmlと統一します。
index.htmとindex.htmlが同じディレクトリ(フォルダ)内に
存在する場合は拡張子.htmlの方が優先されます。

HOME MEMO BACK NEXT

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