網(wǎng)頁(yè)基礎(chǔ)

1、網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)概述:什么是網(wǎng)頁(yè)與網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)頁(yè)(webpage)，是網(wǎng)站中的一「頁(yè)」，通常是HTML格式（文件擴(kuò)展名為.html或.htm或.asp或.aspx或.php或.jsp等）。網(wǎng)頁(yè)通常用圖像檔來(lái)提供圖畫。網(wǎng)頁(yè)要使用網(wǎng)頁(yè)瀏覽器來(lái)閱讀。網(wǎng)頁(yè)簡(jiǎn)介網(wǎng)頁(yè)是構(gòu)成網(wǎng)站的基本元素，是承載各種網(wǎng)站應(yīng)用的平臺(tái)。通俗的說(shuō)，您的網(wǎng)站就是由網(wǎng)頁(yè)組成的。如果您只有域名和虛擬主機(jī)而沒(méi)有制作任何網(wǎng)頁(yè)的話，您的客戶仍舊無(wú)法訪問(wèn)您的網(wǎng)站。什么是網(wǎng)頁(yè)網(wǎng)頁(yè)（英文：W

2、ebpage）是一個(gè)文件，他存放在世界某個(gè)角落的某一部計(jì)算機(jī)中，而這部計(jì)算機(jī)必須是與互聯(lián)網(wǎng)相連的。網(wǎng)頁(yè)經(jīng)由網(wǎng)址（URL）來(lái)識(shí)別與存取，當(dāng)我們?cè)跒g覽器輸入網(wǎng)址后，經(jīng)過(guò)一段復(fù)雜而又快速的程序，網(wǎng)頁(yè)文件會(huì)被傳送到你的計(jì)算機(jī)，然后再通過(guò)瀏覽器解釋網(wǎng)頁(yè)的內(nèi)容，再展示到你的眼前。是萬(wàn)維網(wǎng)中的一“頁(yè)”，通常是HTML格式（文件擴(kuò)展名為.html或.htm）。網(wǎng)頁(yè)通常用圖像檔來(lái)提供圖畫。網(wǎng)頁(yè)要透過(guò)網(wǎng)頁(yè)瀏覽器來(lái)閱讀。關(guān)于網(wǎng)站所謂網(wǎng)站(Website)，就

3、是指在網(wǎng)際網(wǎng)路（因特網(wǎng)）上，根據(jù)一定的規(guī)則，使用HTML等工具制作的用於展示特定內(nèi)容的相關(guān)網(wǎng)頁(yè)的集合。簡(jiǎn)單地說(shuō)，網(wǎng)站是一種通訊工具，就像布告欄一樣，人們可以通過(guò)網(wǎng)站來(lái)發(fā)布自己想要公開的資訊（信息），或者利用網(wǎng)站來(lái)提供相關(guān)的網(wǎng)路服務(wù)（網(wǎng)絡(luò)服務(wù)）。人們可以通過(guò)網(wǎng)頁(yè)瀏覽器來(lái)訪問(wèn)網(wǎng)站，獲取自己需要的資訊（信息）或者享受網(wǎng)路服務(wù)網(wǎng)站與網(wǎng)頁(yè)的關(guān)系網(wǎng)站是由網(wǎng)頁(yè)集合而成的，而大家通過(guò)瀏覽器所看到的畫面就是網(wǎng)頁(yè)，網(wǎng)頁(yè)說(shuō)具體了是一個(gè)html文件，瀏覽器是是

4、用來(lái)解讀這份文件的。也可以這樣說(shuō)：網(wǎng)頁(yè)是有許多html文件集合而成。至于要多少網(wǎng)頁(yè)集合在一起才能稱作網(wǎng)站，這可就沒(méi)有規(guī)定了，即使只有一個(gè)網(wǎng)頁(yè)也能被稱為網(wǎng)站。網(wǎng)頁(yè)現(xiàn)在在你眼前，出現(xiàn)在顯示器上的這個(gè)“東西”，就是一個(gè)網(wǎng)頁(yè)。網(wǎng)頁(yè)實(shí)際是一個(gè)文件，它存放在世網(wǎng)頁(yè)界某個(gè)角落的的某一臺(tái)計(jì)算機(jī)中，而這臺(tái)計(jì)算機(jī)必須是與互聯(lián)網(wǎng)相連的。網(wǎng)頁(yè)經(jīng)由網(wǎng)址（URL）來(lái)識(shí)別與存取，當(dāng)我們?cè)跒g覽器輸入網(wǎng)址后，經(jīng)過(guò)一段復(fù)雜而又快速的程序，網(wǎng)頁(yè)文件會(huì)被傳送到你的計(jì)算機(jī)，然后

