善用CSS打造內外兼美的-網頁設計

善用CSS打造內外兼美的-網頁設計

內外兼美的的網頁設計!簡潔但不粗糙，一般網頁設計講求網頁表面的美觀，過去運用大量的圖片與表格建構出來，而在CSS樣式表的出現後，許多的設計效果已經可以由樣式來取代，而在W3C萬維網制定了一系列標準並督促 Web 應用開發者和內容提供者遵循這些標準。其中包括XML和CSS等的眾多影響深遠的標準規範。

在此我們一提table與div的運用，許多網頁設計師喜歡用巢狀式表格來作出複雜的網頁內碼，一般使用者雖然看不到，但當有一日網站設計面臨跟改時，通常網站主必須再找回原先設計的設計師，因為通常那樣沉長的網頁Html內碼只有那個人自己看得懂，筆者曾經接手過這種巢狀式表格的作品，我的想法是直接重新排版設計會比較快，因為熟練的網頁設計師從製訂網頁風格到切圖在到以CSS排版的時間大約一天的時間。

表格式的網頁設計

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td>我是表格</td>

</tr>

</table>

Div式的網頁設計

<div>我是Div</div>