ab1628的部落格

書名:Web Design的不變準則 :   

書名: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支援狀況