2010年8月25日 星期三

HTML版面設計技巧

一、有多語時,使用unicode字型。
不過使用unicode時,可能有缺字問題:在中日韓下,可能會有特殊字不在字型內的問題。
特殊字型
台語:台語白話字Unicode編碼e字型,包含「Combining Dot Above Right]
日語:Arial Unicode MS
如果沒有指定
FIREFOX下,日語使用MS Gothic、MS PGothic(等寬字),MS PMincho(明朝體,有點類似中文的細明體),這樣的選擇是日本人向 Mozilla 開發團隊建議的。而 IE 只會選用兩種字體 Gothic 和 PGothic。

二、版面設計
文字的對齊使用
style="text-align:justify;text-justify:distribute-all-lines"

三、元素定位
HTML的各種元素位置非常混亂且善變
初期設計時,用表格拉出大致的位置是很方便的做法
之後可以在表格中塞DIV處理
是很好用的東西,不過要注意CSS中的套用方法
.class table, .class th,.class tr,.class td

DIV和SPAN的差別

表格中使用float屬性的問題


4.Flash
Flash在許多情況下會有無法展開的問題,要設定所處的DIV寬高才能影響到flash的寬度、高度
html, body, #containerA { height:100%; }

其他的CSS相關聯結
轉:CSS兼容IE6,IE7,FF的技巧

資料庫問題
首先,資料庫的內容編碼和網頁的編碼要一致,不一致的話,以後會很辛苦
基本上,推薦用UTF-8儲存(UTF-8和Unicode有點不同,別搞混)
MySQL和PHP的編碼設定有以下,最好全部都設定一次

沒有留言: