Web Design的不變準則 : 版面.配色.CSS及動態技術之專業技巧

http://www.annasui.co.jp/

http://kai-kaga.jp/

http://www.unix.org/    

http://www.esquire.co.jp/esquire/2008/

http://www.esquire.com/

http://senkawa-kaoru.ed.jp/

http://www.amazon.com/

http://www.canneslions.com/home/

http://www.miwa.net/

http://www.villa-kazenooto.jp/

http://blondoll.co.jp/index.html

http://bowls-cafe.jp/

http://www.yamaha-motor.com.tw/index.aspx

http://www.banana.co.jp/

http://www.tohotheater.jp/

http://www.coke.com.tw/

www.kmd.keio.ac.jp/

www.becel.jp/

www.meijitisho.net/

www.tullys.com/

www.mcdonalds.co.jp/

http://mb.softbank.jp/mb/special/815T/

http://crea.bunshun.jp/

http://www.peachjohn.co.jp/

https://www.jwt.com/taiwan

http://www.afternoon-tea.net/

www.nines-international.com/

www.nintendo.co.jp/

www.marimekko.com/eng

www.kokuyo.co.jp/

www.kmd.keio.ac.jp/

www.usm.com/

bang & olufsen

axis design

http://www.toysrus.com.tw/

http://www.subway.co.jp/index.html

工作流程概要 

聽取需求 - 規劃網站 -內容企劃 - 架構網站 - 決定規格 - 決定細節 -設計介面 - 整理內容 - 設計提案

製作、實作、測試 - 公開、運用 

確認xhtml的線上工具

在講xhtml 撰寫   

講了些元素:

整理文字元素

em元素: 斜體字

strong元素:斜體字

del元素:文字加上刪除線

ins元素:文字加上底線

address元素:頁腳，文字會變成斜體字

清單元素:

<ul>

<li>xxx</li>

</ul>

<dl>--定義清單

<dt>xxx</dt>--用語

<dd>xxx，xxx</dd>--說明

</dl>

表單元素

介紹 form、 input、textarea、 select 、option 元素

object元素-崁入各式的外部資料(影像、聲音、動畫、java applet)

<object>

data="./flash/movie.swf"

type="application/x-shockwave-flash"

width="80" height="130"

</objec>

字形元素:省略

換頁位置:省略

列印時輸出連結的URL

a[attr^="http://"]:after{

content: "("attr(href)")";

}

禁忌:列印時，不能列印多欄式版面。

瀏覽器排版模式:

 Trident  :   是IE瀏覽器

 Gecko    :   是firefox瀏覽器

Webkit  :   是google、safari瀏覽器

調整瀏覽器之前的注意事項:

1.要先看到的XHTML原始碼開始調整。

2.以父元素、子元素、孫元素的順序來找出原因。

3.記住有名的臭蟲。

4.盒子差異的簡易解決方法。

5.先確認瀏覽器的css支援狀況