2012年9月14日金曜日

WEB 第5回 2学期


どうしても課題が見本の通りに表示されない場合の確認方法。
見本 

cwDiff------テキスト比較ソフト
http://www.vector.co.jp/soft/mac/util/se449447.html
1)↑をダウンロード
間違っているのが[HTML]の場合  
2)自分の作成したHTMLをDreamweaverで開き 分割表示 or コード表示 で表示、  
3)全文をコピー  
4)cwDiffの<TaxtA>の枠にペースト
  
5)見本のページをSafariで表示し
  
6)[表示]→[ソースを表示]でHTMLを表示し、全文をコピー  
7)cwDiffの<TaxtB>の枠にペースト
  
8)黄色が違う部分の有る行青が同じ内容の行   
9)黄色の行の間違いを自分のhtml内で修正して、直したhtmlを自分のサイトにアップロード
間違っているのが[CSS]の場合
2)自分の作成したcssファイル
をDreamweaverで開き
3)全文をコピー  
4)cwDiffの<TaxtA>の枠にペースト
5)見本のcssページをSafari表示し

6)全文をコピーして
7)cwDiffの<TaxtB>の枠にペースト
  
8)黄色が違う部分の有る行青が同じ内容の行
9)黄色の行の間違いを自分のcss内で修正して、直したcssを自分のサイトにアップロード


各自作業内容●完了していない課題がある人は課題を完成してアップロード

●これまでの授業内容から自分のフローチャートに不具合が無いか確認
フローチャートを詳細に書き改める(参照P.201.210の図)


●画像のパーツ作りや掲載する情報を集めて充実したサイトにする
◆段組みレイアウトテンプレート

2カラム固定幅サンプルソース
3カラム固定幅サンプルソース

[リキッドレイアウト]

その他参考サイト
●Wikipedia http://ja.wikipedia.org/wiki/Category:段組みテンプレート

●YEAR OF THE CAT STYLE http://desperadoes.biz/style/dan/
●スタイルシート(CSS)レイアウト http://css.rakugan.com/css5.html

●CSSによる段組(マルチカラム)レイアウト講座
http://www.geocities.jp/multi_column/practice/2column1.html