網(wǎng)頁設(shè)計與制作案例教程

《網(wǎng)頁設(shè)計與制作案例教程》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、書名：網(wǎng)頁設(shè)計與制作案例教程ISBN：978-7-111-27397-4作者：池同柱出版社：機械工業(yè)出版社本書配有電子課件網(wǎng)頁設(shè)計與制作案例教程高職高專ppt課件第1章網(wǎng)頁設(shè)計與制作基礎(chǔ)網(wǎng)頁設(shè)計與制作案例教程高職高專ppt課件一、網(wǎng)頁的基本概念1.網(wǎng)頁與網(wǎng)站網(wǎng)站是指建立在互聯(lián)網(wǎng)上的Web站點，是互聯(lián)網(wǎng)上相關(guān)網(wǎng)頁的集合，它面向公眾提供互聯(lián)網(wǎng)內(nèi)容服務(wù)。網(wǎng)頁是上網(wǎng)時看到的一個個頁面，網(wǎng)站與網(wǎng)頁的關(guān)系類似于一本書與一頁書。網(wǎng)頁設(shè)計與制作案例教程高職高專ppt課件2.靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁網(wǎng)頁按其表現(xiàn)形式來劃分可分為動態(tài)頁和靜態(tài)頁。靜態(tài)網(wǎng)頁只能瀏覽，不能實現(xiàn)客戶端和服務(wù)器端的交流互動，在

2、靜態(tài)網(wǎng)頁中，也可以出現(xiàn)各種動態(tài)的效果，如GIF格式的動畫、FLASH影片、滾動字幕等，這些“動態(tài)效果”只是視覺上的，并不能實現(xiàn)客戶端和服務(wù)器端的交互。動態(tài)網(wǎng)頁的頁面內(nèi)容隨用戶的輸入而變化，能與客戶端交流互動，它們會隨不同客戶、不同時間，返回不同的網(wǎng)頁，動態(tài)網(wǎng)頁使用ASP、PHP、JSP、ASP.NET等技術(shù)生成。靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁各有特點，網(wǎng)站采用動態(tài)網(wǎng)頁還是靜態(tài)網(wǎng)頁主要取決于網(wǎng)站的功能需求和網(wǎng)站內(nèi)容的多少。網(wǎng)頁設(shè)計與制作案例教程高職高專ppt課件二、網(wǎng)頁制作常用工具1．利用PhotoshopCS3設(shè)計網(wǎng)頁圖像2.利用FireworksCS3設(shè)計網(wǎng)頁圖像3.利用網(wǎng)頁編輯軟件D

3、reamweaverCS3制作網(wǎng)頁4.利用網(wǎng)頁動畫軟件FlashCS3制作動畫網(wǎng)頁設(shè)計與制作案例教程高職高專ppt課件色彩的魅力是無限的，它是網(wǎng)站重要的表現(xiàn)形式之一。1、網(wǎng)頁色彩的基礎(chǔ)知識從物理學(xué)上，色光可分解為紅、橙、黃、綠、青、藍、紫等，其中，紅、綠、藍是三原色，在計算機科學(xué)中我們稱之為RGB三原色，三原色通過不同比例的混合可以得到自然界中五顏六色、千變?nèi)f化的各種顏色。現(xiàn)實生活中的色彩可以分為彩色和非彩色。其中黑白灰屬于非彩色系列。其他的色彩都屬于彩色。任何一種彩色具備3個特征：色相、明度和純度。其中非彩色只有明度屬性。三、網(wǎng)頁中色彩的應(yīng)用網(wǎng)頁設(shè)計與制作案例教程高職高專p

