（１）ホームページの作成
(1-1)基本テンプレート
（画像をクリックすると実際の画面をご覧になれます）
基本テンプレートのソースファイル
(1-2)最も基本的方法でホームページを作成してみましょう。
(1-2-1)「ワードパット（ウィンドウズの場合）」などエディタを立ち上げます。
(1-2-2)上に書いてある「ソースをコピー」します。
マウスを左クリックしてドラッグすると文字部分が反転されます。
次に、右クリックして「コピー」します。
(1-2-3)ワードパット上で右クリックして「ペースト」します。
(1-2-4)そのまま保存してみましょう。
- 保存する場所
あらかじめ「練習用」フォルダーを作っておくと良いでしょう。 - ファイル名
好きな名前で結構です。たとえば「hajimete.html」のようにします。
拡張子は必ず「.html」としてください。 - ファイルの種類
「テキスト ドキュメント」を選択します - 保存
ボタンをクリックして保存します。
(1-3)保存したファイルをクリックして確認してみましょう。
表示されましたか？
無事「ホームページ」ができたら、エディタでファイルを開いて「文字部分を変更して」遊んでみてください。
参考:ｃｓｓ（スタイルシート）
基本テンプレートにｃｓｓ（スタイルシート）を適用
（画像をクリックすると実際の画面をご覧になれます）
ｃｓｓ（スタイルシート）を適用後のソースファイル
適用したｃｓｓ（スタイルシート）のソースファイル
偉そうに説明していますが、全く自己流ですので、市販の参考書をご参照ください。
ｃｓｓ（スタイルシート）の参考例
コンテンツはひとつですがｃｓｓ（スタイルシート）を使うことで複数（今回は３通り）の見栄えを与えることができます。
 |
 |
 |
素材集
- ２００５年のカレンダー（テーブル使用） ２００５年のカレンダー
- 冬景色（写真：jpg） 冬景色
- カラーチャート（web safe color） カラーチャート