第一部分：基礎(chǔ)知識(shí)

網(wǎng)頁(yè)設(shè)計(jì)第一部分：基礎(chǔ)知識(shí)初識(shí)網(wǎng)頁(yè)

網(wǎng)頁(yè)一般又稱為HTML（HyperTextMarkupLanguage）文件，英文名稱為WebPage，是一種可以在WWW上傳輸，能被瀏覽器認(rèn)識(shí)并翻譯成頁(yè)面，進(jìn)而顯示出來(lái)的文件。通常看到的網(wǎng)頁(yè)，大都是以.htm或.html后綴結(jié)尾的文件。除此之外，網(wǎng)頁(yè)文件還有以.cgi、.asp、.php、和.jsp等后綴結(jié)尾。根據(jù)生成的方式，網(wǎng)頁(yè)大致可分為靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)兩種。1．靜態(tài)網(wǎng)頁(yè)靜態(tài)網(wǎng)頁(yè)是網(wǎng)站建設(shè)初期經(jīng)常采用的一種形式。網(wǎng)站建設(shè)者把內(nèi)容設(shè)計(jì)成靜態(tài)網(wǎng)頁(yè)，訪問(wèn)者只能被動(dòng)地瀏覽網(wǎng)站建設(shè)者提供的網(wǎng)頁(yè)內(nèi)容。其特點(diǎn)如下：網(wǎng)頁(yè)內(nèi)容不會(huì)發(fā)生變化，除非網(wǎng)頁(yè)設(shè)計(jì)者修改了網(wǎng)頁(yè)內(nèi)容。不能實(shí)現(xiàn)和瀏覽網(wǎng)頁(yè)的用戶之間的交互，信息流向是單向的，即從服務(wù)器到瀏覽器。服務(wù)器不能根據(jù)用戶的選擇調(diào)整返回給用戶的內(nèi)容，靜態(tài)網(wǎng)頁(yè)的瀏覽過(guò)程如下圖所示。瀏覽器Web服務(wù)器HTTP請(qǐng)求HTTP應(yīng)答圖1靜態(tài)網(wǎng)頁(yè)瀏覽2．動(dòng)態(tài)網(wǎng)頁(yè)所謂動(dòng)態(tài)網(wǎng)頁(yè)是指網(wǎng)頁(yè)文件里包含了程序代碼,通過(guò)后臺(tái)數(shù)據(jù)庫(kù)與Web服務(wù)器進(jìn)行信息交互,由后臺(tái)數(shù)據(jù)庫(kù)提供實(shí)時(shí)數(shù)據(jù)更新和數(shù)據(jù)查詢服務(wù)。這種網(wǎng)頁(yè)的后綴名稱一般根據(jù)不同的程序設(shè)計(jì)語(yǔ)言而有所不同，如ASP文件的后綴為.asp，JSP文件的后綴為.jsp。動(dòng)態(tài)網(wǎng)頁(yè)能夠根據(jù)不同時(shí)間和不同訪問(wèn)者而顯示不同內(nèi)容。如常見(jiàn)的BBS、留言板和聊天室通常用動(dòng)態(tài)網(wǎng)頁(yè)實(shí)現(xiàn)。動(dòng)態(tài)網(wǎng)頁(yè)的制作比較復(fù)雜，需要用到ASP、PHP、JSP和ASP.NET等專門(mén)的動(dòng)態(tài)網(wǎng)頁(yè)實(shí)現(xiàn)技術(shù)。動(dòng)態(tài)網(wǎng)頁(yè)的瀏覽過(guò)程如下圖所示。瀏覽器HTTP請(qǐng)求HTTP應(yīng)答圖2動(dòng)態(tài)網(wǎng)頁(yè)瀏覽數(shù)據(jù)庫(kù)程序Web服務(wù)器

以電影網(wǎng)站的播放頁(yè)面為例，一個(gè)電影網(wǎng)站上千部電影，而且每一部電影的集數(shù)不只一集，如果一部電影一個(gè)播放頁(yè)面，制作及維護(hù)就會(huì)非常麻煩，而且服務(wù)器的空間放這些頁(yè)面也是個(gè)問(wèn)題。因此這類網(wǎng)站均為動(dòng)態(tài)網(wǎng)站形式，當(dāng)用戶選擇某個(gè)電影或某一集時(shí)，相當(dāng)于提出了請(qǐng)求，動(dòng)態(tài)程序判斷用戶請(qǐng)求后根據(jù)請(qǐng)求內(nèi)容從數(shù)據(jù)庫(kù)中獲得所需內(nèi)容反饋給用戶，頁(yè)面可始終公用一個(gè)，哪一天看著頁(yè)面不合適，修改這么一個(gè)就可以了，不用修改每個(gè)單獨(dú)的靜態(tài)頁(yè)面。由此可見(jiàn)動(dòng)態(tài)網(wǎng)頁(yè)占用的服務(wù)器空間少，容易更新維護(hù)，對(duì)管理員來(lái)說(shuō)非常方便。

