2012年9月21日金曜日

WEB 第七回 2学期 ーmarginの記述ー

 DREAMWEAVER Part4 Lesson5

marginとpaddingの設定が
教科書の表記(Windows DreamWeaver8) と
教室のDreamweaver(Mac DreamWeaver8) で異なるので注意。







P.240〜241の「○○行目」の教科書の説明の通りにすると実際のデータが異なります。
以下のように操作して下さい。
操作手順



P.242 STEP17の1のcss.txtの内容 

 #maincontent h3 {
font-size:14px;
color:#ffbbbb;
}

#maincontent p.intro {
margin:0px;
padding:10px 0px 0px 0px;
font-size:12px;
line-height:18px;
color:#ffffff;
border-top:1px solid #b66;
}

#maincontent p.infor {
margin:2px 0px 14px 0px;
padding:0px;
font-size:12px;
color:#ffbbbb;
}

#maincontent .imgbox {
width:100%;
margin:10px 0px;
padding:0px;
border-top:1px solid #bb6666;
border-bottom:1px solid #bb6666;
}

#maincontent .imgbox img {
margin:10px 0px;
}

#maincontent .imgbox p {
margin:0px;
}






cwDiff------テキスト比較ソフト(見本の通りにならない場合はコードを比較しよう)
 http://www.vector.co.jp/soft/mac/util/se449447.html
使い方解説→ 

わかばマークのMacの備忘録 : cwDiff


自分のサイトを作成する↓既存のテンプレートを使う場合はここから
 CS3に元々入っているテンプレート
http://cid-gr2-web.blogspot.com/2011/10/dreamweaver-cs3css.html