5、再通過(guò)瀏覽器解釋網(wǎng)頁(yè)的內(nèi)容，再展示到你的眼前。構(gòu)成網(wǎng)頁(yè)的元素文字與圖片是構(gòu)成一個(gè)網(wǎng)頁(yè)的兩個(gè)最基本的元素。你可以簡(jiǎn)單的理解為：文字，就是網(wǎng)頁(yè)的內(nèi)容，圖片，就是網(wǎng)頁(yè)的美觀。除此之外，網(wǎng)頁(yè)的元素還包括動(dòng)畫、音樂(lè)、程序等等。在網(wǎng)頁(yè)上點(diǎn)擊鼠標(biāo)右鍵，選擇菜單中的“查看源文件”，就可以通過(guò)記事本看到網(wǎng)頁(yè)的實(shí)際內(nèi)容?？梢钥吹?，網(wǎng)頁(yè)實(shí)際上只是一個(gè)純文本文件，它通過(guò)各式各樣的標(biāo)記對(duì)頁(yè)面上的文字、圖片、表格、聲音等元素進(jìn)行描述（例如字體、顏色、大?。?，而瀏覽

6、器則對(duì)這些標(biāo)記進(jìn)行解釋并生成頁(yè)面，于是就得到你現(xiàn)在所看到的畫面。為什么在源文件看不到任何圖片？網(wǎng)頁(yè)文件中存放的只是圖片的鏈接位置，而圖片文件與網(wǎng)頁(yè)文件是互相獨(dú)立存放的，甚至可以不在同一臺(tái)計(jì)算機(jī)上。網(wǎng)頁(yè)的類型通常我們看到的網(wǎng)頁(yè)，都是以htm或html后綴結(jié)尾的文件，俗稱HTML文件。不同版權(quán)信息：聲明版權(quán)所有者等。充分利用已有信息，如客戶手冊(cè)公共關(guān)系文檔技術(shù)手冊(cè)和數(shù)據(jù)庫(kù)等。網(wǎng)頁(yè)設(shè)計(jì)的要點(diǎn)網(wǎng)頁(yè)設(shè)計(jì)的兩大要點(diǎn)是：整體風(fēng)格和色彩搭配。一、確定網(wǎng)

7、站的整體風(fēng)格網(wǎng)站的整體風(fēng)格及其創(chuàng)意設(shè)計(jì)是最難以學(xué)習(xí)的。難就難在沒(méi)有一個(gè)固定的模式可以參照和模仿。給你一個(gè)主題，任何兩人都不可能設(shè)計(jì)出完全一樣的網(wǎng)站。風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI（標(biāo)志、色彩、字體、標(biāo)語(yǔ)）、版面布局、瀏覽方式、交互性、文字、語(yǔ)氣、內(nèi)容價(jià)值、存在意義、站點(diǎn)榮譽(yù)等等諸多因素。舉個(gè)例子：我們覺(jué)得網(wǎng)易是平易近人的，迪斯尼是生動(dòng)活潑的，IBM是專業(yè)嚴(yán)肅的。這些都是網(wǎng)

8、站給人們留下的不同感受。在這里，我提供給大家一些參考經(jīng)驗(yàn)：1將你的標(biāo)志logo，盡可能的放在每個(gè)頁(yè)面上最突出的位置。家庭網(wǎng)2突出你的標(biāo)準(zhǔn)色彩。3總結(jié)一句能反映貴站精髓的宣傳標(biāo)語(yǔ)！4相同類型的圖像采用相同效果，比如說(shuō)標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的！二、網(wǎng)頁(yè)色彩的搭配無(wú)論是平面設(shè)計(jì)，還是網(wǎng)頁(yè)設(shè)計(jì)，色彩永遠(yuǎn)是最重要的一環(huán)。當(dāng)我們距離顯示屏較遠(yuǎn)的時(shí)候，我們看到的不是優(yōu)美的版式或者是美麗的圖片，

9、而是網(wǎng)頁(yè)的色彩。關(guān)于色彩的原理有許多，在此我們不可能一一闡述，大家可以看看相關(guān)設(shè)計(jì)書籍，有利于系統(tǒng)地理解。在此我們僅僅想告訴大家一些網(wǎng)頁(yè)配色時(shí)的小技巧。1用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。2用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。3用一個(gè)色系。簡(jiǎn)單的說(shuō)就是用一個(gè)感覺(jué)的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。在網(wǎng)頁(yè)配色中，還要切記一些誤區(qū)：1不要將所有顏色都

10、用到，盡量控制在三至五種色彩以內(nèi)。2背景和前文的對(duì)比盡量要大(絕對(duì)不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。三、網(wǎng)頁(yè)設(shè)計(jì)的工具1.dreamweaver用與編輯HTML、ASP、JSP、PHP時(shí)的輔助工具2.Frontpage跟dreamweaver一樣，不過(guò)個(gè)人感覺(jué)還是dreamweaver好。3.FLASH網(wǎng)頁(yè)需要畫面流動(dòng)時(shí)的首選擇4、PS圖象處理軟件，一般網(wǎng)頁(yè)都需要有圖片相搭配，PS是款很強(qiáng)大的工具。5.FW跟PS一樣都