網頁基礎

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

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

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

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

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

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

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

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

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

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