網頁是什么

網頁是構成網站的基本元素，是承載各種網站應用的平臺。通俗地說網站就是由網頁組成的，如果只有域名和虛擬主機而沒有制作任何網頁的話，客戶仍舊無法訪問網站。

網頁是構成網站的基本元素，是承載各種網站應用的平臺。通俗地說，您的網站就是由網頁組成的，如果您只有域名和虛擬主機而沒有制作任何網頁的話，您的客戶仍舊無法訪問您的網站。

網頁是一個包含 HTML 標簽的純文本文件，它可以存放在世界某個角落的某一臺計算機中，是萬維網中的一“頁”，是超文本標記語言格式（標準通用標記語言的一個應用，文件擴展名為.html 或.htm）。網頁通常用圖像檔來提供圖畫。網頁要通過網頁瀏覽器來閱讀。

主流代碼布局

原來是以表格來定位，現在是 DIV（區）+CSS（0.0）。

構成

文字與圖片是構成一個網頁的兩個最基本的元素。你可以簡單地理解為：文字，就是網頁的內容。圖片，就是網頁的美觀。除此之外，網頁的元素還包括動畫、音樂、程序等等。

在網頁上點擊鼠標右鍵，選擇菜單中的 “查看源文件” ，就可以通過記事本看到網頁的實際內容?？梢钥吹骄W頁實際上只是一個純文本文件。它通過各式各樣的標記對頁面上的文字、圖片、表格、聲音等元素進行描述（例如字體、顏色、大?。?，而瀏覽器則對這些標記進行解釋并生成頁面，于是就得到你現在所看到的畫面。 為什么在源文件看不到任何圖片？ 網頁文件中存放的只是圖片的鏈接位置，而圖片文件與網頁文件是互相獨立存放的，甚至可以不在同一臺計算機上。

網頁通常有以下元素：

文字資料圖像檔案 Applet（在頁面內執行的副程式）超鏈結網頁的合成體為網站，一個網站的開始點為首頁。

記錄功能

當你每次上網時，都會在歷史記錄里留下記錄，并且被保存在瀏覽器的緩存文件夾里，刪除時只要右鍵刪除就可以了。

網頁游戲

從 08 年開始，國內網頁游戲開始不斷興起，網頁游戲（Webgame）又稱 Web 游戲，無端網游，簡稱頁游。網頁游戲也是需要重視水平的，如音效的篩選、恰到好處的樂曲與音效搭配、以及良好的結構平臺等等，有了這些元素，才能做出一個好的網頁游戲，同時也會引來更多的瀏覽人數。網頁游戲的出現讓中國進入了一個新的網絡游戲平臺，也進入了一個頁游發展的競爭時代。

元素

感知信息

文本：文本是網頁上最重要的信息載體和交流工具，網頁中的主要信息一般都以文本形式為主。

圖像：圖像元素在網頁中具有提供信息并展示直觀形象的作用。

靜態圖像：在頁面中可能是光柵圖形或矢量圖形。通常為 GIF，JPEG 或 PNG；或矢量格式，如 SVG 或 Flash。

動畫圖像：通常動畫為 GIF 和 SVG。

三、Flash 動畫：動畫在網頁中的作用是有效地吸引訪問者更多的注意。

四、聲音：聲音是多媒體和視頻網頁重要的組成部分。

五、視頻：視頻文件的采用是網頁效果更加精彩且富有動感。

六、表格：表格是在網頁中用來控制面業信息的布局方式。

七、導航欄：導航欄在網頁中是一組超鏈接，其連接的目的端是網頁中重要的頁面。

八、交互式表單：表單在網頁中通常用來聯系數據庫并接受訪問用戶在瀏覽器端輸入的數據。利用服務器的數據庫為客戶端與服務器端提供更多的互動。

分類

靜態頁

靜態網頁，其內容是預先確定的，并存儲在 Web 服務器或者本地計算機/服務器之上。

特點：

制作速度快，成本低。

模板一旦確定下來，不容易修改，更新比較費時費事。

常用于制作一些固定板式的頁面。

通常用于文本和圖像組成，常用于子頁面的內容介紹。

對服務器性能要求較低，但對存儲壓力相對較大。

設計要點

網頁設計的兩大要點是：整體風格和色彩搭配。

整體風格

網站的整體風格及其創意設計是最難以學習的，難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站。

風格（style）是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的 CI（標志、色彩、字體、標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。舉個例子：我們覺得網易是平易近人的，迪斯尼是生動活潑的。IBM 是專業嚴肅的，這些都是網站給人們留下的不同感受。

