網站設計的基礎認識,用什麼做出精美的網站設計?

庫柏廣告

New things

網站設計


RWD網頁原理是使用CSS3以百分比的方式來進行網頁畫面的設計。
讓網頁在不同解析度下瀏覽時,能自動改變網頁頁面的佈局排版,因為此技術解決了目前智慧型手機及平板電腦瀏覽網頁的不便。
所以RWD網頁設計開發技術已成了新一代的網頁設計趨勢。


兩種設計模式

從前一般網頁都使用表格進行排版設計,這樣作的優點在於設計製作速度快。
尤其在視覺化網頁編輯器,如Microsoft FrontPage中,這樣設計顯得直觀而方便。
然而這讓越來越複雜的版面需要許多不斷巢狀的表格設計。
致使網頁代碼變得冗長複雜,使檔案體積增大,且不容易被搜尋引擎尋找。
同時,這樣做也不利於大型網站的改版工作。

於是隨著主流網頁瀏覽器對CSS的支援度提高,近年來興起了一種新的網頁設計模式。
被業界稱為「網頁重構」的革命,其核心在於分隔網頁的風格和內容。
指標記語言如HTML、XML負責定義頁面的內容,但不可以定義任何涉及網站外觀(風格)的東西。
而網站風格就由另外的CSS檔案負責。
在排版方面,新的模式提倡使用由CSS定義的DIV進行頁面排版,而將表格還原為排列資料的最初功能。
這種模式有很多好處,例如可以協助搜尋引擎尋找網頁的情況,減小檔案提及提高瀏覽速度。
且由於一個CSS檔案可以控制多個頁面,這也給改版帶來了很大方便。