1、第八章 網(wǎng)站建設(shè)8.1網(wǎng)站設(shè)計(jì)的原則與頁(yè)面風(fēng)格很多初學(xué)者把掌握網(wǎng)頁(yè)制作軟件的使用看作是網(wǎng)站制作的最基本的技能，但事實(shí)上并非完全如此，軟件的掌握是短期就能夠速成的，而且新的軟件層出不窮，功能越來(lái)越強(qiáng)大，要全部掌握這些軟件和功能是不可能的。然而，使用軟件的是人必須有良好的網(wǎng)站設(shè)計(jì)概念才能創(chuàng)造出優(yōu)秀的網(wǎng)站，這才是網(wǎng)站制作的核心。雖然軟件是制作網(wǎng)站必不可少的工具，但是有一點(diǎn)不容忽視：網(wǎng)站設(shè)計(jì)者使用的制作工具大同小異，無(wú)論是初學(xué)者還是專家，大多數(shù)網(wǎng)站的建設(shè)人員都會(huì)選用諸如Dreamweaver，F(xiàn)rontPage，F(xiàn)ireworks，Photoshop，Photoimpact，ImageReady這些主

2、流軟件。為什么設(shè)計(jì)出的網(wǎng)站卻在風(fēng)格、形態(tài)上都有很大的區(qū)別呢？這正說(shuō)明了網(wǎng)站創(chuàng)作的靈魂在于站點(diǎn)建設(shè)者對(duì)網(wǎng)站的規(guī)劃、網(wǎng)站的風(fēng)格及網(wǎng)站的概念的理解。雖然一個(gè)網(wǎng)站的主要目的是給人們傳遞它的信息，但是與此同時(shí)還把它的文化同樣也傳遞給獲取這些信息的人們。比如，眾所周知的263首都在線、新浪網(wǎng)、網(wǎng)易、ChinaRen等網(wǎng)站的頁(yè)面設(shè)計(jì)都非常樸實(shí)，沒(méi)有太多的花哨效果，運(yùn)用普通的制作軟件就能夠制作完成，但它們的頁(yè)面只需要看一眼就能夠讓人馬上識(shí)別它是誰(shuí)，這是因?yàn)樗鼈儾粌H向訪問(wèn)者傳達(dá)了新聞等網(wǎng)站的信息，更顯示出自己獨(dú)特的風(fēng)格。因此，想成為一名網(wǎng)頁(yè)設(shè)計(jì)方面的專家，僅僅掌握網(wǎng)頁(yè)設(shè)計(jì)軟件是遠(yuǎn)遠(yuǎn)不夠的，必須要從觀念上、思想上

3、把握網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)。下面將以一些著名的網(wǎng)站作為范例，逐個(gè)介紹商業(yè)網(wǎng)站、事業(yè)單位網(wǎng)站和個(gè)人網(wǎng)站設(shè)計(jì)的基本思想與風(fēng)格。8.1.1網(wǎng)站設(shè)計(jì)的基本原則網(wǎng)站的設(shè)計(jì)基本上是按照一定步驟進(jìn)行的。不同站點(diǎn)的開(kāi)發(fā)人員有他們自己不同的習(xí)慣，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)有自己獨(dú)特的見(jiàn)解。但一般來(lái)說(shuō)，有一些原則是共同的，一些主要的概念也是相同的。僅僅會(huì)輸入文本，制作超級(jí)鏈接和排列圖片，不是真正意義上的網(wǎng)頁(yè)制作，或者說(shuō)不能夠稱為網(wǎng)頁(yè)創(chuàng)作。因?yàn)榫W(wǎng)頁(yè)制作最重要的一個(gè)原則是：創(chuàng)意。這個(gè)原則也可以看成是網(wǎng)頁(yè)制作的根本，沒(méi)有創(chuàng)意的網(wǎng)站不能算是成功的網(wǎng)站，而這樣的站點(diǎn)也將不能長(zhǎng)期存在。除了創(chuàng)意之外，在網(wǎng)站設(shè)計(jì)時(shí)還需要考慮以下基本原則：網(wǎng)頁(yè)內(nèi)容便于

4、閱讀。站點(diǎn)內(nèi)容要精、專和及時(shí)更新。注重色彩搭配?？紤]帶寬。要適當(dāng)考慮不同瀏覽器、不同分辨率的情況。要提供交互性。簡(jiǎn)單既為美。針對(duì)上述幾條原則，需要作如下解釋，以便讀者了解網(wǎng)頁(yè)制作的概念。1、網(wǎng)頁(yè)內(nèi)容便于閱讀網(wǎng)站最大的目的是發(fā)布信息，因此網(wǎng)頁(yè)作為信息的載體就必須要做到便于閱讀。網(wǎng)頁(yè)能方便瀏覽者閱讀和查找是網(wǎng)站服務(wù)的要求，但并不代表是把所有重要的信息都堆積在首頁(yè)上，方便瀏覽者的查找和閱讀的根本在于科學(xué)地分類和組織。個(gè)人網(wǎng)站信息量少，幾個(gè)超級(jí)連接就可以包含。而商業(yè)網(wǎng)站的信息量較為龐大，如：新浪、FM365、網(wǎng)易、263這樣的網(wǎng)站，站點(diǎn)中的內(nèi)容幾乎無(wú)所不包，如何有條理地組織、放置超級(jí)連接，這就需要仔細(xì)

5、考慮，其中包含了“層次”的概念，對(duì)如何有層次地組織內(nèi)容將在后面的章節(jié)中單獨(dú)進(jìn)行討論。2、站點(diǎn)、頁(yè)面色彩的搭配如果色彩選用搭配不當(dāng)，會(huì)影響網(wǎng)站的訪問(wèn)量。比如：采用高亮度的背景色或者前景色很容易讓瀏覽者的眼睛感到疲勞，而且不利于整個(gè)網(wǎng)站風(fēng)格的統(tǒng)一，同時(shí)也違背了網(wǎng)站的“簡(jiǎn)單即為美”原則。3、瀏覽器與分辨率網(wǎng)頁(yè)的設(shè)計(jì)要做到在不同的環(huán)境下都能被瀏覽，初學(xué)者容易犯的大忌就是會(huì)忽視這一點(diǎn)。許多網(wǎng)頁(yè)在一種瀏覽器和特定的顯示分辨率下顯示的效果不錯(cuò)，但換另一種瀏覽器和顯示分辨率就不能正常地顯示，所以在網(wǎng)頁(yè)設(shè)計(jì)時(shí)要注意測(cè)試不同的瀏覽器和分辨率?；疽笫窃贗E4.0和Netscape4.0中都能有較好的效果，在分辨