4、pt課件2、網(wǎng)頁色彩的搭配色彩搭配既是一項技術(shù)性工作，搭配協(xié)調(diào)可以設(shè)計出色彩鮮明、性格獨特的網(wǎng)站。1）網(wǎng)頁色彩搭配技巧單色、鄰近色、對比色、黑色、背景色、色彩的數(shù)量的使用。網(wǎng)站用色一般控制在3種色彩以內(nèi)，通過調(diào)整色彩的各種屬性來產(chǎn)生變化。網(wǎng)頁設(shè)計與制作案例教程高職高專ppt課件2）常見的網(wǎng)頁配色方案紅色代表熱情、活潑、熱鬧、溫暖、幸福和吉祥。易引起人的注意，使人興奮、激動、緊張和沖動，還易造成人視覺疲勞的顏色。黃色代表明朗、愉快、高貴和希望。只要在純黃色中混入少量的其他色，其色相感和色性格均會發(fā)生較大程度的變化。白色的色感光明，性格樸實、純潔、快樂。白色具有圣潔的不容侵犯性。

5、在白色中加入其他任何色，都會影響其純潔性，使其性格變的含蓄。紫色代表優(yōu)雅、高貴、魅力、自傲和神秘的感覺。在紫色中加入白色，可使變得優(yōu)雅、嬌氣，并充滿女性的魅力。網(wǎng)頁設(shè)計與制作案例教程高職高專ppt課件藍色代表深遠、永恒、沉靜、理智、誠實、公正權(quán)威。藍色是一種在淡化后仍然能保持較強個性的顏色。如果在藍色中分別加入少量的紅、黃、黑、橙、白等色，均不會對藍色的性格構(gòu)成較明顯的影響力。綠色代表新鮮、充滿希望、和平、柔和、安逸和青春。綠色是具有黃色和藍色兩種成份的顏色。一般農(nóng)林業(yè)、教育類網(wǎng)站常使用綠色代表希望、充滿活力?；疑谏虡I(yè)設(shè)計中，具有柔和、高雅的意象，而且屬于中間性格，易接受，

6、所以也是永遠流行的主要顏色。在許多的高科技產(chǎn)品，尤其是和金屬材料有關(guān)的，幾乎都采用灰色來傳達高級、科技的形象。網(wǎng)頁設(shè)計與制作案例教程高職高專ppt課件四、網(wǎng)頁布局1．網(wǎng)頁設(shè)計的原則主次分明，中心突出大小搭配，相互呼應(yīng)圖文并茂，相得益彰簡潔一致網(wǎng)頁布局時的元素：格式美觀的正文、和諧的色彩搭配、較好的對比度、使得文字具有較強的可讀性、生動的背景圖案、頁面元素大小適中、布局勻稱、不同元素之間留有足夠空白、各元素之間保持平衡、文字準確無誤、無錯別字、無拼寫錯誤。文本和背景的色彩：一個頁面顯示的顏色不宜過多，應(yīng)控制在256色以內(nèi)。主題顏色通常只需要2～3種，并采用一種標準色。網(wǎng)頁設(shè)計與

7、制作案例教程高職高專ppt課件2．網(wǎng)頁布局的基本要素學(xué)習(xí)網(wǎng)頁設(shè)計首先需要了解構(gòu)成網(wǎng)頁的基本元素，這樣才能在頁面設(shè)計中得心應(yīng)手，根據(jù)需要合理地組織和布局網(wǎng)頁內(nèi)容。一般網(wǎng)頁的基本內(nèi)容包括：頁面標題、網(wǎng)站標志、頁眉、導(dǎo)航欄、主內(nèi)容區(qū)和頁腳。1）頁面標題網(wǎng)站中的每一個頁面都有標題，用來提示該頁面的主要內(nèi)容。標題出現(xiàn)在瀏覽器的標題欄中，而不是出現(xiàn)在頁面布局中。它還有一個比較重要的作用就是引導(dǎo)訪問者清楚地知道所要瀏覽網(wǎng)站的內(nèi)容，不至于迷失方向。2）網(wǎng)站標志網(wǎng)站標志在互聯(lián)網(wǎng)上是一個站點的象征，是網(wǎng)站形象的重要體現(xiàn)。另