網(wǎng)頁(yè)設(shè)計(jì)第一課

1、網(wǎng)頁(yè)設(shè)計(jì)信息組：袁雯雯本節(jié)課主要內(nèi)容網(wǎng)頁(yè)和網(wǎng)站網(wǎng)頁(yè)制作工具網(wǎng)站開發(fā)流程網(wǎng)頁(yè)的設(shè)計(jì)原理網(wǎng)頁(yè)設(shè)計(jì)的規(guī)范網(wǎng)頁(yè)解析html 網(wǎng)頁(yè)和網(wǎng)站的區(qū)別很大，網(wǎng)站是由網(wǎng)頁(yè)集合而成的，網(wǎng)頁(yè)就是一個(gè)瀏覽頁(yè)面，是一個(gè)html文件，瀏覽器是用來(lái)解讀這份文件的，想要制作一個(gè)網(wǎng)站，就需要單獨(dú)編輯若干個(gè)html文件，然后通過(guò)“超鏈接”把它們連接在一起，這樣一個(gè)屬于自己的網(wǎng)站就制作出來(lái)了。網(wǎng)站的話必須提供某種服務(wù)，或不斷更新某些問(wèn)題,用來(lái)吸引人氣。一般得有自己鮮明的特色，它需要專門的技術(shù)和內(nèi)容維護(hù)人員。網(wǎng)頁(yè)解析html下面就是網(wǎng)頁(yè)結(jié)構(gòu)的整體框架： 網(wǎng)站的核心網(wǎng)站是以數(shù)據(jù)為核心，以服務(wù)器為基礎(chǔ)的“瀏覽者-管理員-系統(tǒng)管理員”相互關(guān)

2、聯(lián)系、相互促進(jìn)、有機(jī)制約的信息化整體。網(wǎng)頁(yè)則是靜態(tài)頁(yè)面各自為政，僅僅提供鏈接的HTML文件。制作網(wǎng)頁(yè)的專業(yè)工具制作網(wǎng)頁(yè)的專業(yè)工具的功能越來(lái)越完善，操作也越來(lái)越簡(jiǎn)單，處理圖像、制作動(dòng)畫、發(fā)布網(wǎng)站的專業(yè)軟件應(yīng)用得非常廣泛。各 種 工 具制作網(wǎng)頁(yè)的專門工具圖像處理工具：網(wǎng)站發(fā)布工具：圖標(biāo)制作工具：動(dòng)畫制作工具：抓圖工具：網(wǎng)站開發(fā)流程第一個(gè)階段：規(guī)劃和準(zhǔn)備階段。這個(gè)階段要做的工作包括：（1）需求分析、決定網(wǎng)站的主題、風(fēng)格（2）收集資料、準(zhǔn)備素材并進(jìn)行整理修改（3）規(guī)劃網(wǎng)站結(jié)構(gòu)和頁(yè)面形式；第 二 階 段網(wǎng)頁(yè)設(shè)計(jì)、制作階段。這個(gè)階段要做的工作包括： （1）網(wǎng)站總體設(shè)計(jì)； （2）設(shè)計(jì)界面、制作網(wǎng)站中的各個(gè)網(wǎng)

3、頁(yè)； （3）將各個(gè)網(wǎng)頁(yè)通過(guò)超級(jí)鏈接進(jìn)行整合。網(wǎng)站的發(fā)布、推廣和維護(hù)階段。這個(gè)階段要做的工作包括： （1）測(cè)試、調(diào)試與完善網(wǎng)站； （2）發(fā)布與推廣網(wǎng)站； （3）維護(hù)和更新網(wǎng)站。關(guān)于設(shè)計(jì)與布局的小建議在設(shè)計(jì)布局的時(shí)候要注意把文字、圖片在網(wǎng)頁(yè)空間上均勻分布并且不同形狀、色彩的網(wǎng)頁(yè)元素要相互對(duì)比，以形成鮮明的視覺(jué)效果。LOGO網(wǎng)站的設(shè)計(jì)LOGO是網(wǎng)站的標(biāo)志、名片，如同商標(biāo)一樣。在網(wǎng)站設(shè)計(jì)中l(wèi)ogo的設(shè)計(jì)是不可缺少的一個(gè)重要環(huán)節(jié)。logo是網(wǎng)站特色和內(nèi)涵的集中體現(xiàn),它作用于傳遞網(wǎng)站的定位和經(jīng)營(yíng)理念、同時(shí)便于人們識(shí)別。網(wǎng)頁(yè)設(shè)計(jì)的色彩原則顏色心理反應(yīng)應(yīng)用情況紅色熱情、活力、溫暖、喜慶極易吸引人們的眼球，在網(wǎng)