6、率為800*600和640*480中都能正常顯示。4、提供與瀏覽者的交互近年來(lái)，站點(diǎn)的交互性越來(lái)越為人們重視。不僅商業(yè)站點(diǎn)的發(fā)展朝著高交互性努力，個(gè)人網(wǎng)站也開(kāi)始通過(guò)加強(qiáng)交互性來(lái)贏得更多的訪問(wèn)者。這就是為什么個(gè)人網(wǎng)站空間提供商往往同時(shí)提供聊天室、電子論壇、留言板等服務(wù)的原因。8.1.2站點(diǎn)的整體風(fēng)格與層次1、頁(yè)面風(fēng)格網(wǎng)站所使用的主題圖形、基本結(jié)構(gòu)布局、色調(diào)和文字的樣式等等都包含在網(wǎng)站風(fēng)格的概念中。我們可以這樣理解網(wǎng)站風(fēng)格的概念：整個(gè)網(wǎng)站所采用的結(jié)構(gòu)布局、色調(diào)、文字、標(biāo)志和圖案等要素留給訪問(wèn)者關(guān)于該網(wǎng)站的印象。在訪問(wèn)者瀏覽一個(gè)網(wǎng)站時(shí)，雖然覺(jué)得這個(gè)網(wǎng)站的圖形、文字并沒(méi)有什么特別優(yōu)秀的地方，然而這個(gè)網(wǎng)

7、站卻會(huì)使瀏覽者感到特別，這種特別讓瀏覽者可以識(shí)別它，只要看到它就可以知道這個(gè)網(wǎng)站的相關(guān)內(nèi)容。這里面正是“特別”的印象在起作用，整個(gè)網(wǎng)頁(yè)設(shè)計(jì)的生命在于 “創(chuàng)意”。而創(chuàng)意的實(shí)質(zhì)就是要把網(wǎng)站建設(shè)得具有自己獨(dú)特的風(fēng)格，讓人一眼就能夠識(shí)別。2、層次網(wǎng)站的層次是指主頁(yè)面（首頁(yè)或一級(jí)頁(yè)面）和二級(jí)頁(yè)面、三級(jí)頁(yè)面之間的結(jié)構(gòu)關(guān)系。大部分網(wǎng)站制作的初學(xué)者不夠重視這種層次規(guī)劃以至于網(wǎng)頁(yè)風(fēng)格不統(tǒng)一，在網(wǎng)頁(yè)導(dǎo)航上也出現(xiàn)了很多問(wèn)題。按照專業(yè)網(wǎng)頁(yè)設(shè)計(jì)流程，制作網(wǎng)頁(yè)前應(yīng)先設(shè)計(jì)好導(dǎo)航條，即事先規(guī)劃好網(wǎng)頁(yè)的層次結(jié)構(gòu)。無(wú)論是復(fù)雜的商業(yè)網(wǎng)站，還是簡(jiǎn)單的個(gè)人網(wǎng)站，在網(wǎng)頁(yè)的層次結(jié)構(gòu)上都存在著一些共同點(diǎn)。即任何一個(gè)網(wǎng)站均可以用三級(jí)結(jié)構(gòu)實(shí)現(xiàn)，

8、也就是“首頁(yè)欄目頁(yè)文章頁(yè)”或“一級(jí)頁(yè)面二級(jí)頁(yè)面三級(jí)頁(yè)面”結(jié)構(gòu)。制作好這三級(jí)結(jié)構(gòu)，就能制作好其他類型的結(jié)構(gòu)，這在任何網(wǎng)站都是適用的。因此，主頁(yè)的制作主要包括主題圖形的制作及頁(yè)面構(gòu)圖。 二級(jí)頁(yè)面是每個(gè)欄目的起始頁(yè)，該頁(yè)面應(yīng)該有欄目對(duì)應(yīng)的主題圖形。相對(duì)于整個(gè)網(wǎng)站的主題圖形來(lái)說(shuō)，標(biāo)志要小但必須醒目。當(dāng)用戶進(jìn)入該頁(yè)面后，需要設(shè)置通向其他欄目的鏈接和返回首頁(yè)上要有明確的指示。三級(jí)頁(yè)面是文章頁(yè)，位于最底層。當(dāng)瀏覽者進(jìn)入欄目后見(jiàn)到的超級(jí)鏈接，就是通向大篇幅的文章頁(yè)面。由于文章頁(yè)面本身包含有大量文字、圖片所以不宜安放過(guò)多。必要時(shí)可以為文章設(shè)計(jì)一些文章主題圖形，但這將使服務(wù)器的負(fù)荷過(guò)重。一般情況下，個(gè)人網(wǎng)站應(yīng)避免

9、這樣做。如果個(gè)人網(wǎng)站把文章主題的標(biāo)題做成各種各樣的美術(shù)字、特效字，結(jié)果將是得不償失。文字可以直接用文本表現(xiàn)，只要色彩、字體搭配得當(dāng)，就可以制作出美麗的頁(yè)面，把有限的頁(yè)面空間留給那些無(wú)法用文本表現(xiàn)的裝飾圖片。在上述的三級(jí)結(jié)構(gòu)中，二級(jí)頁(yè)面之間、三級(jí)頁(yè)面之間應(yīng)保持風(fēng)格一致，也就是基本布局一致。首頁(yè)與二、三級(jí)頁(yè)面之間、三級(jí)頁(yè)面之間的風(fēng)格也需要一致，但這種要求不十分嚴(yán)格，自由度稍大。 三級(jí)結(jié)構(gòu)是一種典型結(jié)構(gòu)，并不是唯一的結(jié)構(gòu)。在三級(jí)結(jié)構(gòu)之外，網(wǎng)站制作者還可以編排出很多頁(yè)面，比如：用于顯示當(dāng)日新聞的彈出式活動(dòng)面板、用于對(duì)訪問(wèn)者進(jìn)行調(diào)查的調(diào)查問(wèn)卷、當(dāng)訪問(wèn)者離開(kāi)站點(diǎn)時(shí)的道別畫(huà)面等，這些往往不屬于典型頁(yè)面，但他