動(dòng)態(tài)網(wǎng)站舉例：/

3.動(dòng)態(tài)網(wǎng)頁(yè)和靜態(tài)網(wǎng)頁(yè)

網(wǎng)站采用動(dòng)態(tài)網(wǎng)頁(yè)還是靜態(tài)網(wǎng)頁(yè)主要取決于網(wǎng)站的功能需求和網(wǎng)站內(nèi)容的多少，如果網(wǎng)站功能比較簡(jiǎn)單，內(nèi)容更新量不是很大，采用純靜態(tài)網(wǎng)頁(yè)的方式會(huì)更簡(jiǎn)單，反之一般要采用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)來(lái)實(shí)現(xiàn)。如果網(wǎng)頁(yè)上只包含有GIF動(dòng)態(tài)圖片或Flash動(dòng)畫(huà)或JS的動(dòng)態(tài)效果，而不具備與后臺(tái)數(shù)據(jù)庫(kù)交互功能的網(wǎng)頁(yè)并不是動(dòng)態(tài)網(wǎng)頁(yè)，還屬于靜態(tài)網(wǎng)頁(yè)。靜態(tài)網(wǎng)頁(yè)是動(dòng)態(tài)網(wǎng)頁(yè)的基礎(chǔ)，學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的前提是首先掌握靜態(tài)網(wǎng)頁(yè)制作，然后再進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的學(xué)習(xí)。

3.網(wǎng)頁(yè)的基本構(gòu)成不同性質(zhì)的網(wǎng)頁(yè)，構(gòu)成的基本元素是不同的。一般地，網(wǎng)頁(yè)的構(gòu)成包括網(wǎng)頁(yè)標(biāo)題、網(wǎng)頁(yè)標(biāo)志、網(wǎng)頁(yè)Banner、導(dǎo)航欄、主內(nèi)容區(qū)、頁(yè)腳版權(quán)信息等，如下圖所示。網(wǎng)頁(yè)標(biāo)題網(wǎng)頁(yè)的標(biāo)志網(wǎng)頁(yè)的Banner網(wǎng)頁(yè)導(dǎo)航主內(nèi)容區(qū)版權(quán)信息網(wǎng)頁(yè)標(biāo)題網(wǎng)站中的每一個(gè)頁(yè)面都有標(biāo)題，用來(lái)提示該頁(yè)面的主要內(nèi)容。標(biāo)題在瀏覽器標(biāo)題欄中，它的作用是引導(dǎo)訪問(wèn)者清楚地知道所要瀏覽的網(wǎng)站內(nèi)容，不至于迷失方向。網(wǎng)頁(yè)導(dǎo)航欄導(dǎo)航欄是網(wǎng)頁(yè)設(shè)計(jì)中的重要部分，又是整個(gè)網(wǎng)站設(shè)計(jì)中較獨(dú)立的部分。一般來(lái)說(shuō)，網(wǎng)站中的導(dǎo)航欄在各個(gè)頁(yè)面中出現(xiàn)的位置比較固定，而且風(fēng)格較為一致。

