第7回 20xx年5月16日 | TOP |

[ 第7回の目標 ● スタイルシートでレイアウト ]

準備:ドリームウィーバドリームウィーバのアイコンを起動し、ファイルウィンドウにてサーバにFTP接続しておく。

CSS(Cascading Style Sheets)というスタイルシートを用いて、文字のサイズや色、背景の色や余白などのスタイルを設定する。
CSSはスタイルシート言語で記述する。ページ内だけのスタイルを設定する時には、(1) htmlファイルのヘッダーに記述したり、(2) ページのある部分に限って設定したり、(3) 複数ページのスタイルを統一したい時には、cssと拡張子のつく外部ファイルに記述して、htmlファイルに呼び込むことができる。今回はCSSファイルを作成して、これまで作成した数枚のwebページのスタイルを一括して設定してみよう。

CSSの設置場所の図

CSSファイルの準備

  1. ドリームウィーバで[ファイル]-[新規作成]-[CSS]-作成。
  2. まずは保存。htmlファイルと同じフォルダに保存。拡張子は ".css"。ファイル名には学籍番号をつける。(0500000.css)

| 文字サイズと行間 | クラス名 | 余白,ボーダー,回り込み |