10、們也包含在網(wǎng)站結(jié)構(gòu)之中。下面我們將向大家介紹一些網(wǎng)站，并分析站點(diǎn)結(jié)構(gòu)：商業(yè)站點(diǎn)結(jié)構(gòu)，微軟的主站點(diǎn)如圖8-1所示：微軟網(wǎng)站的主頁(yè)體現(xiàn)了一般商業(yè)網(wǎng)站的設(shè)計(jì)概念，從標(biāo)志、站內(nèi)搜索引擎到公司廣告都能體現(xiàn)。在本網(wǎng)站中，導(dǎo)航欄被設(shè)計(jì)在頁(yè)面的上方，緊靠在公司標(biāo)志的下方以及網(wǎng)頁(yè)的最下方，如果單擊它們，就能進(jìn)入到二級(jí)頁(yè)面。單擊“欄目”出現(xiàn)二級(jí)頁(yè)面欄目頁(yè)，該頁(yè)上的文字內(nèi)容較一級(jí)頁(yè)面明顯增多。另外，導(dǎo)航條有所改，如圖8-2所示Products變成了黃色，同時(shí)前面的小三角指待修改。公共信息站點(diǎn)結(jié)構(gòu)，新浪站點(diǎn)是一個(gè)非常著名的公共信息站點(diǎn)，如圖8-3所示。整個(gè)站點(diǎn)嚴(yán)格按照三級(jí)結(jié)構(gòu)進(jìn)行，可以看到公共信息站點(diǎn)的首頁(yè)上布滿了鏈

11、接：在頁(yè)面的上部放置了整個(gè)站點(diǎn)的特色欄目，比如：新聞、娛樂(lè)、游戲等等，這樣便于瀏覽者直接進(jìn)入相應(yīng)的欄目；在頁(yè)面的右邊放置的是當(dāng)天的新聞，使瀏覽者一登錄主頁(yè)就可以查看到最新的新聞；在頁(yè)面的主要部分，放置了站點(diǎn)的主要內(nèi)容、搜索引擎目錄，分門(mén)別類地放置了很多類別的鏈接。在首頁(yè)單擊財(cái)經(jīng)欄目，進(jìn)入如8-4的頁(yè)面，這是三級(jí)結(jié)構(gòu)的第二級(jí)。和首頁(yè)類似，頁(yè)面的新聞變成了這個(gè)欄目的主要新聞，變得更加詳細(xì)。單擊詳細(xì)的文章名稱，進(jìn)入第三級(jí)，如圖8-5所示第三級(jí)頁(yè)面以文字為主，同時(shí)放置了一些與該文章相關(guān)的文章鏈接。8.2個(gè)人網(wǎng)站的結(jié)構(gòu)本章第一節(jié)已經(jīng)指出，個(gè)人網(wǎng)站具有兩種不同的類型，而它們的結(jié)構(gòu)特點(diǎn)也不盡相同。主題圖形式

12、的網(wǎng)站，三級(jí)層次結(jié)構(gòu)很突出；而對(duì)于信息發(fā)布式的網(wǎng)站，有時(shí)候首頁(yè)和欄目頁(yè)之間沒(méi)有太大差別，只是首頁(yè)上顯示更多的綜合信息。通過(guò)對(duì)一些網(wǎng)站層次結(jié)構(gòu)的分析，初學(xué)者可以對(duì)網(wǎng)站的層次有個(gè)清晰地認(rèn)識(shí)。1、主題圖形式的個(gè)人網(wǎng)站一般來(lái)說(shuō)，首頁(yè)的主題圖形是為突出網(wǎng)站的風(fēng)格而設(shè)計(jì)，它給出了通向欄目的超級(jí)鏈接。進(jìn)入欄目后，欄目本身可以放置一個(gè)突出的主題圖形，這個(gè)主題圖形不僅可顯示該欄目的風(fēng)格，而且是區(qū)別于其他欄目的標(biāo)志，并告訴瀏覽者當(dāng)前的位置。最后一級(jí)文章頁(yè)，圖片要少但要容納大量文字。在結(jié)構(gòu)布局上，一般沒(méi)有通向其他欄目的超級(jí)鏈接，而放置一個(gè)返回上一級(jí)超級(jí)鏈接就可以了。 2、信息發(fā)布式個(gè)人網(wǎng)站介紹信息網(wǎng)站的層次布局，與

13、公共信息站點(diǎn)一樣，在第一、二級(jí)之間不需要太大的區(qū)別，只區(qū)分首頁(yè)和欄目頁(yè)即可。如該欄目的圖標(biāo)用明顯的顏色顯示，而其他欄目用一般的顏色顯示。但是在進(jìn)入第三級(jí)文章頁(yè)后，應(yīng)該有較大的變動(dòng)，不允許該頁(yè)面有過(guò)多的圖片，而要能容納大篇幅的文字，整個(gè)頁(yè)面盡量放開(kāi)，結(jié)構(gòu)也要簡(jiǎn)單。另外，在該頁(yè)面上還需要放置一個(gè)返回主頁(yè)的超級(jí)鏈接，用來(lái)返回上一級(jí)的欄目頁(yè)。由于使用的是文本鏈接，對(duì)頁(yè)面下載速度影響不大，整體風(fēng)格要清新而淡雅，不會(huì)在讀者閱讀信息時(shí)產(chǎn)生不良的刺激。網(wǎng)站作者的E-mail、網(wǎng)站版權(quán)信息等都置于頁(yè)面的下方，不影響主要內(nèi)容的顯示。這種網(wǎng)站的建設(shè)起來(lái)比較快，因其層次結(jié)構(gòu)具有很大的廷伸性，只需要稍加改動(dòng)，就能產(chǎn)生一

14、個(gè)新的欄目頁(yè)。8.3網(wǎng)站目錄結(jié)構(gòu)組織網(wǎng)站的目錄是指你建立網(wǎng)站時(shí)創(chuàng)建的目錄，例如：在用FrontPage98建立網(wǎng)站時(shí)都默認(rèn)建立了根目錄和images子目錄。網(wǎng)站的目錄結(jié)構(gòu)是一個(gè)容易被忽略的問(wèn)題，不少初學(xué)者往往不規(guī)劃，就隨意創(chuàng)建子目錄。由于超級(jí)鏈接的存在，可以隨意在目錄間跳轉(zhuǎn)，因此目錄結(jié)構(gòu)的好壞，對(duì)瀏覽者來(lái)說(shuō)并沒(méi)有什么太大的感覺(jué)，但是對(duì)于站點(diǎn)本身的上傳維護(hù)，站點(diǎn)內(nèi)容未來(lái)的擴(kuò)充和移植有著重要的影響，后面小節(jié)將講述規(guī)劃目錄結(jié)構(gòu)時(shí)應(yīng)當(dāng)遵循的幾個(gè)原則，大家應(yīng)當(dāng)理解、掌握對(duì)以后的網(wǎng)站規(guī)劃和維護(hù)有很大幫助。1、不要將所有文件都存放在根目錄下有些初學(xué)者為了方便，將所有文件都放在根目錄下。這樣做造成的不利影響在