導(dǎo)航欄的位置一般有4種：頁(yè)面的左側(cè)、右側(cè)、頂部和底部。有時(shí)候在同一個(gè)頁(yè)面中運(yùn)用了多種導(dǎo)航欄，比如在頂部設(shè)置了主菜單，而在頁(yè)面左側(cè)設(shè)置了折疊式的折疊菜單，同時(shí)又在頁(yè)面底部設(shè)置了多種鏈接，這樣便增強(qiáng)了網(wǎng)站的可訪問(wèn)性。當(dāng)然并不是導(dǎo)航欄在頁(yè)面中出現(xiàn)的次數(shù)越多越好，而是要合理地運(yùn)用，使頁(yè)面總體協(xié)調(diào)一致。網(wǎng)頁(yè)的標(biāo)志網(wǎng)頁(yè)的標(biāo)志是一個(gè)站點(diǎn)的象征，也是一個(gè)站點(diǎn)是否正規(guī)的標(biāo)志之一。一個(gè)好的標(biāo)志可以很好地樹(shù)立公司的形象。網(wǎng)頁(yè)標(biāo)志一般放在網(wǎng)站的左上角。通常有3種尺寸：88×31（像素）、120×60（像素）和120×90（像素）。網(wǎng)頁(yè)的BannerBanner是橫幅廣告，是互聯(lián)網(wǎng)廣告中最基本的廣告形式。Banner可以位于網(wǎng)頁(yè)的頂部、中部或底部的任意一處，一般橫向貫穿整個(gè)或者大半個(gè)頁(yè)面。常見(jiàn)的尺寸是480×60（像素）或233×30（像素），Banner可使用靜態(tài)圖像文件也可以使用動(dòng)畫(huà)圖像，除普通的GIF動(dòng)畫(huà)格式外，F(xiàn)lash能賦予Banner更強(qiáng)的表現(xiàn)力和交互內(nèi)容。主內(nèi)容區(qū)網(wǎng)頁(yè)的主內(nèi)容區(qū)是網(wǎng)頁(yè)的主要內(nèi)容顯示區(qū)域。頁(yè)腳版權(quán)信息頁(yè)腳是防置網(wǎng)站版權(quán)信息的地方，可以放置一些聯(lián)系方式或其他的導(dǎo)航欄目。認(rèn)識(shí)網(wǎng)站網(wǎng)站也稱為站點(diǎn)，英文名稱為WebSite，是指具有獨(dú)立域名、獨(dú)立存放空間的集合，這些內(nèi)容可能是網(wǎng)頁(yè)，也可能是程序或其它文件。通俗地說(shuō)網(wǎng)站就是在互聯(lián)網(wǎng)上一塊固定的面向全世界發(fā)布消息的地方。放置到指定的網(wǎng)站空間中（服務(wù)器或虛擬主機(jī)），通過(guò)域名（也就是網(wǎng)站地址）進(jìn)行訪問(wèn)。衡量一個(gè)網(wǎng)站的性能，通常從網(wǎng)站空間大小、網(wǎng)站連接速度、服務(wù)器主機(jī)配置、主機(jī)性能等幾個(gè)方面考慮。網(wǎng)站的分類網(wǎng)站按內(nèi)容進(jìn)行分類可分為門(mén)戶網(wǎng)站、垂直網(wǎng)站、地方網(wǎng)站；而其中垂直網(wǎng)站又可分為新聞網(wǎng)站、娛樂(lè)網(wǎng)站、體育網(wǎng)站、科技網(wǎng)站、游戲網(wǎng)站、生活服務(wù)網(wǎng)站和教育職業(yè)網(wǎng)站等。網(wǎng)站按服務(wù)進(jìn)行分類，可分為內(nèi)容提供、搜索引擎、即時(shí)通信、電子商務(wù)、在線娛樂(lè)等。網(wǎng)站按使用群體的不同進(jìn)行分類?？煞譃殚T(mén)戶網(wǎng)站、導(dǎo)航網(wǎng)站、電子商務(wù)網(wǎng)站、企業(yè)網(wǎng)站、政府部門(mén)網(wǎng)站和個(gè)人網(wǎng)站等。網(wǎng)頁(yè)制作中的專業(yè)術(shù)語(yǔ)網(wǎng)站服務(wù)器（Web服務(wù)器）：也稱為WWW服務(wù)器，是專門(mén)提供網(wǎng)上信息瀏覽服務(wù)的高性能計(jì)算機(jī)。上網(wǎng)所瀏覽的網(wǎng)頁(yè)必須存放在網(wǎng)站服務(wù)器中才能供人們?cè)L問(wèn)瀏覽。Browser（瀏覽器）：瀏覽器（Browser）就是指在電腦上安裝的，用來(lái)顯示指定文件的程序。常用的瀏覽器有IE6.0，IE7.0，IE8.0，F(xiàn)irefox,Opera等。HTTP協(xié)議：HTTP是HyperTextTransferProtocol的縮寫(xiě)，也就是超文本傳輸協(xié)議，專門(mén)用于從WWW服務(wù)器傳輸超文本標(biāo)記語(yǔ)言（HTML--HyperTextMarkupLanguage）寫(xiě)的文件，也就是我們通常說(shuō)的網(wǎng)頁(yè)，通過(guò)這個(gè)協(xié)議，我們可以瀏覽網(wǎng)絡(luò)上的各種信息，在瀏覽器上看到豐富多彩的文字與圖片。這就是網(wǎng)頁(yè)地址都是以“http：//”開(kāi)頭的原因。IP地址：Internet上有無(wú)數(shù)臺(tái)計(jì)算機(jī)要通過(guò)網(wǎng)絡(luò)相互連通，為了能夠準(zhǔn)確地訪問(wèn)每臺(tái)電腦，就必須指定一個(gè)唯一的識(shí)別標(biāo)記。主機(jī)在Internet上的唯一標(biāo)志稱為IP地址（Internet

Protocol