在這里，一些參考經驗：

將你的標志，盡可能的放在每個頁面上最突出的位置。

突出你的標準色彩。

總結一句能反映貴站精髓的宣傳標語！

相同類型的圖像采用相同效果，比如說標題字都采用陰影效果，那么在網站中出現的所有標題字的陰影效果的設置應該是完全一致的！

排版問題

字間距太擠或太寬。

行距太小或太大。

段距太少或太多。

每行字數太多或太少。

設計工具

一、Amaya（單位：萬維網聯盟）用于編輯 HTML、CSS、數學標記語言、可縮放矢量圖形的工具

二、Dreamweaver（單位：奧多比）用于編輯 HTML、ASP、JSP、PHP 的輔助工具

三、Frontpage（單位：微軟）跟 Dreamweaver 一樣。

四、FLASH（單位：奧多比）網頁需要畫面流動（動畫）時的首選擇。

五、PhotoShop（單位：奧多比）圖象處理軟件，一般網頁都需要有圖片的相搭配，PhotoShop 是款很強大的工具。

六、FireWorks（單位：奧多比）跟 PhotoShop 一樣都是圖象處理軟件，但 FireWorks 偏向與對網頁的處理。Fireworks 主要用于制做動態圖片格式。

七、StylePix（單位：Hornil）跟 PhotoShop 一樣都是圖象處理軟件，可以處理光柵及矢量圖形。

使用腳本

ASP 全名 Active Server Pages（活性服務器頁面），是一個 WEB 服務器端的開發環境。利用它可以產生和執行動態的、互動的、高性能的 WEB 服務應用程序。ASP 采用腳本語言 VBScript（Java ｓｃｒｉｐｔ）作為自己的開發語言。

PHP 是一種跨平臺的服務器端的嵌入式腳本語言。它大量地借用 C,Java 和 Perl 語言的語法，并耦合 PHP 自己的特性，使 WEB 開發者能夠快速地寫出動態產生頁面。

JSP 是 Sun 公司推出的新一代網站開發語言，Sun 公司借助自己在 Java 上的不凡造詣，將 Java 從 Java 應用程序和 Java Applet（爪哇小程序）之外，又有新的碩果，就是 JSP（爪哇服務器頁面）。JSP 可以在 Serverlet 和 JavaBean 的支持下，完成功能強大的站點程序。

WebDNA 是一個服務器端的腳本，解釋型的語言且帶一個嵌入式數據庫系統，專門設計用于萬維網發布的一個免費的（FastCGI 的版本）?；跇撕炁c上下文。

.NET 是 Microsoft XML Web services 平臺。XML Web services 允許應用程序通過 Internet 進行通訊和共享數據，而不管所采用的是哪種操作系統、設備或編程語言。Microsoft .NET 平臺提供創建 XML Web services 并將這些服務集成在一起之所需。對個人用戶的好處是無縫的、吸引人的體驗。

設計原則

關于網站

所謂網站（Website），就是指在網際網路（因特網）上，根據一定的規則，使用 HTML 等工具制作的用於展示特定內容的相關網頁的***。簡單地說，網站是一種通訊工具，就像布告欄一樣，人們可以通過網站來發布自己想要公開的資訊（信息），或者利用網站來提供相關的網路服務（網絡服務）。人們可以通過網頁瀏覽器來訪問網站，獲取自己需要的資訊（信息）或者享受網路服務。

在你眼前，出現在顯示器上的這個“東西”，就是一個網頁。網頁實際是一個文件，它存放在世界某個角落的的某一臺計算機中，而這臺計算機必須是與互聯網相連的。網頁經由網址（URL）來識別與存取，當我們在瀏覽器輸入網址后，經過一段復雜而又快速的程序。網頁文件會被傳送到你的計算機，然后再通過瀏覽器解釋網頁的內容，再展示到你的眼前。

網頁儲存

當要將網頁存入自己的電腦內，網頁瀏覽器通常提供以下的選擇：

只儲存網頁的文字部分完裝封裝，即連同該網頁（HTML）所要用到的圖像、Applet 和 JavaScript 等文件也一并封裝儲存只有 HTML，不作任何改動；若果網頁內的連結是相對連結，可能會令圖片消失只有 HTML，但將網頁內連結到的文件改成絕對定義有些網頁瀏覽器容許在打印網頁前預覽，并可選擇印底色與否，甚至放大、縮小。