4、頁(yè)中廣泛使用橙色時(shí)尚、輕快、溫馨、熱烈常常用于某些時(shí)尚新潮的網(wǎng)站中，如時(shí)裝網(wǎng)站、化妝品網(wǎng)站等 黃色快樂(lè)、希望、明亮、樂(lè)觀營(yíng)造出愉快的氛圍，能夠得到大部分瀏覽者的認(rèn)可綠色寧?kù)o、希望、清爽、自然淺綠、黃綠等顏色既有綠色的特點(diǎn)，又能表現(xiàn)出黃色的溫暖，用在網(wǎng)站中常常能夠得到青年人和兒童的喜愛藍(lán)色涼爽、清新、理智、平靜在商業(yè)設(shè)計(jì)中，強(qiáng)調(diào)科技、效率的商品或企業(yè)形象，大多選用藍(lán)色作為標(biāo)準(zhǔn)色灰色柔和、高雅、可靠、成熟與紅色、橙色等比較有視覺(jué)沖擊力的顏色相比，灰色比較低調(diào)。許多高科技產(chǎn)品，都采用灰色作為高科技形象白色潔白、純真、明快、簡(jiǎn)潔通常需要和其他色彩搭配使用，多用于網(wǎng)站背景色黑色深沉、高貴、莊嚴(yán)、優(yōu)雅適合

5、于與許多顏色搭配紫色高貴、神秘、啟發(fā)由于具有強(qiáng)烈的女性化性格，所以在網(wǎng)頁(yè)設(shè)計(jì)中，除了和女性有關(guān)的商品或企業(yè)形象之外，其他類的網(wǎng)站一般不采用紫色作為主色網(wǎng)頁(yè)頁(yè)面元素的設(shè)計(jì)網(wǎng)頁(yè)是由文本、圖像、動(dòng)畫、超級(jí)鏈接等基本元素構(gòu)成文 本一般情況下，網(wǎng)頁(yè)中最多的內(nèi)容是文本，可以根據(jù)需要對(duì)其字體、大小、顏色、底紋、邊框等屬性進(jìn)行設(shè)置。建議用于網(wǎng)頁(yè)正文的文字一般不要太大，也不要使用過(guò)多的字體，中文字體一般使用宋體，大小一般使用9磅或12像素即可。圖 像豐富多彩的圖像是美化網(wǎng)頁(yè)必不可少的元素，用于網(wǎng)頁(yè)上的圖像一般為JPG格式和GIF格式。網(wǎng)頁(yè)中的圖像主要有用于點(diǎn)綴標(biāo)題的小圖片，介紹性的照片，代表企業(yè)形象或欄目?jī)?nèi)容的

6、標(biāo)志性圖片（即LOGO），用于宣傳的廣告（即Banner）等多種形式。超 級(jí) 鏈 接超級(jí)鏈接是Web網(wǎng)頁(yè)的主要特色，是指從一個(gè)網(wǎng)頁(yè)指向另一個(gè)目的端的鏈接。這個(gè)“目的端”通常是一個(gè)網(wǎng)頁(yè)，也可以是下列情況之一：相同網(wǎng)頁(yè)上的不同位置、一個(gè)下載的文件、一幅圖片、一個(gè)E_Mail地址等。超級(jí)鏈接可以是文本、按鈕或圖片，鼠標(biāo)指向超級(jí)鏈接位置時(shí)，會(huì)變成小手形狀。導(dǎo) 航 欄導(dǎo)航欄是一組超級(jí)鏈接，用來(lái)方便地瀏覽站點(diǎn)。導(dǎo)航欄一般由多個(gè)按鈕或者多個(gè)文本超級(jí)鏈接組成。動(dòng) 畫動(dòng)畫是網(wǎng)頁(yè)中最活躍的元素，創(chuàng)意出眾、制作精致的動(dòng)畫是吸引瀏覽者眼球的有效方法之一。但是如果網(wǎng)頁(yè)動(dòng)畫太多，也會(huì)物極必反，使人眼花繚亂，進(jìn)而產(chǎn)生視覺(jué)疲勞。表 格表格是HTML語(yǔ)言中的一種元素，主要用于網(wǎng)頁(yè)內(nèi)容的布局，組織整個(gè)網(wǎng)頁(yè)的外觀，通過(guò)表格可以精確地控制各網(wǎng)頁(yè)元素在網(wǎng)頁(yè)中的位置?？?架框架是網(wǎng)頁(yè)的一種組織形式，將互相關(guān)聯(lián)的多個(gè)網(wǎng)頁(yè)的內(nèi)容組織在一個(gè)瀏覽器窗口中顯示。例如在一個(gè)框架內(nèi)放置導(dǎo)航欄，另一個(gè)框架中的內(nèi)容可以隨著導(dǎo)航欄中的鏈接而改變。