15、于：（1）文件管理混亂。常常搞不清哪些文件需要編輯、更新，哪些無(wú)用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，最終影響了工作效率。（2）上傳速度慢。服務(wù)器一般都會(huì)為根目錄建立一個(gè)文件索引，當(dāng)所有文件都放在根目錄下，那么即使你只上傳、更新一個(gè)文件，也需要將所有文件再檢索一遍，再建立新的索引文件。很明顯，文件量越大等待的時(shí)間就越長(zhǎng)。所以，應(yīng)該盡可能地減少根目錄下的文件存放數(shù)。2、按欄目?jī)?nèi)容分別建立子目錄既然要求分散文件，那么就需建立子目錄。首先，應(yīng)該按站點(diǎn)的內(nèi)容主要欄目來(lái)建立。例如：網(wǎng)頁(yè)教程類站點(diǎn)可以根據(jù)技術(shù)類別分別建立相應(yīng)的目錄，如Flash，Dhtml，JavaScript等；企業(yè)站點(diǎn)可以按公司簡(jiǎn)介、

16、產(chǎn)品介紹、價(jià)格、在線定單、反饋信息等建立相應(yīng)的目錄。其他的次要欄目，比如whats new、友情鏈接等內(nèi)容較多，需要經(jīng)常更新的欄目可以建立獨(dú)立的子目錄。而一些相關(guān)性強(qiáng)，不需要經(jīng)常更新的欄目，例如：關(guān)于本站，關(guān)于站長(zhǎng)，站點(diǎn)經(jīng)歷等可以合并放在同一個(gè)目錄下。所有的相關(guān)程序一般都存放在特定的目錄，例如：CGI程序放在cgi-bin目錄，便于維護(hù)管理，所有需要下載的內(nèi)容也最好按照類別分別放在各個(gè)目錄下。3、在每個(gè)主目錄下都建立獨(dú)立的images目錄默認(rèn)的站點(diǎn)根目錄下都有一個(gè)images子目錄，但是如果將所有圖片都存放在這個(gè)目錄里面，會(huì)造成很大的不便。當(dāng)需要更新某個(gè)主欄目，或者將某個(gè)欄目刪除時(shí)，圖片的管理

17、相當(dāng)麻煩，反復(fù)修改后images就成為一個(gè)龐大的垃圾目錄了。經(jīng)過(guò)實(shí)踐發(fā)現(xiàn)，為每個(gè)主欄目建立一個(gè)獨(dú)立的images子目錄是最好的辦法，也方便管理，而根目錄下的images子目錄只用來(lái)存放根目錄下的頁(yè)面和一些通用欄目的圖片。4、目錄的層次不要太深如同前面所講到的，目錄的層次建議不要超過(guò)三層。具體原因就不再?gòu)?fù)述，其他需要注意的還有： 1、切忌使用中文目錄。網(wǎng)絡(luò)無(wú)國(guó)界，使用中文目錄可能對(duì)網(wǎng)址的正確顯示造成困難。2、不要使用過(guò)長(zhǎng)的目錄。盡管服務(wù)器支持長(zhǎng)文件名，但是太長(zhǎng)的文件名不便于記憶，也沒(méi)有必要。3、盡量使用意義明確的目錄。如上面提到的網(wǎng)絡(luò)技術(shù)教學(xué)站點(diǎn)例子中，可以用“Flash”，“Dhtml”，“J

18、avaScript”這幾個(gè)名稱，也可以用1，2，3建立目錄，但是哪一個(gè)更明確、更便于記憶和管理呢，？顯然是前者！隨著網(wǎng)頁(yè)技術(shù)不斷發(fā)展，利用數(shù)據(jù)庫(kù)或者其他后臺(tái)程序自動(dòng)生成網(wǎng)頁(yè)越來(lái)越普遍，網(wǎng)站的目錄結(jié)構(gòu)也必將飛躍到一個(gè)新的結(jié)構(gòu)層次，但上面的幾個(gè)原則依然適用。8.4首頁(yè)設(shè)計(jì)和版面布局8.4.1首頁(yè)設(shè)計(jì)在全面考慮好網(wǎng)站的欄目、鏈接結(jié)構(gòu)和整體風(fēng)格之后，就可以正式動(dòng)手制作首頁(yè)了?！昂玫拈_(kāi)端是成功的一半”，在網(wǎng)站設(shè)計(jì)上也是如此。首頁(yè)的設(shè)計(jì)是一個(gè)網(wǎng)站成功與否的關(guān)鍵，因?yàn)樵L問(wèn)者往往看到第一頁(yè)就對(duì)站點(diǎn)有了一個(gè)整體的印象。能否使訪問(wèn)者繼續(xù)點(diǎn)擊進(jìn)入并吸引訪問(wèn)者留在本網(wǎng)站上，全憑首頁(yè)設(shè)計(jì)的效果。所以，首頁(yè)的設(shè)計(jì)和制作是

19、需要我們重視的，一般首頁(yè)設(shè)計(jì)和制作占整個(gè)制作時(shí)間的40%。首頁(yè)從根本上說(shuō)就是全站內(nèi)容的目錄，是個(gè)索引。設(shè)計(jì)一個(gè)好的首頁(yè)，一般步驟如下：確定首頁(yè)的功能模塊。 （1）確定首頁(yè)的功能模塊首頁(yè)的功能模塊，是指需要在首頁(yè)上實(shí)現(xiàn)的主要內(nèi)容和功能。一般的站點(diǎn)都需要這樣的一些模塊：網(wǎng)站名稱（logo）、主菜單（menu）、新聞（new）、搜索（search）、友情鏈接（links）、郵件列表（maillist）、計(jì)數(shù)器（count）、版權(quán)（copyright）等。選擇哪些模塊、實(shí)現(xiàn)哪些功能、是否需要添加其他模塊等，都是進(jìn)行首頁(yè)設(shè)計(jì)時(shí)首先要確定的。（2）設(shè)計(jì)首頁(yè)的版面在功能模塊確定后就可以開(kāi)始首頁(yè)的版面設(shè)計(jì)了，

