作成するホームページの概要

今回はブログのように投稿した記事で構成するホームページを作成します。

イメージとしては上記のような感じです。

作成に入る前に、ご自分のイメージをフリーハンドでもよいので紙に書いた方がスムーズに作れると思います。

素材のダウンロード

基本部分の素材をここからダウンロードしてください。

ホームページ作成素材-01 46.59 KB

Download

ダウンロードした「sozai-01.zip」をお好きなフォルダーに移動してすべて展開してください。

展開された「sozai-01」フォルダー内には下記ファイルが入っています。

① 「css」フォルダー・・・・・現在は空です。

② 「images」フォルダー・・・画像素材を入れるフォルダー

③ 「header.jpg」・・・・・・ヘッダー部分の背景画像

④ 「index.html」・・・・・・ひな形のHTMLファイル

⑤ 「style.css」・・・・・・・ひな形のスタイルシート（CSSファイル）