1、1.1 網(wǎng)頁(yè)制作基礎(chǔ),1.1.1 什么是靜態(tài)網(wǎng)頁(yè) 1.1.2 什么是動(dòng)態(tài)網(wǎng)頁(yè),1.1.1 什么是靜態(tài)網(wǎng)頁(yè),在網(wǎng)站設(shè)計(jì)中，純粹HTML格式的網(wǎng)頁(yè)通常被稱為“靜態(tài)網(wǎng)頁(yè)”，早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁(yè)制作的，一般以.htm、.html、.shtml、.xml等為后后綴。在HTML格式的網(wǎng)頁(yè)上，也可以出現(xiàn)各種動(dòng)態(tài)效果，如.GIF格式的動(dòng)畫、FLASH、滾動(dòng)字母等。,1.1.2 什么是動(dòng)態(tài)網(wǎng)頁(yè),常見形動(dòng)態(tài)網(wǎng)頁(yè)是以.aspx.asp、.jsp、.php、.perl、.cgi等形式為后綴，動(dòng)態(tài)網(wǎng)頁(yè)也可以是純文字內(nèi)容的，也可以是包含各種動(dòng)畫的內(nèi)容，這些只是網(wǎng)頁(yè)具體內(nèi)容的表現(xiàn)形式，無論網(wǎng)頁(yè)是否具有動(dòng)態(tài)效果，采用

2、動(dòng)態(tài)網(wǎng)站技術(shù)生成的網(wǎng)頁(yè)都稱為動(dòng)態(tài)網(wǎng)頁(yè)。,1.2 網(wǎng)頁(yè)的基本要素,1.2.1 Logo 1.2.2 Banner 1.2.3 導(dǎo)航欄 1.2.4 文本 1.2.5 圖像,1.2.1 Logo,Logo是代表企業(yè)形象或欄目?jī)?nèi)容的標(biāo)志性圖片，一般在網(wǎng)頁(yè)的左上角，通常有3種尺寸：8831像素、12060像素和1209像素。,1.2.2 Banner,Banner是用于宣傳網(wǎng)站內(nèi)某個(gè)欄目或活動(dòng)的廣告。 常見的尺寸是48060像素或23330像素。,1.2.3 導(dǎo)航欄,導(dǎo)航欄就是一組超鏈接，用來方便地瀏覽站點(diǎn)。導(dǎo)航欄可能是按鈕或者文本超鏈接，是網(wǎng)頁(yè)的重要組成元素，導(dǎo)航欄一般用于網(wǎng)站各部分內(nèi)容間相互鏈接的指

3、引。,1.2.4 文本,網(wǎng)頁(yè)中的信息主要是以文本為主的，良好的文本格式可以創(chuàng)建出別具特色的網(wǎng)頁(yè)，激發(fā)讀者的興趣。,1.2.5 圖像,圖像在網(wǎng)頁(yè)中具有提供信息、展示形象、裝飾網(wǎng)頁(yè)、表達(dá)個(gè)人情趣和風(fēng)格的作用。,1.2.6 Flash動(dòng)畫,Flash動(dòng)畫是網(wǎng)頁(yè)上最活躍的元素，包括GIF動(dòng)畫和FLASH動(dòng)畫。,1.3 網(wǎng)頁(yè)中的色彩特性,1.3.1 相近色的應(yīng)用 1.3.2 對(duì)比色的應(yīng)用 1.3.3 網(wǎng)頁(yè)安全色 1.3.4 色彩模式,1.3.1 相近色的應(yīng)用,相近色是在網(wǎng)頁(yè)設(shè)計(jì)中常用的色彩搭配，特點(diǎn)是畫面統(tǒng)一和諧。 暖色主要由紅色調(diào)組成，比如紅色、橙色和黃色。暖色調(diào)給人溫暖、舒適和活力的感覺，因此在網(wǎng)頁(yè)設(shè)計(jì)中可以突出視化效果。,1.3.2 對(duì)比色的應(yīng)用,對(duì)比色在網(wǎng)頁(yè)中的應(yīng)用是很普遍的，特點(diǎn)是使畫面生動(dòng)有活力，視覺效果更加強(qiáng)烈。 在網(wǎng)頁(yè)中應(yīng)用對(duì)比色時(shí)，首先要注意的是定下整個(gè)畫面的基本色調(diào)，是以暖色調(diào)為主還是以冷色調(diào)為主。,1.3.3 網(wǎng)頁(yè)安全色,不同是顏色會(huì)使人感受到不同的效果，網(wǎng)頁(yè)安全色是在不同硬件環(huán)境、不同瀏覽器中都能夠正常顯示的顏色集合。,1.3.4 色彩模式,1. RGB色彩模式 2. CMYK色彩模式 3. Bi