20、就像搭積木，每個(gè)模塊是一個(gè)單位積木，如何搭拼出一座漂亮的房子，就看創(chuàng)意和想象力了。設(shè)計(jì)版面的最好方法是：找一張白紙，一支筆，先將理想中的草圖勾勒出來(lái)，然后再用網(wǎng)頁(yè)制作軟件實(shí)現(xiàn)最終效果。（3）處理技術(shù)上的細(xì)節(jié)技術(shù)上的細(xì)節(jié)包括：主頁(yè)如何能在IE和NC下看起來(lái)都不至于太粗糙、如何設(shè)置字體和鏈接顏色等。 8.4.2版面布局設(shè)計(jì)首頁(yè)的第一步是設(shè)計(jì)版面布局，就像傳統(tǒng)的報(bào)刊雜志編輯一樣將網(wǎng)頁(yè)看作一張報(bào)紙、一本雜志來(lái)進(jìn)行排版布局。雖然動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的發(fā)展使得我們開(kāi)始趨向于學(xué)習(xí)場(chǎng)景編劇，但是固定的網(wǎng)頁(yè)版面設(shè)計(jì)基礎(chǔ)，依然是必須學(xué)習(xí)和掌握的。它們的基本原理是相同的。版面，是指是瀏覽器看到的完整的一個(gè)頁(yè)面（可以包含框架

21、和層），因?yàn)槊匡@示器的分辨率是不同的，所以同一個(gè)頁(yè)面的大小可能會(huì)出現(xiàn)640480像素、800600像素或1024768像素等不同尺寸。布局，就是將圖片和文字排放在頁(yè)面的不同位置以適合瀏覽的一種方式。版面布局也是一個(gè)創(chuàng)意的問(wèn)題，但是比網(wǎng)站的整體創(chuàng)意容易，有規(guī)律可循。版面布局一般可以分為以下步驟：（1）草案新建的頁(yè)面就像一張白紙，可以盡可能地發(fā)揮自己的想象力，將想到的“結(jié)構(gòu)”設(shè)計(jì)出草案來(lái)（建議先用一張白紙和一支鉛筆，或者制圖軟件Photoshop等構(gòu)思出來(lái)）。這屬于創(chuàng)意階段，不講究細(xì)膩工整也不必考慮細(xì)節(jié)功能，只是以簡(jiǎn)陋的線條勾畫(huà)出創(chuàng)意的輪廓。盡可能地多畫(huà)幾張，最后選定一個(gè)滿意的作為繼續(xù)創(chuàng)作的依據(jù)。

22、（2）粗略布局在草案的基礎(chǔ)上，把需要放置的功能模塊安排在頁(yè)面上。注意，這里必須遵循突出重點(diǎn)、平衡諧調(diào)的原則，將網(wǎng)站標(biāo)志、主菜單等最重要的模塊放在最顯眼、最突出的位置。（3）定案將粗略布局細(xì)化、具體化。在布局過(guò)程中，應(yīng)該遵循的原則有：協(xié)調(diào)平衡，亦稱“勻稱”。多指左右、上下對(duì)照形式，主要強(qiáng)調(diào)秩序，能給訪問(wèn)者穩(wěn)定誠(chéng)實(shí)、可信的效果。（4）具體設(shè)計(jì)和規(guī)劃，其方式可以是：異常平衡，即非對(duì)稱形式，但也要講究平衡和協(xié)調(diào)。此種布局能達(dá)到強(qiáng)調(diào)性、不穩(wěn)定性、高注目性的效果。對(duì)比。所謂對(duì)比，不僅在形象上要利用色彩、色調(diào)等技巧表現(xiàn)，在內(nèi)容上也可涉及古今、新與舊、貧與富等對(duì)比。凝視，所謂凝視是指，利用頁(yè)面中人物的視線，使

23、瀏覽者仿照跟隨的心理，以達(dá)到注視頁(yè)面的效果，一般多用明星凝視狀。空白，空白有兩種作用，一方面比其他網(wǎng)站顯得突出卓越，另一方面也表示網(wǎng)頁(yè)品位的優(yōu)越感，這種表現(xiàn)方法對(duì)體現(xiàn)網(wǎng)頁(yè)的格調(diào)十分有效。圖片解說(shuō)，此法對(duì)不能用語(yǔ)言說(shuō)服或用語(yǔ)言無(wú)法表達(dá)的情感特別有效。圖片解說(shuō)的方式，可以傳達(dá)給瀏覽者更多的想象空間。8 5具體網(wǎng)站的設(shè)計(jì)在創(chuàng)建網(wǎng)頁(yè)之前，必須學(xué)會(huì)建立和管理站點(diǎn)。Dreamweaver MX為我們提供了強(qiáng)大的站點(diǎn)方面的功能。8.5.1、創(chuàng)建本地站點(diǎn)在建立站點(diǎn)前，首先要對(duì)站點(diǎn)結(jié)構(gòu)有一個(gè)比較清楚的規(guī)劃。一般來(lái)說(shuō)，站點(diǎn)就是一個(gè)大的文件夾，其中又包括很多文件夾。下面我們來(lái)創(chuàng)建一個(gè)本地站點(diǎn)，操作步驟如下：（1）在

24、某個(gè)驅(qū)動(dòng)器的根目錄下，創(chuàng)建一個(gè)文件夾，作為本地站點(diǎn)的根目錄。（2）打開(kāi)“站點(diǎn)”菜單，選擇【管理站點(diǎn)】【新建】命令。即可打開(kāi)如圖8-6所示的對(duì)話框。在“高級(jí)”選項(xiàng)卡本地站點(diǎn)信息項(xiàng)中的站點(diǎn)名文本框中鍵入站點(diǎn)的名稱：個(gè)人主頁(yè)。在本地根目錄文本框中輸入本地站點(diǎn)的根目錄位置，或單擊“文件夾”按鈕，從磁盤(pán)上定位站點(diǎn)的根目錄位置。（3）如果選中“自動(dòng)刷新本地文件列表”復(fù)選框，則每當(dāng)本地站點(diǎn)文件有更新時(shí)，系統(tǒng)都會(huì)自動(dòng)刷新站點(diǎn)窗口中的站點(diǎn)文件列表。（4）可以在HTTP地址文本框中輸入該站點(diǎn)地址。（5）如果選中“啟用緩存”復(fù)選框創(chuàng)建本地站點(diǎn)的緩存，系統(tǒng)可以加快站點(diǎn)鏈接更新的速度。（6）設(shè)置完畢后，單擊“確認(rèn)”按鈕

