Webデザイン論

授業の記録（2007年 5月23日）

今回は、ページ遷移とナビゲーションの役割について講義しました。 ＣＳＳのメリットのひとつに、大規模サイトにおけるデザインの変更が容易にできる点があります。 そのためには、Ｗｅｂページの論理構造と視覚表現の分離が不可欠です。

質問箱

list-style-type プロパティのdecimalで、 リストに番号をふると教わりましたが、 ローマ数字や、のように丸のついた数字、自作の画像表示させる場合の操作を教えていただきたいです。 お忙しいとは思いますが、返答お願いします。

質問に対する回答

li 要素にローマ数字を振る場合， CSS では

• list-style-type: upper-roman; /* ローマ数字（大文字） */
• list-style-type: lowerr-roman; /* ローマ数字（小文字） */

のようにスタイルを指定します．また，画像をマークとして使う方法は，サンプルファイル集にある ul.html を見て参考にしてください． あらかじめ自分で画像を用意しておき，

• list-style-image: url( "ファイル名" );

でマークを任意の画像に置き換えることができます． 丸数字は機種依存文字である（Winsows と Mac の環境の違いで文字化けする）ので，画像で表示するのが安全です．

授業に対する感想

• 頑張ります
• 最近だいぶわからなくなってきました。。。難しいですね。
• これから真面目に出ます。ですので、お願いします。
• 体調不良で数日休んでいたので先日の課題を今日提出しておきます。
• 月曜日は休んでしまいましたが、今回はその分がんばります。
• 前回もスムーズに作業を進めていくことができたので、今回も頑張りたいです。
• HTMLは良く使うのですが、CSSは意味がわからず今まで使っていませんでした。しかし、この授業を通して使い方がわかったので、自分のホームページでも使ってみたいです。

---