第6回勉強会
- 日 時：
- 2014年6月4日 13:30～16:00
- 場 所：
- アワーズ 研修室
- 出席者：
- 北條、福田、小野、河野、古屋、土生、山縣（敬称略）
トップページの修飾
- 概要
各自のトップページに写真を挿入し、個別ページへのリンク項目に枠線をつけ、文字色及び背景色を設定した。さらにマウスが当たった時の文字色と背景色を設定した。ホームページに戻るリンクにつても同様に設定した。 - 画像の編集
大きな写真をウエブアートデザイナーを用いて640×250ピクセルに切り出した。
ポイント：キャンパスの大きさを640×250ピクセルに設定すること及び解像度を72程度に設定すること。 - リスト項目の幅の設定
320-2(左マージン)-1(左ボーダー幅)-1(右ボーダー幅)-2(右マージン)＝314 - 下表のとおりSCCを設定した。
| #container | 幅 | 640px | 700pxを変更 |
| 左右マージン | 自動 | ||
| 背景色 | 削除 | ||
| #header | 上下パディング | 20px | |
| #header p | 水平方向の配置 | 中央 | |
| ul | リストスタイル | なし | |
| はみ出した場合の処理 | 不可視 | ||
| * | 4方向パディング | 0 | |
| 4方向マージン | 0 | ||
| li | 4方向マージン | 2px | |
| 4方向ボーダー | 1px solid 黒 | ||
| 幅 | 314px | ||
| 回り込み | 左 | ||
| li a | 行の高さ | 30px | |
| 背景色 | #ccff00 | 色は任意に指定 | |
| 文字飾り | 無し | ||
| 左方向パディング | 15px | ||
| 高さ | 30px | ||
| 表示 | block | 色は任意に指定 | |
| li a:hover | 前景色 | #ffffff | 色は任意に指定 |
| 背景色 | #cc0000 | 色は任意に指定 | |
| p#modoru | 4方向ボーダー | 1px solid black | |
| 幅 | 7em | ||
| 水平方向の配置 | 中央 | ||
| 上下方向マージン | 20px | ||
| 左右方向マージン | 自動 | ||
| 回り込み解除 | 左 | ||
| p#modoru a | 文字飾り | 無し | |
| 行の高さ | 30px | ||
| 高さ | 30px | ||
| 背景色 | #9900ff | 色は任意に指定 | |
| 前景色 | #fffff | 色は任意に指定 | |
| 表示 | block | ||
| p#modoru a:hover | 背景色 | #99ff99 | 色は任意に指定 |
| 前景色 | #000000 | 色は任意に指定 |
第3回勉強会で設定済