25、。系統(tǒng)自動(dòng)檢索當(dāng)前網(wǎng)站中的文件。完成對(duì)站點(diǎn)所有文件的檢索后，站點(diǎn)的建立就大功告成了。在文件浮動(dòng)面板中，可以瀏覽創(chuàng)建好的網(wǎng)站結(jié)構(gòu)圖。8.5.2、設(shè)置站點(diǎn)的參數(shù)創(chuàng)建完站點(diǎn)后，為便于管理，在Dreamweaver MX中還可以設(shè)置站點(diǎn)的相關(guān)參數(shù)。具體的操作步驟如下：（1）打開(kāi)“站點(diǎn)”菜單，選擇“管理站點(diǎn)”命令，即可以打開(kāi)如圖8-7所示的對(duì)話框。（2）選擇“個(gè)人主頁(yè)”站點(diǎn)，單擊“編輯”按鈕，彈出“個(gè)人主頁(yè)的站點(diǎn)定義為”對(duì)話框，如圖8-8所示，選擇“站點(diǎn)地圖布局”選項(xiàng)。也可以直接在文件浮動(dòng)面板的站點(diǎn)選項(xiàng)的“視圖”菜單中選擇“布局”命令，打開(kāi)“個(gè)人主頁(yè)的站點(diǎn)定義為”對(duì)話框。（2）選擇“個(gè)人主頁(yè)”站點(diǎn)，單擊

26、“編輯”按鈕，彈出“個(gè)人主頁(yè)的站點(diǎn)定義為”對(duì)話框，如圖8-8所示，選擇“站點(diǎn)地圖布局”選項(xiàng)。也可以直接在文件浮動(dòng)面板的站點(diǎn)選項(xiàng)的“視圖”菜單中選擇“布局”命令，打開(kāi)“個(gè)人主頁(yè)的站點(diǎn)定義為”對(duì)話框。（3）在“主頁(yè)”文本框中輸入主頁(yè)的路徑和名稱。也可以單擊右邊的“文件夾”按鈕，從磁盤(pán)上選定主頁(yè)文件“index.htm”。（4）在“列數(shù)”文本框中，輸入站點(diǎn)地圖的列數(shù)；在“列寬”文本框中，輸入站點(diǎn)地圖的列寬。這里選擇Dreamweaver MX的默認(rèn)值，分別為200和125。（5）在“圖標(biāo)標(biāo)簽”選項(xiàng)組中，設(shè)置站點(diǎn)地圖中文件圖標(biāo)下的文件名顯示類型。這里選擇“文件名稱”單選按鈕，在站點(diǎn)地圖中顯示文件的名稱

27、。若選擇“頁(yè)面標(biāo)題”單選按鈕，則在站點(diǎn)地圖中顯示網(wǎng)頁(yè)的標(biāo)題。（6）在“選項(xiàng)”選項(xiàng)組中，若選中“顯示標(biāo)記為隱藏的文件” 復(fù)選框，則在站點(diǎn)地圖中將不僅顯示正常屬性的文件，還顯示屬性為隱藏的文件。若選中“顯示相關(guān)文件”復(fù)選框，則在站點(diǎn)地圖中將顯示各個(gè)文件之間的鏈接關(guān)系。（7）設(shè)置完畢，單擊“確認(rèn)”按鈕。（8）在文件浮動(dòng)面板的“站點(diǎn)”選項(xiàng)中選擇“站點(diǎn)地圖”命令，即可以瀏覽已創(chuàng)建好的網(wǎng)站結(jié)構(gòu)地圖。8.5.3、發(fā)布站點(diǎn)本地站點(diǎn)只有發(fā)布到Internet上，才能被千千萬(wàn)萬(wàn)的人瀏覽。Dreamweaver MX的強(qiáng)大功能很容易實(shí)現(xiàn)站點(diǎn)的發(fā)布。1將本地站點(diǎn)文件上傳到局域網(wǎng)服務(wù)器上如果本地局域網(wǎng)服務(wù)器中提供了個(gè)人

28、網(wǎng)頁(yè)的存儲(chǔ)空間，就可以將本地站點(diǎn)上傳到局域網(wǎng)服務(wù)器指定的存儲(chǔ)目錄中，完成本地站點(diǎn)的上傳。操作步驟如下：（1）在“站點(diǎn)”菜單中選擇“管理站點(diǎn)”命令；彈出如圖8-7所示的對(duì)話框，在對(duì)話框中選擇需要上傳的站點(diǎn)：個(gè)人主頁(yè)。（2）單擊“編輯”按鈕，彈出“個(gè)人主頁(yè)的站點(diǎn)定義為”對(duì)話框，如圖8-9所示，選擇“遠(yuǎn)程信息”選項(xiàng)。（3）在“訪問(wèn)”下拉列表框中選擇“本地/網(wǎng)絡(luò)”；在“遠(yuǎn)端文件夾”文本框指定文件上傳的目錄。（4）單擊“確認(rèn)”按鈕，確定操作。下面我們將已經(jīng)建立好的站點(diǎn)上傳到遠(yuǎn)程目錄中。操作步驟如下：（1）選中需要上傳的文件。這里選中整個(gè)站點(diǎn)。（2）在文件浮動(dòng)面板中，選擇“站點(diǎn)”選項(xiàng)卡中“站點(diǎn)”菜單中的“

29、上傳”命令，或者單擊面板上的“上傳”按鈕，開(kāi)始上傳站點(diǎn)。上傳文件過(guò)程中，系統(tǒng)顯示“狀態(tài)”對(duì)話框，如圖8-10所示。上傳完畢后，在文件浮動(dòng)面板中，選擇“遠(yuǎn)程視圖”命令，面板中顯示過(guò)程目錄下的站點(diǎn)結(jié)構(gòu)，可見(jiàn)遠(yuǎn)程目錄下的站點(diǎn)結(jié)構(gòu)與本地站點(diǎn)的完全一致。2用FTP將本地站點(diǎn)發(fā)送到遠(yuǎn)程Web服務(wù)器上在向遠(yuǎn)程Web服務(wù)器上發(fā)布個(gè)人網(wǎng)站，一般需要申請(qǐng)存儲(chǔ)空間。在申請(qǐng)成功后，遠(yuǎn)程Web服務(wù)器會(huì)發(fā)送一個(gè)包含用戶名和密碼的電子郵件，這樣用戶就可以利用FTP上傳工具將網(wǎng)站發(fā)布到遠(yuǎn)程服務(wù)器上了。在Dreamweaver MX中通過(guò)FTP上傳個(gè)人網(wǎng)站的操作步驟如下：（1）在“站點(diǎn)”菜單中選擇“管理站點(diǎn)”命令。彈出對(duì)話框如

