スタイルシートで作る

初めてcssで作る場合、どこを作っているのか、どう作るのか、制作中に混乱してわからなくなってしまう事があります。そこで、制作になれるまでの間は、先にレイアウトを決めて、絵に描いておくと良いと思います。

流れとしては、

という感じになります。

ではレイアウトを決めます。

今回は、タイトルなどを書き込むhedder、Copyright (c) 2008 ＊＊＊＊＊ All rights reserved.等が、よく書き込まれているfooter,そして本文や選択項目等を書き込むcontentを左右に２つに分けて作っていきます。文章だけだと分かりづらいので、実際に絵に描いてみます。

こうすると、どこに、何を持って来るのかがイメージしやすくなります。

つぎはそれぞれの部分に名前をつけます。（半角英数字なら好きな名前を付けられますが、制作時、更新時、メンテナンス時等にパニックにならないように、わかりやすい名前にしましょう。）

名前が決まったら、いよいよcssに書き込んでいきます。

まず、macromedia dreamweavar8でファイル→新規を選びます

次に一般のカテゴリ→基本ページ、基本ページ→CSSを選択します。

新規のページができるので、そこに先ほどつけた名前を書き込んでいきます。

次は、付けた名前へ命令を記述していきますが、その前に次ページで書き込む前のちょっとした決まり事について説明したいと思います。