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

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

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

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

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

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

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

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

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