トップ 差分 一覧 Farm ソース 検索 ヘルプ PDF RSS ログイン

Webデザイン4回目

Webデザイン 4回目 CSS

この回ではCSSについて学びます。参考HPはこちらです。

実習用のファイルcss_test.html(410)をダウンロードしてください。

 実習での確認項目

次の各項目について指定方法などを確認し、サンプルファイルにこれらのスタイルを指定し、スタイルの効果を確認する。

  1. CSSの適用方法 style要素
  2. 背景色の指定 background
  3. 文字色の指定 color
  4. 文字の大きさ指定 font-size
  5. 行の高さの指定 line-height
  6. マージン(余白)の指定 margin
  7. 文字(フォント)の指定 font-style
  8. リンクの色指定 font-color
  9. 幅の指定 width

 演習

2回目の演習で作成した自己紹介のホームページ(学籍番号_ex01.html)をスタイルシートを使ってデザインを変更する。どんなデザインにするかは各自の判断に任せます。なお、FONTタグなどを使っている場合はそれを削除しておく事。

  • 前回作ったファイルをコピーし、学籍番号_ex03.htmlを作る。
  • 完成したら指定された提出用HPまたはksakabe@gmail.comへ電子メールで提出する。

[WebデザインH19]