top
icon-mail-alt phone
X

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

分類 精選文章
發佈日期 2009 , 02 , 25
觀看人數 5077
回應 0

善用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>
而筆者為客戶的網站案例已改為以CSS與Div排版後發現,原本需要500行的程式碼,現在幾乎能在200行內完成,通常一個字元,約2bytes,少了近300行的程式對於網站下載的速度提升許多,採取外兼美的的網頁設計,首先你必須非常了解CSS網頁設計帶來的方便(有任何CSS的疑問,可以在此討論),而這樣的做法也被,W3C萬維網所肯定,提升網站的外觀時,也務必提升網頁的內在美!(雖然筆者沒有證據可以證明這對搜尋引擎的搜尋排名是否有直接的影響,但我認為網站中的內碼如果對搜尋引擎友善,搜尋引擎相對容易索引,自然容易將資料存進他們的資料庫,純屬個人推斷)
分類 精選文章
發佈日期 2009 , 02 , 25
觀看人數 5077
回應 0

Leave a reply

名稱
Email
Post
0 Comments