第1章網(wǎng)頁制作基礎(chǔ)知識

網(wǎng)頁是網(wǎng)絡(luò)上的基本文檔，網(wǎng)頁中包含文字、圖片、聲音、動畫、影像以及鏈接等元素，通過對這些元素的有機組合，就構(gòu)成了包含各種信息的網(wǎng)頁。簡單地說，通過瀏覽器在WWW上所看到的每一個超文本文件都是一個網(wǎng)頁，而通過超鏈接連接在一起的若干個網(wǎng)頁的集合即構(gòu)成網(wǎng)站。

通常網(wǎng)站都有一個能夠連接到網(wǎng)上的惟一編碼，即IP地址。由于IP地址非常不便于記憶，所以通常用一串文字來代替，例如等，這就是域名。域名也必須是惟一的，它由固定的網(wǎng)絡(luò)域名管理組織在全世界范圍內(nèi)進行統(tǒng)一管理。

通常我們看到的網(wǎng)頁，都是以.htm、.html、.shtml等為后綴的文件。在網(wǎng)站設(shè)計中，這種純粹HTML格式的網(wǎng)頁通常被稱為靜態(tài)網(wǎng)頁。動態(tài)網(wǎng)頁是指服務(wù)器會針對不同的使用者以及不同的要求執(zhí)行不同的程序，從而提供不同的服務(wù)，一般與數(shù)據(jù)庫有關(guān)。1.1網(wǎng)頁與網(wǎng)站1.2.1確定網(wǎng)站的主題和目標用戶1.2網(wǎng)站建設(shè)的基本步驟

一個網(wǎng)站的成功與否與建站之前的網(wǎng)站規(guī)劃有著極為重要的關(guān)系。建立網(wǎng)站，首先要對網(wǎng)站及網(wǎng)頁的內(nèi)容、風(fēng)格進行規(guī)劃。這一階段的任務(wù)主要是明確網(wǎng)站的主題和名稱，并對網(wǎng)站的技術(shù)可行性、經(jīng)濟可行性和時間可行性進行分析。網(wǎng)站的主題就是網(wǎng)站所要包含的主要內(nèi)容。一個優(yōu)秀的網(wǎng)站其頁面必須做好以下三個方面：內(nèi)容、速度和風(fēng)格。內(nèi)容是網(wǎng)站的根本，一個成功的網(wǎng)站在內(nèi)容方面一定有獨到之處，如新浪的新聞、百度的搜索、聯(lián)眾的游戲等。無論是個人網(wǎng)站、企業(yè)網(wǎng)站還是綜合性信息網(wǎng)站，都需要明確地樹立自己的主題和方向，在內(nèi)容組織上要有特色、定位準確、內(nèi)容豐富、且有良好的即時更新性。Web站點的風(fēng)格是指站點的整體形象給瀏覽者的感受。整體形象包括站點的CI，版面布局，瀏覽方式，交互性，文字，語氣，內(nèi)容等等諸多因素。風(fēng)格會極大地影響讀者對網(wǎng)站的評價，瀏覽者不需要任何預(yù)先的知識，就可能從Web站點的視覺界面獲得主觀印象。迪斯尼中國官方網(wǎng)站1.2.2規(guī)劃網(wǎng)站的欄目與版塊