30、圖8-7所示。在對(duì)話框中選擇需要上傳的站點(diǎn)：個(gè)人主頁(yè)。（2）單擊“編輯”命令，彈出“個(gè)人主頁(yè)的站點(diǎn)定義為”對(duì)話框，選擇“遠(yuǎn)程信息”，在“訪問(wèn)”下拉列表框中選擇“FTP”，如圖8-11所示。（3）在“個(gè)人主頁(yè)的站點(diǎn)定義為”對(duì)話框的FTP主機(jī)文本框中填入遠(yuǎn)程服務(wù)器主機(jī)的地址，在“主機(jī)目錄”文本框中填入遠(yuǎn)程站點(diǎn)上存放個(gè)人站點(diǎn)的目錄名稱，在登錄和“密碼”文本框中分別填入用戶登錄名和登錄密碼。選中“保存”復(fù)選框，可免去每次鏈接到遠(yuǎn)程服務(wù)器上都需要輸入密碼的麻煩。（4）單擊“確認(rèn)”按鈕，確定操作。（5）選中需要上傳的文件，這里選中整個(gè)站點(diǎn)。在“文件”浮動(dòng)面板中，選擇“站點(diǎn)”菜單中的“上傳”命令，或者單擊面

31、板上的“上傳”按鈕，就可以通過(guò)FTP將站點(diǎn)傳送到遠(yuǎn)程Web服務(wù)器上。8.5.4、管理站點(diǎn)在“站點(diǎn)”菜單中選擇“管理站點(diǎn)”命令，即可以打開(kāi)如圖8-15所示的對(duì)話框。選擇所要打開(kāi)的站點(diǎn)（可能是多個(gè)），即可以進(jìn)行“編輯”、“復(fù)制”、“刪除”、“導(dǎo)出”和“導(dǎo)入”等操作。也可以在“文件”浮動(dòng)面板的“站點(diǎn)”選項(xiàng)卡中選擇“站點(diǎn)”菜單中的“管理站點(diǎn)”命令，對(duì)網(wǎng)站進(jìn)行操作管理。8.6、網(wǎng)站網(wǎng)頁(yè)的上傳與維護(hù)要將網(wǎng)頁(yè)上傳至Internet，首先要申請(qǐng)存放網(wǎng)頁(yè)的空間，獲取后即可上傳網(wǎng)頁(yè)，以后你只要進(jìn)行網(wǎng)頁(yè)的維護(hù)與管理工作就可以了。8.6.1網(wǎng)頁(yè)空間的申請(qǐng)1、租用專線選擇這種方法的時(shí)候要注意，將會(huì)有一筆不菲的費(fèi)用要支出

32、。如果你的財(cái)政還不算緊張而又舍得花費(fèi)，可以向ISP（Internet服務(wù)提供者）租用專線享受特權(quán)，讓計(jì)算機(jī)24小時(shí)上網(wǎng)架設(shè)Web服務(wù)器。這樣，你的網(wǎng)站就可以像網(wǎng)易、搜狐等網(wǎng)站一樣，保持24個(gè)小時(shí)向全世界開(kāi)放。2、租用網(wǎng)頁(yè)空間或虛擬主機(jī)通常，ISP還會(huì)提供網(wǎng)頁(yè)空間或虛擬主機(jī)的出租服務(wù)，而且其價(jià)格相對(duì)來(lái)說(shuō)更容易接受，適合用較少錢(qián)辦較多事的用戶。有關(guān)網(wǎng)頁(yè)空間或虛擬主機(jī)出租的價(jià)格、申請(qǐng)程序、上傳方式、網(wǎng)頁(yè)空間大小是否滿足要求等事項(xiàng)，可以到你準(zhǔn)備去租用的ISP處查詢。3、申請(qǐng)免費(fèi)網(wǎng)頁(yè)空間這可是天上掉下來(lái)的餡餅，不花錢(qián)還可以辦實(shí)事！是的，你可以上網(wǎng)申請(qǐng)免費(fèi)網(wǎng)頁(yè)空間。不過(guò)這種方式需要你承擔(dān)一定的風(fēng)險(xiǎn)：第一是

33、，帶寬不夠?qū)е聜鬏斔俾事袝r(shí)慢的驚人；二是，白給的空間是有限制的，也許并不能滿足你的要求；三是，免費(fèi)網(wǎng)頁(yè)空間提供的服務(wù)或功能會(huì)更少，也許不支持CGI接口技術(shù)、SSI、PHP和DENG；四是，你的網(wǎng)頁(yè)沒(méi)準(zhǔn)也變成了別人的部分空間，比如被要求放上廣告等。還有，網(wǎng)頁(yè)空間通常只是一個(gè)目錄，不能設(shè)置個(gè)人網(wǎng)域。所以，如果你的網(wǎng)頁(yè)很重要，要求全世界時(shí)時(shí)關(guān)注，建議最好還是投資租用網(wǎng)頁(yè)空間或虛擬主機(jī)。不過(guò)，就目前的情況來(lái)看，申請(qǐng)免費(fèi)網(wǎng)頁(yè)空間也是一種時(shí)髦，對(duì)于那些不是很重要的網(wǎng)頁(yè)或?qū)W習(xí)網(wǎng)頁(yè)設(shè)計(jì)者來(lái)說(shuō)，還是可以使用這種方便省錢(qián)的辦法的。下面給出了幾個(gè)提供免費(fèi)網(wǎng)頁(yè)空間服務(wù)的站點(diǎn)，讀者可以去看一看：網(wǎng)易：虎翼網(wǎng)：東方網(wǎng)

34、景http:/ Pro、CuteFTP、LeechFTP、FLASHftp等。8.6.4網(wǎng)頁(yè)測(cè)試實(shí)際上，當(dāng)網(wǎng)頁(yè)設(shè)計(jì)完成后并不等于萬(wàn)事大吉了，建設(shè)網(wǎng)站的長(zhǎng)期工作主要在于測(cè)試和維護(hù)網(wǎng)站。在網(wǎng)頁(yè)剛發(fā)布時(shí)，對(duì)網(wǎng)頁(yè)進(jìn)行全面的測(cè)試是必不可少的，因?yàn)閷?shí)際情況不可能完全預(yù)見(jiàn)，不論在制作網(wǎng)頁(yè)時(shí)多么小心，在網(wǎng)站的實(shí)際運(yùn)行中還會(huì)出現(xiàn)這樣或那樣的問(wèn)題。網(wǎng)頁(yè)發(fā)布初期對(duì)網(wǎng)頁(yè)進(jìn)行全面的測(cè)試，目的是在盡可能短的時(shí)間內(nèi)，發(fā)現(xiàn)盡可能多的問(wèn)題，然后經(jīng)過(guò)發(fā)現(xiàn)問(wèn)題、解決問(wèn)題的過(guò)程，確保網(wǎng)頁(yè)能在盡可能短的測(cè)試期后正常運(yùn)行。1、網(wǎng)頁(yè)測(cè)試發(fā)布如果是在自己的計(jì)算機(jī)上建設(shè)站點(diǎn)，最好的測(cè)試方法就是在本機(jī)上使用Web瀏覽器測(cè)試。這樣的測(cè)試雖然說(shuō)是網(wǎng)

