1.1 認識網頁和網站

隨著互聯網技術的日益成熟，越來越多的人在網絡的發展和壯大中受益，每天有無數的信息在網絡上傳播，而形態各異、內容繁雜的網頁就是這些信息的載體，那么網頁究竟是什么？網站又是什么呢？

1.1.1 網頁和網站

進入網站之后首先看到的就是網站的主頁，主頁集成了指向二級頁面及其他網站的超鏈接。瀏覽者進入主頁后可以瀏覽最新的信息，找到感興趣的主題，通過單擊超鏈接跳轉到其他網頁，網頁在瀏覽器中的效果如圖1-1所示。

當瀏覽者打開某個網址或單擊了某個超鏈接后，在瀏覽器中能看到文字、圖像、動畫、視頻或音頻等內容，這些內容的載體被稱為網頁。網頁瀏覽是互聯網中應用最廣的功能，網頁是網絡的基本組成部分。

網站則是各種內容網頁的集合，按照其功能和大小來分，目前主要有門戶網站和公司網站兩種。門戶網站內容龐大而復雜，如新浪、搜狐、網易等門戶網站。公司網站一般只有幾個頁面，如小型公司的網站，一般都是由最基本的網頁元素組合而成的。

在這些網站中，有一個特殊的頁面，它是瀏覽者打開某個網站的網址后首先看到的頁面，通常被稱為“主頁”或“首頁”。首頁承載了一個網站中的主要內容，訪問者可以按照首頁中的分類，精確、快速地找到自己想要的信息。

1.1.2 網頁的基本構成元素

網頁由網址來識別與存取，當訪問者在瀏覽器的地址欄中輸入網址后，通過一段復雜而快速的程序，網頁文件會被傳送到訪問者的計算機內，然后瀏覽器把這些HTML（超文本標記語言）代碼“翻譯”成圖文并茂的網頁。網頁的基本構成如圖1-2所示。

雖然網頁的形式與內容不同，但是構成網頁的基本元素是大體相同的，一般包含文本和圖像、超鏈接、動畫、表單、音頻/視頻等內容。

1．文本和圖像

文本和圖像是網頁的兩個基本構成元素，目前幾乎所有網頁中都包含這兩個元素。

2．超鏈接

網頁中的超鏈接又可分為文字鏈接和圖像鏈接兩種，只要訪問者單擊帶有鏈接的文字或圖像，就可以自動鏈接到對應的其他文件，這樣才能夠讓網頁鏈接成一個整體，超鏈接也是整個網絡的基礎。

3．動畫

網頁中的動畫可以分為GIF動畫和HTML動畫兩種。動態的內容總是要比靜止的內容更吸引人們的注意力，因此精彩的動畫能夠讓網頁更加豐富。

4．表單

表單是一種可在訪問者和服務器之間進行信息交互的技術，使用表單可以完成搜索、登錄、發送郵件等交互功能。

5．音頻/視頻

隨著網絡技術的不斷發展，網站上已經不再是單調的圖像和文字內容，越來越多的設計人員在網頁中加入視頻、背景音樂等，讓網站更加富有個性和魅力、更時尚。