Address）。它是一串4組由圓點(diǎn)分割的數(shù)字組成的，其中每一組數(shù)字都在0－256之間，如：0－255．0－255．0－255．0－255．0－255；如，202．202．96．33就是一個(gè)主機(jī)服務(wù)器的IP地址。域名：IP地址是數(shù)字化的，比較難記，所以人們提出了一種新方法來(lái)代替這種，即“域名”地址。域名由幾個(gè)英文單詞組成，如具有一定的意義，其中cn代表中國(guó)，com代表商業(yè)網(wǎng)，sina代表新浪，www代表萬(wàn)維網(wǎng)（WorldWideWeb）,整個(gè)域名合起來(lái)就代表新浪站點(diǎn)。域名地址和IP地址實(shí)際上是一回事，只是形式上不同而已。在訪問(wèn)一個(gè)站點(diǎn)的時(shí)候，可以輸入該站點(diǎn)IP地址也可以輸入域名地址。這里就存在一個(gè)域名地址和對(duì)應(yīng)的IP地址相互轉(zhuǎn)換的問(wèn)題，這些信息實(shí)際上是存放在域名服務(wù)器中，當(dāng)輸入一個(gè)域名地址時(shí)，域名服務(wù)器就會(huì)搜索其對(duì)應(yīng)的IP地址，然后訪問(wèn)到該地址所表示的站點(diǎn)。URL(UniformResourceLocator--統(tǒng)一資源定位器)：是專為標(biāo)識(shí)Internet網(wǎng)上資源位置而設(shè)的一種編址方式，我們平時(shí)所說(shuō)的網(wǎng)頁(yè)地址指的即是URL，它一般由三部分組成（傳輸協(xié)議：//主機(jī)IP地址或域名/地址資源所在路徑和文件名）,如洪恩在線-電腦樂(lè)園的URL為：/pc/index.htm其中http超文本傳輸協(xié)議(HyperTextTransferProtocol)

