レイアウト、テンプレート

ページデザイン

　 まず、どのようなレイアウトにするかを決めます。方眼紙等に大まかなデザインをしてみると、実際のホームページを作る際にイメージを掴み易いと思います。
　もし、なにも思い浮かばなかったら以下のようなレイアウトはどうでしょうか。メニューはサイト内を辿るためには必ず必要といってよいでしょう。

　＜解説＞
(1)は２分割しています。例えば、ヘッダー、フッターなし。メニューと内容用に使います。
(2)は３分割しています。例えば、ヘッダーなし、メニュー、内容とフッター用です。
(3)４分割しています。例えば、へッダー、メニュー、内容とフッター用につかいます。
(4)横側にメニュー欄を設けています。
　以上のようにヘッダー、メニュー、内容、フッターを組み合わせていただければ簡単にホームページとしての必要な要素が揃ったようなものです。 後は、内容を如何にするかに注力できます。そして、その編集過程でレイアウトに気になる部分があれば、それから直すとよいでしょう。
　以上のことが簡単に編集できる「簡易HTML編集ページ」を用意しました。ご活用下さい。

テンプレート

　テンプレートとは、内容を書き込むだけのファイルです。テンプレートは、EXCELやWORD用に販売されていることを見かけられますし、「ひな型」とも呼ばれています。
　以下に簡単なものですが、自己紹介用テンプレートを用意しました。 メニュー以外で画像は使っていません。ダウンロードして、内容ばかりでなく、大きさや、色などを工夫されてみては如何でしょうか。 注意事項は、必ずご一読下さい。

簡易ツール

方眼紙サンプル

 600×800のサイズです。印刷した紙を横して、色鉛筆や太いペンでホームページをデザインされますとイメージが掴みやすいのでは？

簡易HTML編集ページ

　簡易HTML編集ソフトを用意しました。ヘッダー要素を決めて、レイアウトを選ぶだけで簡易にレイアウトのあるHTMLを編集することができます。
　レイアウト作成後は、Mozillaやホームページビルダーなどの文書作成ソフトなどで内容を加えてみてはいかがでしょうか？
　簡単なHTMLの編集もできますが、保存はできませんので内容をコピーして空のファイルにペーストしてお使い下さい。
　説明書はまだありません。

　

Mozilla

Mozilla web開発資料
 Mozillaブラウザにおける日本語のweb開発資料リンクです。