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

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

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

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

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

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

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