是web服務(wù)器域名地址pc是網(wǎng)頁(yè)所在路徑index.html是相應(yīng)的網(wǎng)頁(yè)文件。FTP:文件傳輸協(xié)議，是FileProtocol的縮寫(xiě)，用FTP協(xié)議登錄到FTP服務(wù)器?？梢燥@示該服務(wù)器上的文件及目錄清單，并且能夠向FTP服務(wù)器上傳或下載文件。FTP支持多種文件類型和文件格式的傳輸，包括ASCII和二進(jìn)制文件。Banner（橫幅廣告）：橫幅廣告是互聯(lián)網(wǎng)廣告中最基本的廣告形式。它是一個(gè)表現(xiàn)商家廣告內(nèi)容的圖片，放置在廣告商的頁(yè)面上，尺寸是480×60像素，或233×30像素；一般是Gif格式的圖像文件，可以使用靜態(tài)圖形，也可用多幀圖像拼接為動(dòng)畫(huà)圖像；除普通Gif格式外，新興的RichMediaBanner（富媒體廣告）能賦予Banner更強(qiáng)的表現(xiàn)力和交互內(nèi)容，但一般需要用戶使用的瀏覽器插件支持（Plug-in）。Banner一般翻譯為網(wǎng)幅廣告、旗幟廣告、橫幅廣告等。Click（點(diǎn)擊次數(shù)）：用戶通過(guò)點(diǎn)擊廣告而訪問(wèn)廣告主的網(wǎng)頁(yè)，稱點(diǎn)擊一次。點(diǎn)擊次數(shù)是評(píng)估廣告效果的指標(biāo)之一。Cookie：Cookie電腦中記錄用戶在網(wǎng)絡(luò)中行為的文件。網(wǎng)站可通過(guò)Cookie來(lái)識(shí)別用戶是否曾經(jīng)訪問(wèn)過(guò)該網(wǎng)站。當(dāng)瀏覽某些Web站點(diǎn)時(shí)，這些站點(diǎn)會(huì)在用戶的硬盤(pán)上用很小的文本文件存儲(chǔ)一些信息，這些文件就稱為Cookie。Cookie中包含的信息與瀏覽者的愛(ài)好有關(guān)Database（數(shù)據(jù)庫(kù)）：Database通常指的是利用現(xiàn)代計(jì)算機(jī)技術(shù)，將各類信息有序地分類整理，便于查找和管理。在網(wǎng)絡(luò)營(yíng)銷中，指利用互聯(lián)網(wǎng)收集用戶個(gè)人信息，并存檔、管理，例如姓名、性別、年齡、地址、電話、興趣愛(ài)好、消費(fèi)行為等。KeyWord（關(guān)鍵字）：KeyWord是用戶在搜索引擎中提交的文字，以便快速查詢所需內(nèi)容。常用網(wǎng)頁(yè)制作軟件網(wǎng)頁(yè)過(guò)程中常用制作軟件包括網(wǎng)頁(yè)編輯軟件，圖像處理軟件、動(dòng)畫(huà)處理軟件。網(wǎng)頁(yè)編輯軟件MicrosoftFrontPage：由微軟公司推出,目前用到的版本有FrontPage2003、FrontPage2007、FrontPage2010等。它的特點(diǎn)是簡(jiǎn)單易用，容易上手，而且與IE、Word等軟件結(jié)合的很好。缺點(diǎn)是兼容性差，對(duì)于復(fù)雜的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)能力有限。Dreamweaver：由Macromedia公司推出，比較經(jīng)典的版本有ＤreamWeaverMX2004、ＤreamWeaver8等。被Adobe公司收購(gòu)后推出ＤreamWeaverCS3、CS4、CS5三個(gè)版本。它的特點(diǎn)是操作方便，代碼簡(jiǎn)潔，面板設(shè)計(jì)豐富多樣、對(duì)動(dòng)態(tài)網(wǎng)頁(yè)編程與設(shè)計(jì)給予了很好的支持，以及與Fireworks，F(xiàn)lash，Photoshop等軟件能緊密的結(jié)合。UltraEdit-32：代碼編輯工具，主要編輯ASP等動(dòng)態(tài)網(wǎng)頁(yè)。圖像處理軟件做網(wǎng)頁(yè)需要有一定的平面設(shè)計(jì)基礎(chǔ)。如果設(shè)計(jì)者只會(huì)寫(xiě)程序，沒(méi)有一定的界面設(shè)計(jì)功底，即便你的程序編寫(xiě)得再好，沒(méi)有美觀的界面為依托，還是沒(méi)有人愿意來(lái)看你的網(wǎng)頁(yè)，就像一件衣服一樣，衣料再好，樣子不好看也不會(huì)有人去買。在制作網(wǎng)頁(yè)過(guò)程中常用的圖像處理軟件有：Photoshop，網(wǎng)頁(yè)設(shè)計(jì)者必須精通的一個(gè)圖形處理工具。Imageready，在用Photoshop將界面設(shè)計(jì)完成后，切換到Imageready中進(jìn)行界面分割處理，快速完成由圖到網(wǎng)頁(yè)的過(guò)渡。不過(guò)凡事有利弊，要學(xué)會(huì)靈活運(yùn)用。ACDSee，目前最流行的數(shù)字圖像處理軟件，它能廣泛應(yīng)用于圖片的獲取、管理、瀏覽、優(yōu)化，甚至和他人進(jìn)行分享。Fireworks，制作網(wǎng)頁(yè)的高級(jí)輔助工具，可以進(jìn)行動(dòng)畫(huà)制作，圖像優(yōu)化，熱點(diǎn)、切片和輪替按鈕，文件導(dǎo)入和導(dǎo)出，無(wú)須學(xué)習(xí)代碼即可創(chuàng)建具有專業(yè)品質(zhì)的網(wǎng)頁(yè)圖形和動(dòng)畫(huà)，例如變換圖像和彈出菜單等。動(dòng)畫(huà)制作軟件網(wǎng)頁(yè)的動(dòng)畫(huà)一般分為兩種，即GIF動(dòng)畫(huà)和Flash動(dòng)畫(huà)。這兩種動(dòng)畫(huà)都可以通過(guò)Flash軟件來(lái)完成，而GIF動(dòng)畫(huà)有很多種工具可以實(shí)現(xiàn)，F(xiàn)lash的文字動(dòng)畫(huà)也有專門(mén)的工具，這些工具對(duì)于想做出好的動(dòng)畫(huà)，又不能熟練使用Flash的制作者提供了極大的方便。Flash：Flash是交互式矢量圖和Web動(dòng)畫(huà)的標(biāo)準(zhǔn)，網(wǎng)頁(yè)設(shè)計(jì)者使用Flash能創(chuàng)建漂亮的、可改變尺寸的動(dòng)畫(huà)，可以創(chuàng)建極其緊密的導(dǎo)航界面、技術(shù)說(shuō)明以及其他奇特的效果。Swish：在此工具中做好文字動(dòng)畫(huà)后可以導(dǎo)出為.swf格式的文件，再導(dǎo)入到Flash中進(jìn)行進(jìn)一步的處理，讓Flash更生動(dòng)，更炫目多彩。UleadGIFAnimator：友立公司出版的動(dòng)畫(huà)GIF制作軟件，內(nèi)建的Plugin有許多現(xiàn)成的特效可以立即套用，可將AVI文件轉(zhuǎn)換成動(dòng)畫(huà)GIF文件，而且還能將動(dòng)畫(huà)GIF圖片最佳化，能將放在網(wǎng)頁(yè)上的GIF動(dòng)畫(huà)減肥，以便讓人能夠更快速地瀏覽網(wǎng)頁(yè)。碩思閃客精靈：支持將SWF文件導(dǎo)出成FLA文件，幫助丟失FLA文件的影片作者重新獲得FLA文件，從而可以再編輯。碩思閃客之錘：是一款具有專業(yè)水準(zhǔn)的動(dòng)畫(huà)制作工具。它支持圖形設(shè)計(jì)、運(yùn)動(dòng)動(dòng)畫(huà)、引導(dǎo)線、遮罩效果、流聲音和事件聲音、幀標(biāo)記、設(shè)置電影剪輯、按鈕等符號(hào)。文字動(dòng)畫(huà)特效制作SwishZone：特效中有許多細(xì)節(jié)結(jié)合使用能得到非常炫的效果，直接預(yù)覽，能直接導(dǎo)出為SWF文檔格式。GIF動(dòng)畫(huà)制作GIFMovieGear3.0：GIF動(dòng)畫(huà)制作軟件，幾乎有需要制作GIF動(dòng)畫(huà)的編輯功能它都有，無(wú)須再用其他的圖形軟件輔助。網(wǎng)站設(shè)計(jì)的學(xué)習(xí)內(nèi)容從網(wǎng)站設(shè)計(jì)需要掌握和運(yùn)用的知識(shí)分析，可分為內(nèi)容組織、美工設(shè)計(jì)、頁(yè)面編輯、網(wǎng)站編程4個(gè)方面內(nèi)容。內(nèi)容組織：確定網(wǎng)站的內(nèi)容和功能，制定網(wǎng)站的目標(biāo)和組織網(wǎng)站的信息資源，繪制網(wǎng)站內(nèi)容組織框架結(jié)構(gòu)圖，根本目的是通過(guò)構(gòu)建網(wǎng)頁(yè)之間的有機(jī)信息聯(lián)系，幫助用戶找到信息，即進(jìn)行信息構(gòu)建（IA）。美工設(shè)計(jì)：根據(jù)網(wǎng)站布局框架圖，進(jìn)行頁(yè)面風(fēng)格和美觀設(shè)計(jì)。常用軟件有Photoshop、Fireworks、Flash等。頁(yè)面編輯：根據(jù)美工設(shè)計(jì)圖進(jìn)行頁(yè)面代碼化編輯，常用軟件有Dreamweaver、FrontPage，常用技術(shù)有HTML、XHTML、CSS等。網(wǎng)站編程：進(jìn)行腳本編寫(xiě)和功能模塊實(shí)現(xiàn)，即實(shí)現(xiàn)網(wǎng)站所需功能及網(wǎng)站內(nèi)容的便捷式管理和更新。常用技術(shù)有asp、php、jsp、、c#、Ajax、java、Delphi、Perl等動(dòng)態(tài)網(wǎng)站編程技術(shù)。信息構(gòu)建（IA）