不管是簡單的個人主頁，還是復(fù)雜的、幾千個頁面的大型網(wǎng)站，對網(wǎng)站的規(guī)劃都要放到第一步，因為它直接關(guān)系到網(wǎng)站的功能是否完善，是否夠?qū)哟危欠襁_到預(yù)期的目的等。明確了網(wǎng)站的主題和目標用戶之后，接下來要依據(jù)網(wǎng)站的主題，仔細規(guī)劃和設(shè)計主題中的每個欄目與版塊。例如，通常個人網(wǎng)站主要用于展現(xiàn)個人風(fēng)采。因此，網(wǎng)站的主要內(nèi)容是個人感興趣的東西，如一些精美的文章、日志、學(xué)習(xí)筆記、網(wǎng)站相冊。制作網(wǎng)站的目的除了展示個人的東西以外，還希望能與其他網(wǎng)友交流，因此可以添加留言板；為了加大網(wǎng)站的訪問量，或收藏自己喜歡的素材、網(wǎng)站，可以添加友情鏈接。如今電子商務(wù)盛行，不妨也在個人網(wǎng)站上開一個簡單的小店，將自己的商品或需要換購的物品放置在個人網(wǎng)站上。1.2.3組織站點結(jié)構(gòu)組織站點結(jié)構(gòu)是指編排網(wǎng)站文件的目錄結(jié)構(gòu)。設(shè)置站點的常規(guī)做法是在本地磁盤上創(chuàng)建—個包含站點所有文件的文件夾，然后在該文件夾中創(chuàng)建和編輯文檔。當準備好發(fā)布站點并允許公眾查看時，再將這些文件復(fù)制到Web服務(wù)器上。目錄結(jié)構(gòu)的好壞，對站點本身的上傳維護以及以后內(nèi)容的更新和維護有著重要的影響。在建立目錄結(jié)構(gòu)時，盡量不要將所有文件都存放在根目錄下，而是按欄目內(nèi)容建立子目錄。例如時尚資訊站點可以根據(jù)時尚類別分別建立相應(yīng)的目錄，如服飾、家居、音像、美容等相應(yīng)目錄。其他如友情鏈接等需要經(jīng)常更新的次要欄目，可以建立獨立的子目錄。而—些相關(guān)性強、不需要經(jīng)常更新的欄目，如關(guān)于本站、聯(lián)系我們等，可以合并放在統(tǒng)一目錄下。另外，在每個主目錄下都建立獨立的images目錄，用于存放各個欄目中的圖片。在默認情況下，站點根目錄下都有images目錄，用于存放首頁和次要欄目的圖片。此外，為便于維護和管理，建立的目錄結(jié)構(gòu)的層次建議不要超過4層，且不要使用中文目錄名或過長的目錄名。1.2.4收集整理建站資源了解了網(wǎng)站的主要目錄結(jié)構(gòu)后，就可以創(chuàng)建和收集需要的建站資源了。一般建站資源包括圖像、文本和媒體。收集了所有這些項目后，分門別類地存放在相應(yīng)的文件夾中，以便于查找和管理。在網(wǎng)站主題和名稱定下來之后，需要思考的就是網(wǎng)站的標識。網(wǎng)站的標識，即網(wǎng)站Logo，如同商品的商標，可以使網(wǎng)絡(luò)瀏覽者易于識別和便于選擇網(wǎng)站。一個好的Logo往往會反映Web及制作者的某些信息，特別是對一個商業(yè)Web來講，可以從中基本了解到這個Web的類型。Logo可以是中文，英文字母，可以是符號，圖案，也可以是動物或者人物等。比如：IBM是用IBM的英文作為標志，新浪用字母sina+眼睛作為標志，蘋果用一只蘋果作為標志，搜狐用一只卡通狐貍作為標志。常見的logo視覺上的吸引僅僅是Web設(shè)計的一部分，為了讓讀者方便地獲得信息，在進行Web設(shè)計時，Logo的形式應(yīng)該服從功能，形式的設(shè)計應(yīng)該盡量滿足功能所需的簡明、清晰。奧運開幕logo為了便于在Internet上傳播信息，關(guān)于Web站點的Logo，國際上有一個統(tǒng)一的標準規(guī)范。目前網(wǎng)站Logo有以下三種規(guī)格：1．88*31——這是互聯(lián)網(wǎng)上最普遍的Logo規(guī)格，某些收集Logo的站點所收集的均是這種規(guī)格的Logo。2．120*60——這種規(guī)格用于一般大小的Logo。3．120*90——這種規(guī)格用于大型Logo。一個好的Logo應(yīng)具備以下的幾個條件，或者具備其中的幾條：符合國際標準。傳達網(wǎng)站的類型信息。風(fēng)格獨特、設(shè)計精美。1.2.5網(wǎng)頁版面布局與設(shè)計網(wǎng)站建設(shè)的目的是為用戶服務(wù)，因此應(yīng)根據(jù)網(wǎng)站建設(shè)的目的確定網(wǎng)站的布局和功能。例如，建立—個電子商務(wù)網(wǎng)站，就要根據(jù)消費者的需求、購買力、購買習(xí)慣等要素設(shè)計網(wǎng)頁的功能。其次，網(wǎng)站上的內(nèi)容并不是大量的信息簡單地堆積，這些信息必須通過一定的形式來體現(xiàn)，這就是網(wǎng)站結(jié)構(gòu)、頁面外觀、頁面布局等。同時，網(wǎng)頁的設(shè)計要考慮到網(wǎng)頁的加載速度，不能因為網(wǎng)頁的加載時間過慢而使網(wǎng)站的眼球數(shù)大大降低。因此，網(wǎng)頁在設(shè)計上切忌使用過多、過大的圖片和過多的表格嵌套。常見的網(wǎng)頁布局形式大致有“廠”字型、“口”字型、“海報”型、“同”字型、“三”字型和“框架”型布局。海報型布局1.2.6測試網(wǎng)站

在確定好網(wǎng)頁的目標、功能、風(fēng)格及整理好素材后就可以采用多種方法和網(wǎng)頁制作工具進行網(wǎng)頁的制作。同時，為了保證網(wǎng)頁的正確性，當網(wǎng)頁設(shè)計人員制作完所有頁面后，需要對所設(shè)計的網(wǎng)頁進行審查和測試。主要進行網(wǎng)頁的功能性測試、完整性測試和安全性測試。1.2.7發(fā)布與推廣網(wǎng)站在成功進行完上面的幾個步驟后，網(wǎng)站中的網(wǎng)頁就可以發(fā)布到Internet中，供人們訪問。在發(fā)布網(wǎng)站之前，必須先申請域名和空間，以標識和存放網(wǎng)站。域名是網(wǎng)站在網(wǎng)絡(luò)上存在的標志，對于企業(yè)開展電子商務(wù)具有重要的作用，被謄為網(wǎng)絡(luò)時代的“環(huán)球商標”，—個好的域名可以大大增加企業(yè)在互聯(lián)網(wǎng)上的知名度。申請完空間和域名后，就可以將網(wǎng)站上傳到服務(wù)器，讓瀏覽者看到。讀者可以利用FTP軟件，也可