■

・ボタンを作成（Phtoshop/Fireworks）・・・1日1個
　　先生のブログから・・・http://d.hatena.ne.jp/ilife/20071205#p5
　　　　　AquaMaker
　　　　　Ultimate Web 2.0 Layer Styles

　　これは、Fireworksで作ってみた

　　ホタン・・・いかに押したくなるボタンを作製するか！！とな

・劇的に変えるホームページ宿題（sample_site）
　　先生から課題のデータがでております
　　枠組みはかえず、内容を劇的！！に変更とのこと

・テーブルタグ（手打ち設定必須）

<table>

<th>月曜日</th><th>火曜日</th><th>水曜日</th>

</th>

<tr>

<td>○</td><td>○</td><td>○</td>

</tr>

<tr>

<td>×</td><td>×</td><td>×</td>

</tr>

</table>

１）「table」へ左と上の線を引くCSS作成

２）「th」右と下に線を引くCSS作成（赤色）
　　勝手に太字になる（タイトル）だから

３）「td」右と下に線を引くCSS作成（緑色）

４）線と線とくっつける作業
　　”border-collapse:collapse;”をtableのCSSへ手打ち！
　　間をどうするか↑　　↑間をふさぐ

　　これの他にborder-collapse:separate;というのもあり
　　　　　　　　間をどうするか↑　　↑間をあける

　　このあとに、間の数値をいれる「border-spacing: 1px;」みたいに

　　＜tableのCSS公開＞　　

table {

　　border-top-width: 1px;

　　border-left-width: 1px;

　　border-top-style: solid;

　　border-left-style: solid;

　　border-top-color: #003399;

　　border-left-color: #003399;

　　border-collapse:separate;

　　border-spacing: 1px;　　

}

　　緑色手打ち部分・・・

ごめん、力尽きた。。。また後日