對(duì)于美工設(shè)計(jì)和網(wǎng)站編程我們?cè)诤竺娴恼n程中都會(huì)有涉及，在這里對(duì)于信息構(gòu)建（IA）做以簡(jiǎn)要介紹。

1975年美國(guó)的建筑師沃爾曼(RichardSaulWurman)創(chuàng)造性地提出了InformationArchitecture一詞，并在1976年召開(kāi)的美國(guó)建筑師協(xié)會(huì)全國(guó)會(huì)議上將它公布于世。他強(qiáng)調(diào)要把復(fù)雜的信息以一種易于理解的方式描述出來(lái)，滿足人們的信息需求。從事IA設(shè)計(jì)的人員被稱為信息建筑師(InformationArchitect)，沃爾曼明確指出信息建筑師的工作任務(wù)：(1)組織數(shù)據(jù)中的固有模式、化復(fù)雜為明晰；(2)創(chuàng)建信息結(jié)構(gòu)或地圖，令他人找到通向知識(shí)的個(gè)人路徑。在具體實(shí)踐中信息建筑師們會(huì)履行下列職責(zé)：(1)收集和定義信息用戶的需求內(nèi)容，用戶需求功能的要求并且?guī)椭x信息產(chǎn)品的視覺(jué)外觀；(2)在可理解層次去組織信息，通常會(huì)利用網(wǎng)站地圖、內(nèi)容地圖或信息模型。這包括發(fā)展受控詞匯和辭典；(3)在屏幕層次決定內(nèi)容位置與交互。要在最終設(shè)計(jì)之前添加原型導(dǎo)航、內(nèi)容關(guān)系與用戶交互。通常最后要形成一份書(shū)面的技術(shù)說(shuō)明書(shū)；(4)進(jìn)行用戶研究（訪問(wèn)、觀察、統(tǒng)計(jì)研究、市場(chǎng)分割研究等等）和可用性測(cè)試（啟發(fā)式評(píng)估、用途分析、用戶測(cè)試等等）。IA并沒(méi)有自身的傳統(tǒng)、標(biāo)準(zhǔn)與文化，它是從一系列背景領(lǐng)域中誕生的。這些領(lǐng)域包括計(jì)算機(jī)科學(xué)、圖書(shū)館學(xué)、信息學(xué)、知識(shí)管理、圖形設(shè)計(jì)、交互設(shè)計(jì)、信息設(shè)計(jì)、可用性研究、認(rèn)知科學(xué)、圖形設(shè)計(jì)、品牌策略、社會(huì)科學(xué)等等。這些都是IA的基礎(chǔ)學(xué)科，IA不斷從這些學(xué)科中吸取知識(shí)構(gòu)筑自身的理論與實(shí)踐體系。網(wǎng)站建設(shè)流程在網(wǎng)站建設(shè)時(shí)，需要進(jìn)行網(wǎng)站定位、申請(qǐng)網(wǎng)站域名、申請(qǐng)服務(wù)器空間、確定網(wǎng)站主題、網(wǎng)站制作、網(wǎng)站發(fā)布與上傳、后期更新與維護(hù)、網(wǎng)站推廣幾個(gè)步驟。第一步：網(wǎng)站定位網(wǎng)站定位就是確定網(wǎng)站的形式，明確網(wǎng)站的主要功能與特點(diǎn)，常用的網(wǎng)站主要分以下幾類：綜合門(mén)戶網(wǎng)站主要特點(diǎn)是功能強(qiáng)大、內(nèi)容豐富、信息齊全，網(wǎng)站有著強(qiáng)大的功能與美觀的頁(yè)面。這類網(wǎng)站開(kāi)發(fā)是一個(gè)龐大的項(xiàng)目，需要專業(yè)的開(kāi)發(fā)團(tuán)隊(duì)來(lái)完成。在網(wǎng)站開(kāi)發(fā)的學(xué)習(xí)與工作中，可以學(xué)習(xí)這類網(wǎng)站的網(wǎng)頁(yè)風(fēng)格和功能模塊。這類網(wǎng)站的代表有新浪、搜狐、網(wǎng)易。第一步：網(wǎng)站定位新聞資訊網(wǎng)站是一種可以發(fā)布大量的新聞與圖片內(nèi)容的網(wǎng)站。用戶可以方便的查看這些新聞資訊的內(nèi)容，這類網(wǎng)站主要開(kāi)發(fā)內(nèi)容是網(wǎng)站的美術(shù)設(shè)計(jì)與網(wǎng)站內(nèi)容的管理功能。這類網(wǎng)站的代表有人民網(wǎng)、新華網(wǎng)、央視國(guó)際網(wǎng)站。第一步：網(wǎng)站定位公司宣傳網(wǎng)站此類網(wǎng)站是開(kāi)發(fā)工作中最常見(jiàn)的網(wǎng)站類型。企業(yè)借助網(wǎng)站推廣企業(yè)形象、樹(shù)立企業(yè)品牌、發(fā)布企業(yè)產(chǎn)品。企業(yè)網(wǎng)站的設(shè)計(jì)重點(diǎn)是精美的網(wǎng)頁(yè)和企業(yè)產(chǎn)品的發(fā)布管理功能。這類網(wǎng)站有：金山軟件、中企動(dòng)力等。第一步：網(wǎng)站定位娛樂(lè)網(wǎng)站娛樂(lè)網(wǎng)站是一種很常用的網(wǎng)站形式，此類網(wǎng)站的設(shè)計(jì)非常靈活，可以使用各種個(gè)性化的色彩和布局，此類網(wǎng)站代表有：新浪娛樂(lè)、激動(dòng)網(wǎng)、E視網(wǎng)等。電子商務(wù)網(wǎng)站此類網(wǎng)站常包括產(chǎn)品、廣告、購(gòu)物、市場(chǎng)推廣等。設(shè)計(jì)重點(diǎn)是網(wǎng)站的產(chǎn)品管理功能和用戶的交互功能。代表有：易趣、淘寶、拍拍等。第一步：網(wǎng)站定位網(wǎng)址導(dǎo)航網(wǎng)站此類網(wǎng)站的內(nèi)容是將常用的網(wǎng)站鏈接整理到一個(gè)網(wǎng)站上，方便用戶使用。這類網(wǎng)站的開(kāi)發(fā)重點(diǎn)是網(wǎng)站鏈接與分類管理。代表有：網(wǎng)址之家、網(wǎng)址大全、265上網(wǎng)導(dǎo)航。第一步：網(wǎng)站定位下載網(wǎng)站下載網(wǎng)站可以方便地為用戶提供各種資料下載，此類網(wǎng)站的開(kāi)發(fā)重點(diǎn)是資料的管理與分類，著名的下載網(wǎng)站有霏凡軟件、天空軟件、百度MP3下載等。搜索引擎網(wǎng)站是為用戶提供內(nèi)容搜索功能的網(wǎng)站，主要內(nèi)容是實(shí)現(xiàn)網(wǎng)站的搜索與內(nèi)容管理功能，這類網(wǎng)站的代表有百度、谷歌、雅虎等。第一步：網(wǎng)站定位個(gè)人網(wǎng)站個(gè)人網(wǎng)站也叫個(gè)人主頁(yè)，是網(wǎng)絡(luò)中個(gè)人宣傳類的網(wǎng)站，其形式非常靈活，可以包含不同的內(nèi)容，個(gè)人網(wǎng)站的內(nèi)容沒(méi)有特別規(guī)則，可以根據(jù)個(gè)人喜好，進(jìn)行各種發(fā)揮。第二步：申請(qǐng)網(wǎng)站域名域名是由國(guó)際域名管理組織和國(guó)內(nèi)的相關(guān)機(jī)構(gòu)統(tǒng)一管理的，很多域名服務(wù)商可以代理域名的注冊(cè)業(yè)務(wù)，較著名的域名服務(wù)商有：中資源（）、西部數(shù)碼（）、中國(guó)萬(wàn)網(wǎng)（）、新網(wǎng)（）、中國(guó)數(shù)據(jù)()、武漢數(shù)據(jù)（）第三步：申請(qǐng)服務(wù)器空間訪問(wèn)網(wǎng)站的過(guò)程實(shí)際就是用戶計(jì)算機(jī)和服務(wù)商進(jìn)行數(shù)據(jù)鏈接和數(shù)據(jù)傳遞的過(guò)程，這就要求網(wǎng)站必須存放在服務(wù)器上才能被訪問(wèn)，一般的網(wǎng)站，不是使用一個(gè)獨(dú)立的服務(wù)器，而是在網(wǎng)絡(luò)公司租用一個(gè)一定大小的存儲(chǔ)空間來(lái)支持網(wǎng)站運(yùn)行，這個(gè)租用的網(wǎng)站存儲(chǔ)空間就是服務(wù)器空間。第三步：申請(qǐng)服務(wù)器空間不同的服務(wù)器空間的主要區(qū)別是支持網(wǎng)站的程序和支持的數(shù)據(jù)庫(kù)不同，常用的服務(wù)器空間可能分別支持下面這些不同的網(wǎng)站程序：

