漫談網站裝飾風格課件

網站裝飾風格網站裝飾風格1蒂姆·伯納斯·李（TimBerners-Lee）蒂姆·伯納斯·李（TimBerners-Lee）2漫談網站裝飾風格課件3網頁裝飾之設計布局網頁裝飾之設計布局4單頁布局單頁布局就是使用一個單獨的網頁來呈現網頁的內容。這種設計比較復雜優(yōu)點：它用豐富的圖像和生動的動畫效果來吸引大量的訪問者。圖像加載比較多，所以打開的時間會長一點。單頁布局單頁布局就是使用一個單獨的網頁來呈現網頁的內容。5多欄布局

多欄布局可能是一個復雜的設計。優(yōu)點：它們?yōu)榭梢姷木W站導航提供了更好的瀏覽，從而使得用戶可以快速地找到他們想要的信息。這種布局能讓訪問者在網站上停留的時間盡可能的長，又能更簡單的找到內容。多欄布局

多欄布局可能是一個復雜的設計。優(yōu)點：它們?yōu)榭梢姷?巨型插圖和充滿活力的圖形

就像商家在網站上發(fā)布巨型廣告一樣。在網站裝飾中，巨型插圖越來越受到歡迎。優(yōu)點：它們更具吸引力，并且更加生動，也就更容易被訪問者記住。巨型插圖和充滿活力的圖形

就像商家在網站上發(fā)布巨型廣告7

現在很多網頁都采用社會性圖標來裝飾在內容旁邊。社會性圖標受到很多網頁設計和訪問者的親睞社會設計元素

現在很多網頁都采用社會性圖標來裝飾在內容旁邊。社會性圖標受8網頁裝飾之配色優(yōu)秀的網頁裝飾需要：直觀的設計，優(yōu)秀的配色，良好的交互性和快的響應速度。（新聞網站的交互性，可以直接吸引大眾上網。對一則有爭議性的電視廣告，就可邀請讀者發(fā)表意見，或者讓讀者投票。）網頁裝飾之配色優(yōu)秀的網頁裝飾需要：直觀的設計，優(yōu)秀的配9簡單的配色方案純色的背景直觀簡潔，純色可以有很多種表達方式。當然黑白灰不是很給力，可以多考慮下紅綠黃作為網頁主色調。這上面的網頁就是簡單的綠色，通過調節(jié)透明度設計而出。這個網頁只用了CSS和Javascript。簡單的配色方案純色的背景直觀簡潔，純色可以有很多種表達方式。10CSS級聯樣式表（CascadingStyleSheet）簡稱“CSS”，通常又稱為“風格樣式表（StyleSheet）”，它是用來進行網頁風格設計的。比如，如果想讓鏈接字未點擊時是藍色的，當鼠標移上去后字變成紅色的且有下劃線，這就是一種風格。

通過設立樣式表，可以統(tǒng)一地控制HMTL中各標志的顯示屬性。級聯樣式表可以使人更能有效地控制網頁外觀。使用級聯樣式表，可以擴充精確指定網頁元素位置，外觀以及創(chuàng)建特殊效果的能力。CSS級聯樣式表（CascadingStyleSheet11上面這個網站獨特的紅色和文字設計使整個網頁給人一種很強的視覺沖擊上面這個網站獨特的紅色和文字設計使整個網頁給人一種很強的視覺12目前用大背景圖裝飾網頁越來越受到歡迎，這些背景圖像一般是高分辨率，覆蓋這個網頁，高清照片是個迅速抓住訪問者的好方式，它可以產生極具沖擊力的視覺效果。上面這個網站就是使用了高分辨率的圖片作為網站的背景，網站主色調是黃色。使用大背景圖裝飾網頁目前用大背景圖裝飾網頁越來越受到歡迎，這些背景圖像一般是高分13漫談網站裝飾風格課件14漫談網站裝飾風格課件15漫談網站裝飾風格課件16漫談網站裝飾風格課件17漫談網站裝飾風格課件18漫談網站裝飾風格課件19漫談網站裝飾風格課件20網站裝飾風格網站裝飾風格21蒂姆·伯納斯·李（TimBerners-Lee）蒂姆·伯納斯·李（TimBerners-Lee）22漫談網站裝飾風格課件23網頁裝飾之設計布局網頁裝飾之設計布局24單頁布局單頁布局就是使用一個單獨的網頁來呈現網頁的內容。這種設計比較復雜優(yōu)點：它用豐富的圖像和生動的動畫效果來吸引大量的訪問者。圖像加載比較多，所以打開的時間會長一點。單頁布局單頁布局就是使用一個單獨的網頁來呈現網頁的內容。25多欄布局

多欄布局可能是一個復雜的設計。優(yōu)點：它們?yōu)榭梢姷木W站導航提供了更好的瀏覽，從而使得用戶可以快速地找到他們想要的信息。這種布局能讓訪問者在網站上停留的時間盡可能的長，又能更簡單的找到內容。多欄布局

多欄布局可能是一個復雜的設計。優(yōu)點：它們?yōu)榭梢姷?6巨型插圖和充滿活力的圖形

就像商家在網站上發(fā)布巨型廣告一樣。在網站裝飾中，巨型插圖越來越受到歡迎。優(yōu)點：它們更具吸引力，并且更加生動，也就更容易被訪問者記住。巨型插圖和充滿活力的圖形

就像商家在網站上發(fā)布巨型廣告27

現在很多網頁都采用社會性圖標來裝飾在內容旁邊。社會性圖標受到很多網頁設計和訪問者的親睞社會設計元素

現在很多網頁都采用社會性圖標來裝飾在內容旁邊。社會性圖標受28網頁裝飾之配色優(yōu)秀的網頁裝飾需要：直觀的設計，優(yōu)秀的配色，良好的交互性和快的響應速度。（新聞網站的交互性，可以直接吸引大眾上網。對一則有爭議性的電視廣告，就可邀請讀者發(fā)表意見，或者讓讀者投票。）網頁裝飾之配色優(yōu)秀的網頁裝飾需要：直觀的設計，優(yōu)秀的配29簡單的配色方案純色的背景直觀簡潔，純色可以有很多種表達方式。當然黑白灰不是很給力，可以多考慮下紅綠黃作為網頁主色調。這上面的網頁就是簡單的綠色，通過調節(jié)透明度設計而出。這個網頁只用了CSS和Javascript。簡單的配色方案純色的背景直觀簡潔，純色可以有很多種表達方式。30CSS級聯樣式表（CascadingStyleSheet）簡稱“CSS”，通常又稱為“風格樣式表（StyleSheet）”，它是用來進行網頁風格設計的。比如，如果想讓鏈接字未點擊時是藍色的，當鼠標移上去后字變成紅色的且有下劃線，這就是一種風格。

通過設立樣式表，可以統(tǒng)一地控制HMTL中各標志的顯示屬性。級聯樣式表可以使人更能有效地控制網頁外觀。使用級聯樣式表，可以擴充精確指定網頁元素位置，外觀以及創(chuàng)建特殊效果的能力。CSS級聯樣式表（CascadingStyleSheet31上面這個網站獨特的紅色和文字設計使整個網頁給人一種很強的視覺沖擊上面這個網站獨特的紅色和文字設計使整個網頁給人一種很強的視覺32目前用大背景圖裝飾網頁越來越受到歡迎，這些背景圖像一般是高分辨率，覆蓋這個網頁，高清照片是個迅速抓住訪問者的好方式，它可以產生極具沖擊力的視覺效果。上面這個網站就是使用了高分辨率的圖片作為網站的背景，網站主色調是黃色。