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

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

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

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

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

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

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

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

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

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

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