ASP：使用Windows系統(tǒng)和IIS服務(wù)器。

PHP:使用Linux系統(tǒng)或Windows系統(tǒng)，使用Apache網(wǎng)站服務(wù)器。

.NET：使用Windows系統(tǒng)和IIS服務(wù)器。

JSP：使用Windows系統(tǒng)和Java的網(wǎng)站服務(wù)器第三步：申請(qǐng)服務(wù)器空間不同的服務(wù)器空間可能支持不同的數(shù)據(jù)庫(kù)，常用的服務(wù)器空間支持?jǐn)?shù)據(jù)庫(kù)有以下幾種：Access：常用于ASP網(wǎng)站SqlServer2000：常用于ASP網(wǎng)站或.NET網(wǎng)站。Mysql：常用于PHP或JSP網(wǎng)站Oracle：常用于JSP網(wǎng)站第四步：確定網(wǎng)站主題網(wǎng)站的主題是指一個(gè)網(wǎng)站在建設(shè)中需要完成的任務(wù)和要實(shí)現(xiàn)的設(shè)計(jì)思想。這是網(wǎng)站開(kāi)發(fā)的一項(xiàng)重要工作，相關(guān)的設(shè)計(jì)思想需要在這個(gè)過(guò)程完成，設(shè)計(jì)思想需要書(shū)寫(xiě)設(shè)計(jì)文檔。第五步：網(wǎng)站制作包括網(wǎng)頁(yè)平面設(shè)計(jì)圖設(shè)計(jì)，網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)，網(wǎng)站功能模塊實(shí)現(xiàn)等。這部分內(nèi)容為這一學(xué)期里重點(diǎn)掌握的內(nèi)容部分。第六步：網(wǎng)站發(fā)布與上傳網(wǎng)站完成設(shè)計(jì)與調(diào)試后，需要上傳到租用的服務(wù)器空間中才能被www上的用戶訪問(wèn)。網(wǎng)站發(fā)布就是把自己計(jì)算機(jī)中的網(wǎng)站內(nèi)容發(fā)布到網(wǎng)絡(luò)上服務(wù)器空間的過(guò)程。上傳一般選擇FTP軟件進(jìn)行，常用的FTP軟件有LeapFTP、CuteFTP、SmartFTP等。圖4為CuteFTP上傳的截圖。圖4CuteFTP連接建立圖4CuteFTP的使用舉例：http://www.3v.cm/用戶名：qazwsx-123密碼：789456123第七步：后期更新與維護(hù)網(wǎng)站完成設(shè)計(jì)和上傳后，還要定期對(duì)網(wǎng)站的內(nèi)容進(jìn)行更新和維護(hù)，否則一成不變的內(nèi)容很難吸引瀏覽者。網(wǎng)站在運(yùn)行的過(guò)程中還可能出現(xiàn)一些錯(cuò)誤和問(wèn)題，因此也需要分析錯(cuò)誤原因修正錯(cuò)誤，解決問(wèn)題。第八步：網(wǎng)站推廣新網(wǎng)站在發(fā)布后并不會(huì)有很多人訪問(wèn)，要提高網(wǎng)站的知名度就需要對(duì)網(wǎng)站進(jìn)行推廣，網(wǎng)站推廣分自由推廣和付費(fèi)推廣兩種。自由推廣和相關(guān)的站點(diǎn)交換友情鏈接。在論壇、博客、留言板上發(fā)