35、頁(yè)測(cè)試，但實(shí)際上包含了對(duì)網(wǎng)頁(yè)和網(wǎng)站服務(wù)的總體測(cè)試，在實(shí)際的測(cè)試過(guò)程要注意以下幾點(diǎn)：（1）盡量多使用幾種不同的Web瀏覽器測(cè)試網(wǎng)頁(yè)，最典型的是IE和Netscape，至少要保證網(wǎng)頁(yè)在這兩種瀏覽器中都能正常運(yùn)行。（2）盡量不要使用最新版本的瀏覽器進(jìn)行網(wǎng)頁(yè)測(cè)試，使用比較常用的瀏覽器版本。（3）盡量在多種操作系統(tǒng)中測(cè)試網(wǎng)頁(yè)。網(wǎng)頁(yè)的測(cè)試過(guò)程也是對(duì)網(wǎng)頁(yè)的修改過(guò)程，在測(cè)試網(wǎng)頁(yè)的同時(shí)應(yīng)根據(jù)結(jié)果及時(shí)進(jìn)行相應(yīng)地修改，其目的是保證大多數(shù)用戶的利益，使他們得到最優(yōu)質(zhì)的頁(yè)面效果和最快的響應(yīng)。網(wǎng)頁(yè)測(cè)試不能僅限于制作人員，應(yīng)該請(qǐng)位于不同的主機(jī)、不同的職業(yè)、不同的受教育程度和不同年齡的人來(lái)訪問(wèn)并測(cè)試網(wǎng)頁(yè)，以得到盡量全面而客觀

36、的評(píng)價(jià)。2、測(cè)試項(xiàng)目網(wǎng)頁(yè)制作者在制作網(wǎng)頁(yè)的過(guò)程要根據(jù)制作的項(xiàng)目進(jìn)行測(cè)試，一般包括以下幾個(gè)方面：鏈接測(cè)試鏈接測(cè)試主要看網(wǎng)頁(yè)中是否有超鏈接掉鏈的情況，包括頁(yè)面、圖像、CGI程序等。如果是圖像掉鏈，頁(yè)面中圖像的位置是個(gè)空框；如果是頁(yè)面或CGI程序掉鏈，服務(wù)器會(huì)返回一個(gè)“404 NOT FOUND”響應(yīng)信息。遇到這種情況，就要檢查HTML文檔中關(guān)于這個(gè)鏈接的引用是否正確，并及時(shí)進(jìn)行相應(yīng)的修改。遇到類似現(xiàn)象的原因有這樣兩種情況：1）文件名不正確。出現(xiàn)這種現(xiàn)象，在Linux中很可能是文件名的大小寫(xiě)不匹配所造成的。如果完全使用FrontPage的圖形界面來(lái)制作網(wǎng)頁(yè)，一般會(huì)出現(xiàn)文件名不正確錯(cuò)誤在于源于文件名的

37、大小寫(xiě)。2）文件路徑不對(duì)。在FrontPage中制作超鏈接或嵌入圖片時(shí)，如果所引用的文檔不在當(dāng)前文件夾中，將使用絕對(duì)路徑記錄在HTML中。在FrontPage的普通視圖中，用戶無(wú)法看到相對(duì)路徑和絕對(duì)路徑的區(qū)別，只能到HTML文檔中檢查而且在本機(jī)使用瀏覽器測(cè)試無(wú)法看出，因此很容易被忽略，網(wǎng)頁(yè)真正上傳到服務(wù)器時(shí)這個(gè)毛病就會(huì)暴露出來(lái)。在制作網(wǎng)頁(yè)的過(guò)程中如果嚴(yán)格按已規(guī)劃好的目錄結(jié)構(gòu)存放文檔以及圖片，會(huì)大大降低測(cè)試階段的工作量。外觀測(cè)試外觀測(cè)試主要看網(wǎng)頁(yè)在瀏覽器中是否按預(yù)想的排版布局在頁(yè)面中顯示，之所以要進(jìn)行這樣的測(cè)試主要基于以下原因：1）FrontPage的網(wǎng)頁(yè)制作界面所顯示的效果和瀏覽器中的效果有一

38、定的出入。2）不同的瀏覽器對(duì)同一頁(yè)面顯示的效果有出入。3）不同的操作系統(tǒng)下的瀏覽器對(duì)同一頁(yè)面的瀏覽效果有出入。效果表現(xiàn)不同通常體現(xiàn)在以下方面：第一，字體大小，在不同的瀏覽器或不同的操作系統(tǒng)下，字體的大小會(huì)有出入。第二，表格的間距，在所見(jiàn)即所得的編輯視圖中，表格的間距和瀏覽器中顯示的大小有出入。第三，表單的外觀，不同的瀏覽器、操作系統(tǒng)下的網(wǎng)頁(yè)表單的外觀有出入。在制作網(wǎng)頁(yè)時(shí)要顧及到大多數(shù)瀏覽器的效果，并且要通過(guò)細(xì)致地調(diào)整使頁(yè)面盡量在眾多瀏覽器中保持一致的效果。速度測(cè)試測(cè)試頁(yè)面的下載速度關(guān)系到頁(yè)面內(nèi)容以及服務(wù)器的設(shè)置，盡量多在局域網(wǎng)內(nèi)的不同機(jī)器上訪問(wèn)、測(cè)試網(wǎng)頁(yè)，看是否能在令人可以接受的時(shí)間內(nèi)完成頁(yè)面的下載和顯示并且不影響網(wǎng)頁(yè)的效果，速度越快越好。腳本和程序測(cè)試測(cè)試網(wǎng)頁(yè)中的JavaScript以及CGI程序是否能正常工作。1）JavaScript的腳本錯(cuò)誤情況主要有：第一，腳本設(shè)計(jì)的邏輯錯(cuò)誤，這是導(dǎo)致腳本無(wú)法正常工作的常見(jiàn)原因。