1、網(wǎng)站設(shè)計(jì)與開發(fā)技術(shù)教程何耀耀何耀耀智能決策與風(fēng)險(xiǎn)分析研究所智能決策與風(fēng)險(xiǎn)分析研究所n課程介紹：以Dreamweaver 8 為開發(fā)環(huán)境，介紹Dreamweaver 8 +ASP+Access模式的中小型數(shù)據(jù)庫網(wǎng)站的開發(fā)與維護(hù)過程n教材：網(wǎng)站設(shè)計(jì)與開發(fā)技術(shù)教程 耿霞 鄒婷婷 編著 人民郵電出版社 2009.2n參考教材：網(wǎng)站設(shè)計(jì)與開發(fā) 楊曉鐘 等編著 機(jī)械工業(yè)出版社 2005.9n網(wǎng)頁設(shè)計(jì)與制作（第3版）相萬讓 主編 人民郵電出版社 2012.2n網(wǎng)站開發(fā)與網(wǎng)頁設(shè)計(jì) 張明 主編 清華大學(xué)出版社 2011.9第1章 網(wǎng)站規(guī)劃與設(shè)計(jì)基礎(chǔ)n1.1 網(wǎng)頁基礎(chǔ)知識n1.2 網(wǎng)站設(shè)計(jì)流程n1.3 網(wǎng)站頁面設(shè)

2、計(jì)1.1 網(wǎng)頁基礎(chǔ)知識在動手制作網(wǎng)頁之前，應(yīng)該了解網(wǎng)絡(luò)與Web的基礎(chǔ)知識。n網(wǎng)頁：網(wǎng)頁：是一種網(wǎng)絡(luò)信息傳輸?shù)妮d體，在網(wǎng)站中，供用戶閱讀的一個(gè)個(gè)頁面，稱之為“網(wǎng)頁”，又稱為Web頁。 nInternet：即國際計(jì)算機(jī)互聯(lián)網(wǎng)，在中國也稱“因特因特網(wǎng)網(wǎng)”，是由符合TCP/IP等網(wǎng)絡(luò)協(xié)議的網(wǎng)絡(luò)組成的互聯(lián)網(wǎng)。它是目前全世界最大的網(wǎng)絡(luò)，包含著豐富多彩的信息，并提供方便快捷的服務(wù)。從信息資源的角度從信息資源的角度看，它是一個(gè)集各個(gè)部門、各個(gè)領(lǐng)域的各種信息資源為一體，供網(wǎng)上用戶共享的信息資源。n萬維網(wǎng)萬維網(wǎng)（World Wide Web）：萬維網(wǎng)簡稱WWW或web，它也是建立在Internet上的一種網(wǎng)絡(luò)服務(wù)

3、。它遵循HTTP協(xié)議 ，通過超文本和超媒體，將Internet上包括文本、聲音、圖形、圖像、影視信號等各種類型的信息聚集在一起。上圖代表分布在世界各地的以統(tǒng)一格式存放的萬維網(wǎng)資源。這些資源相互聯(lián)結(jié)，成為一個(gè)“網(wǎng)”狀結(jié)構(gòu)。我們只要坐在計(jì)算機(jī)前，就可以調(diào)用世界任何地方的萬維網(wǎng)資源。 n伯納斯伯納斯- -李于李于19891989年在歐洲年在歐洲粒子物理研究所提出了建立粒子物理研究所提出了建立一個(gè)全球超文本項(xiàng)目一個(gè)全球超文本項(xiàng)目萬萬維網(wǎng)，以此使人們都能順利維網(wǎng)，以此使人們都能順利地從網(wǎng)上獲取并共享信息。地從網(wǎng)上獲取并共享信息。 WWW工作模式n瀏覽器瀏覽器：要想訪問網(wǎng)絡(luò)中的各種資源，還需要一個(gè)工具，那

4、就是瀏覽器，負(fù)責(zé)如何顯示信息和向服務(wù)器發(fā)出請求。常用的瀏覽器有常用的瀏覽器有:IE、Firefox、maxthon、搜狗、搜狗和360等n服務(wù)器服務(wù)器：根據(jù)客戶提出的需求(HTTP請求)，為用戶提供信息瀏覽、數(shù)據(jù)查詢、安全驗(yàn)證等方面的服務(wù)。nHTTP（超文本傳輸協(xié)議）：用于從WWW服務(wù)器傳 輸超文本到本地 瀏覽器的傳送協(xié)議,是目前網(wǎng)絡(luò)世界里應(yīng)用最為廣泛的一種網(wǎng)絡(luò)傳輸協(xié)議，是為分布式超媒體信息系統(tǒng)設(shè)計(jì)的一個(gè)無狀態(tài)、面向?qū)ο蟮膮f(xié)議。n統(tǒng)一統(tǒng)一資源定位符資源定位符（URL Uniform Resource Locator）：是一種WWW上的尋址系統(tǒng)，用來使用統(tǒng)一的格式，來訪問網(wǎng)絡(luò)中分散各地的計(jì)算機(jī)上

5、的資源。一個(gè)完整的URL地址，由通信協(xié)議、服務(wù)器名稱、文件夾和文件名三部分組成。通信協(xié)議：/服務(wù)器名稱【：通信端口編號】/文件夾/文件名http、telnet(遠(yuǎn)程登錄）、遠(yuǎn)程登錄）、ftp(文件文件傳送傳送)、mailto(電子郵件地址）電子郵件地址）Gopher(查詢服務(wù)查詢服務(wù))、file(本地文件本地文件)、news Usenet（網(wǎng)絡(luò)新聞組）（網(wǎng)絡(luò)新聞組）表明后面的字符串表明后面的字符串是網(wǎng)絡(luò)上的計(jì)算機(jī)是網(wǎng)絡(luò)上的計(jì)算機(jī)名稱名稱計(jì)算機(jī)域名：端口號計(jì)算機(jī)域名：端口號可有可無，文件可有可無，文件路徑具體指出要路徑具體指出要訪問的文件名稱訪問的文件名稱URL的組成格式 n:/。n例如：htt

6、p:/ http:/：代表超文本傳輸協(xié)議，通知服務(wù)器顯示W(wǎng)eb頁，可缺省；n www：代表一個(gè)Web(萬維網(wǎng))服務(wù)器；n M：這是裝有網(wǎng)頁的服務(wù)器的域名，或站點(diǎn)服務(wù)器的名稱；n China：為該服務(wù)器上的子目錄，即文件夾；n Index.htm：index.htm是文件夾中的一個(gè)HTML文件(網(wǎng)頁)。IP地址和域名系統(tǒng)地址和域名系統(tǒng)IPIP地址是地址是3232位的二進(jìn)制數(shù)值，用于在位的二進(jìn)制數(shù)值，用于在TCP/IPTCP/IP通訊協(xié)議中標(biāo)通訊協(xié)議中標(biāo)記每臺計(jì)算機(jī)的地址。記每臺計(jì)算機(jī)的地址。 IPIP地址有兩種表示形式：二進(jìn)制和地址有兩種表示形式：二進(jìn)制和點(diǎn)式十進(jìn)制（常用的）點(diǎn)式十進(jìn)制（常用的）

7、 一個(gè)一個(gè)3232位位IPIP地址的二進(jìn)制是由地址的二進(jìn)制是由4 4個(gè)個(gè)8 8位域組成。即位域組成。即11000000 11000000 10101000 00000001 00000110 10101000 00000001 00000110 （）。）。 IP地址被分為地址被分為A、B、C、D、E五類五類，其中，其中D、E為兩類特殊為兩類特殊地址。地址。A類網(wǎng)絡(luò)的類網(wǎng)絡(luò)的IP地址范圍為地址范圍為 - 55； B類網(wǎng)絡(luò)的類網(wǎng)絡(luò)的IP地址范圍為：地址范圍為： - 55

8、； C類網(wǎng)絡(luò)的類網(wǎng)絡(luò)的IP地址范圍為：地址范圍為：54。 A類地址類地址 A類地址第類地址第1字節(jié)為網(wǎng)絡(luò)地址，其它字節(jié)為網(wǎng)絡(luò)地址，其它3個(gè)字節(jié)為主機(jī)地址第個(gè)字節(jié)為主機(jī)地址第1個(gè)字節(jié)個(gè)字節(jié)的，第的，第1個(gè)字節(jié)的最高位固定為個(gè)字節(jié)的最高位固定為0 。 A類地址范圍：類地址范圍：54 A類地址中的私有地址和保留地址：類地址中的私有地址和保留地址： 10.X.X.X是私有地址（所謂的私有地址就是在互聯(lián)網(wǎng)上不使用，是私有地址（所謂的私有地址就是在互聯(lián)網(wǎng)上不使用，而被用在局域網(wǎng)絡(luò)中的地址）。而被用在局域網(wǎng)絡(luò)中的地址）。范圍

9、（范圍（-55） 127.X.X.X是保留地址，用做循環(huán)測試用的。是保留地址，用做循環(huán)測試用的。B類地址類地址 B類地址第類地址第1字節(jié)和第字節(jié)和第2字節(jié)為網(wǎng)絡(luò)地址，其它字節(jié)為網(wǎng)絡(luò)地址，其它2個(gè)字節(jié)為主機(jī)地址，個(gè)字節(jié)為主機(jī)地址，第第1個(gè)字節(jié)的前二位固定為個(gè)字節(jié)的前二位固定為10 。 B類地址范圍：類地址范圍：54。 B類地址的私有地址和保留地址類地址的私有地址和保留地址 55是私有地址是私有地址 169.254.X.X是保留地址。如果你的是保留地址。如果你的IP地址是

10、自動獲取地址是自動獲取IP地址，而地址，而你在網(wǎng)絡(luò)上又沒有找到可用的你在網(wǎng)絡(luò)上又沒有找到可用的DHCP服務(wù)器。就會得到其中一個(gè)服務(wù)器。就會得到其中一個(gè)IP。C類地址類地址 C類地址第類地址第1字節(jié)、第字節(jié)、第2字節(jié)和第字節(jié)和第3個(gè)字節(jié)為網(wǎng)絡(luò)地址，第個(gè)字節(jié)為網(wǎng)絡(luò)地址，第4個(gè)個(gè)字個(gè)個(gè)字節(jié)為主機(jī)地址。另外第節(jié)為主機(jī)地址。另外第1個(gè)字節(jié)的前三位固定為個(gè)字節(jié)的前三位固定為110。 C類地址范圍：類地址范圍：54。 C類地址中的私有地址：類地址中的私有地址：192.168.X.X是私有地址。是私有地址。(-55)D

11、類地址類地址 D類地址不分網(wǎng)絡(luò)地址和主機(jī)地址，它的第類地址不分網(wǎng)絡(luò)地址和主機(jī)地址，它的第1個(gè)字節(jié)的前四位固定個(gè)字節(jié)的前四位固定為為1110。 D類地址范圍：類地址范圍：54E類地址類地址 E類地址也不分網(wǎng)絡(luò)地址和主機(jī)地址，它的第類地址也不分網(wǎng)絡(luò)地址和主機(jī)地址，它的第1個(gè)字節(jié)的前五位固個(gè)字節(jié)的前五位固定為定為11110。 E類地址范圍：類地址范圍：54IPIP地址類地址類地址格式地址格式起始位起始位范圍范圍最大網(wǎng)絡(luò)最大網(wǎng)絡(luò)數(shù)數(shù)網(wǎng)絡(luò)中最網(wǎng)絡(luò)中最大主機(jī)數(shù)大主機(jī)數(shù)AN.H.H.H01 - 12612616,777,

12、214BN.N.H.H10128 19116,38465,534CN.N.N.H110192 2232,097,152254 IPv6簡介簡介 當(dāng)前在當(dāng)前在InternetInternet上使用的上使用的IPIP地址是在地址是在19781978年確年確定的協(xié)議，它由定的協(xié)議，它由4 4段段8 8位二進(jìn)制數(shù)構(gòu)成。由于位二進(jìn)制數(shù)構(gòu)成。由于InternetInternet協(xié)議的當(dāng)時(shí)版本號為協(xié)議的當(dāng)時(shí)版本號為4 4，因而稱為，因而稱為“IPv4IPv4”。IPv4IPv4的地址長度是的地址長度是3232位（位（bitbit），理論上可以支持），理論上可以支持多達(dá)多達(dá)16001600萬個(gè)網(wǎng)絡(luò)，容納四十多

13、億臺主機(jī)（萬個(gè)網(wǎng)絡(luò)，容納四十多億臺主機(jī)（2 23232=4,294,967,296=4,294,967,296），但由于），但由于IPIP對地址進(jìn)行了分類對地址進(jìn)行了分類，分成，分成A A、B B、C C等類地址，實(shí)際可用的網(wǎng)絡(luò)數(shù)和主機(jī)等類地址，實(shí)際可用的網(wǎng)絡(luò)數(shù)和主機(jī)數(shù)遠(yuǎn)小于上述數(shù)目數(shù)遠(yuǎn)小于上述數(shù)目 。IPv6的格式：的格式：地址長度是地址長度是128位（位（bit） ， 8段的段的16位十六進(jìn)制數(shù)表示，位十六進(jìn)制數(shù)表示， 中間用中間用“：”來隔開。來隔開。比如：比如：60A7:9BA5:FFF0:87B5:FFFF:FFF3:BAFF:88A260A7:9BA5:FFF0:87B5:FFFF

14、:FFF3:BAFF:88A2n域名：域名： IP地址是一長串的數(shù)字號碼，這些數(shù)字難記又難以理解。為了方便大家理解、記憶，便有了域名系統(tǒng)的概念。域名系統(tǒng)域名系統(tǒng)(DNS):是一個(gè)分層的名字管理查詢系統(tǒng)，主要提供是一個(gè)分層的名字管理查詢系統(tǒng)，主要提供Internet上主機(jī)上主機(jī)ip地址和主機(jī)名相互對應(yīng)關(guān)系的服務(wù)。域名地址和主機(jī)名相互對應(yīng)關(guān)系的服務(wù)。域名格式為：格式為： 計(jì)算機(jī)主機(jī)名計(jì)算機(jī)主機(jī)名.機(jī)構(gòu)名機(jī)構(gòu)名.網(wǎng)絡(luò)名網(wǎng)絡(luò)名.最高層域名最高層域名域名的范圍要比主機(jī)名要大。一個(gè)域名下可以有多個(gè)主機(jī)名，域名下還可以有子域名。例如，域名www. 下，有主機(jī)server1和server2，其主機(jī)全名就是和。

15、也就是常說的二級域名。域名前加上傳輸協(xié)議信息及主機(jī)類型信息就構(gòu)成了網(wǎng)址（URL） 常見的一級域名常見的一級域名域名 含義域名含義域名含義域名含義com商業(yè)商業(yè)組織組織net網(wǎng)絡(luò)技網(wǎng)絡(luò)技術(shù)組織術(shù)組織fr法國法國sg新加坡新加坡edu教育教育機(jī)構(gòu)機(jī)構(gòu)org非盈利非盈利性組織性組織hk香港香港tw臺灣地臺灣地區(qū)區(qū)int國際性國際性組織組織gov政府部政府部門門jt意大利意大利uk英國英國mil軍隊(duì)軍隊(duì) cn中國中國kr韓國韓國jp日本日本常見的二級域名：常見的二級域名：edu(教育）、教育）、net（電信網(wǎng)（電信網(wǎng))、ca（科研網(wǎng)）（科研網(wǎng)）、org（團(tuán)體）、（團(tuán)體）、gov（政府）、（政府）、co

16、m（商業(yè)）、（商業(yè)）、mil(軍隊(duì)）軍隊(duì)） 注注： （1）IP地址與域名地址兩者相互對應(yīng)，保持全網(wǎng)統(tǒng)一。地址與域名地址兩者相互對應(yīng)，保持全網(wǎng)統(tǒng)一。 如：如：“合肥工業(yè)大學(xué)合肥工業(yè)大學(xué)”的域名是的域名是，IP 地址是地址是12。（2）一臺主機(jī)的）一臺主機(jī)的IP地址是唯一的，域名數(shù)可以有多個(gè)。地址是唯一的，域名數(shù)可以有多個(gè)。nHTML：超文本標(biāo)記語言(Hyper Text Markup Language) 。HTML嚴(yán)格來說并不是一種標(biāo)準(zhǔn)的編程語言，它只是一些能讓瀏覽器能看懂的標(biāo)記。當(dāng)網(wǎng)頁中包含正常文本和HTML標(biāo)記時(shí)，瀏覽器會“翻譯”由這些HTML標(biāo)記提供的網(wǎng)頁結(jié)構(gòu)、外觀

17、和內(nèi)容的信息，從而將網(wǎng)頁按設(shè)計(jì)者的要求顯示出來。n表單表單: 表單是用于填寫申請或提交信息的交互頁面。如電子郵箱、主頁空間、QQ號碼等的申請頁面，以及論壇、聊天室、留言簿等。n靜態(tài)和動態(tài)網(wǎng)頁：靜態(tài)和動態(tài)網(wǎng)頁：nHTML格式的網(wǎng)頁通常被稱為“靜態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁”。常見的靜態(tài)網(wǎng)頁以.htm、.html、.shtml等為后綴，每個(gè)網(wǎng)頁都是一個(gè)獨(dú)立的文件。早期的網(wǎng)站一般都由“靜態(tài)網(wǎng)頁”構(gòu)成的。在靜態(tài)網(wǎng)頁中，也會出現(xiàn)各種動態(tài)的效果，如.gif格式的動畫、Flash、滾動字幕等，這些“動態(tài)效果”只是視覺上的，與動態(tài)網(wǎng)頁并無直接聯(lián)系。n動態(tài)網(wǎng)頁動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁是相對的，支持?jǐn)?shù)據(jù)庫，可以與用戶進(jìn)行交互。常見的

18、后綴不再是.htm、.html等靜態(tài)網(wǎng)頁的形式，而是.asp、.jsp、.php、.cgi等形式。動態(tài)網(wǎng)頁可以是純文字內(nèi)容，也可以包含各種動畫內(nèi)容，這些只是網(wǎng)頁具體內(nèi)容的表現(xiàn)形式。無論網(wǎng)頁是否具有動態(tài)效果，采用動態(tài)網(wǎng)站技術(shù)生成的網(wǎng)頁，都稱為動態(tài)網(wǎng)頁。n區(qū)別的最簡單方法就是在瀏覽器中打開，如果能正常顯示，即為靜態(tài)網(wǎng)頁，否則就是動態(tài)網(wǎng)頁。n超級鏈接超級鏈接:這是網(wǎng)頁制作中經(jīng)常要用到的概念，指的是頁面對象之間的連接關(guān)系。 n導(dǎo)航條：導(dǎo)航條：導(dǎo)航條能十分有效地實(shí)現(xiàn)超級鏈接功能 。n發(fā)布：發(fā)布：將制作好的網(wǎng)頁上傳到服務(wù)器的過程即是發(fā)布，也稱為上傳或上載。 n網(wǎng)站的分類：網(wǎng)站的分類：專業(yè)角度：專業(yè)型網(wǎng)站和

19、個(gè)人網(wǎng)站專業(yè)角度：專業(yè)型網(wǎng)站和個(gè)人網(wǎng)站內(nèi)容角度：內(nèi)容角度：（1）娛樂與休閑類）娛樂與休閑類(2)文學(xué)與藝術(shù)類文學(xué)與藝術(shù)類（3）計(jì)算機(jī)與）計(jì)算機(jī)與Internet類類(4)體育與游戲類體育與游戲類（5）工商經(jīng)濟(jì)類）工商經(jīng)濟(jì)類（6）公司企業(yè)類）公司企業(yè)類(7)新聞與媒體類新聞與媒體類(8)教育與科技類教育與科技類1.2 網(wǎng)站設(shè)計(jì)流程n網(wǎng)站建設(shè)是一項(xiàng)復(fù)雜的工程，因此，在建立一個(gè)網(wǎng)站之前，必須進(jìn)行統(tǒng)籌的安排和規(guī)劃。 網(wǎng)站設(shè)計(jì)的基本流程為：需求分析整體規(guī)劃網(wǎng)站詳細(xì)設(shè)計(jì)申請域名和空間發(fā)布站點(diǎn) 網(wǎng)站的推廣宣傳 1.2.1 需求分析需求分析主要是客戶對整個(gè)項(xiàng)目大的計(jì)劃、時(shí)間要求和資金預(yù)算等。1項(xiàng)目立項(xiàng)接到客戶

20、的業(yè)務(wù)咨詢，經(jīng)過雙方不斷的接洽和了解，并經(jīng)過基本的可行性討論之后，初步達(dá)成制作協(xié)議，這時(shí)就需要將項(xiàng)目立項(xiàng)。一般的做法就是成立一個(gè)專門的項(xiàng)目小組，小組成員包括項(xiàng)目經(jīng)理、網(wǎng)頁設(shè)計(jì)人員、程序員、測試員。項(xiàng)目的實(shí)現(xiàn)主要是由項(xiàng)目經(jīng)理來負(fù)責(zé)的。2客戶需求說明書需求說明書一般包含一下幾點(diǎn)：（1）正確性：每個(gè)功能必須清楚地描寫交付的功能。（2）可行性：確保在當(dāng)前的開發(fā)能力和系統(tǒng)環(huán)境下可以實(shí)現(xiàn)每個(gè)需求。（3）必要性：功能是否必須交付，是否可以推出實(shí)現(xiàn)，是否可以在經(jīng)費(fèi)不足時(shí)放棄。（4）簡明性：不要使用專業(yè)的網(wǎng)絡(luò)術(shù)語。（5）檢測性：開發(fā)完畢，客戶可以根據(jù)需求進(jìn)行檢測。1.2.2 整體規(guī)劃 （1）網(wǎng)站需要實(shí)現(xiàn)哪些功能

21、；（2）網(wǎng)站開發(fā)使用什么軟件，在什么樣的硬件環(huán)境下進(jìn)行； （3）需要多少人，多長時(shí)間；（4）需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些。 同時(shí)需要寫一份總體規(guī)劃說明書，包括：（1）網(wǎng)站的欄目和板塊；（2）網(wǎng)站的功能和相應(yīng)的程序；（3）網(wǎng)站的鏈接結(jié)構(gòu)；（4）如果有數(shù)據(jù)庫，進(jìn)行數(shù)據(jù)庫的概念設(shè)計(jì)；（5）網(wǎng)站的交互性和用戶友好設(shè)計(jì)1.2.3 網(wǎng)站詳細(xì)設(shè)計(jì)1整體形象設(shè)計(jì)在程序員進(jìn)行詳細(xì)設(shè)計(jì)的同時(shí)，網(wǎng)頁美工開始設(shè)計(jì)網(wǎng)站的整體形象和首頁。整體形象設(shè)計(jì)包括標(biāo)準(zhǔn)字、Logo、標(biāo)準(zhǔn)色彩、廣告語等。首頁設(shè)計(jì)包括版面、色彩、圖像、動態(tài)效果、圖標(biāo)等風(fēng)格設(shè)計(jì)，也包括banner、菜單、標(biāo)題、版權(quán)等模塊設(shè)計(jì)。2頁面風(fēng)格設(shè)計(jì)模塊布局宗旨在于

22、方便訪問者瀏覽，所以首頁上面設(shè)置一條導(dǎo)航欄，其下是主題動畫，在主題動畫下設(shè)置版內(nèi)導(dǎo)航條。大致頁面布局力求風(fēng)格統(tǒng)一、內(nèi)容豐富。如今的多媒體Web網(wǎng)頁具有強(qiáng)大的交互功能，多種媒體方式如文字、圖片、動畫、聲音等同時(shí)存在。文字是一種簡潔有效的媒體，輸入方便，處理速度快，在網(wǎng)速較慢的情況下適合用文字進(jìn)行大面積布局。圖片可以給人以較為直觀的感受，以及更為感性的認(rèn)識，其缺點(diǎn)是下載速度慢，在網(wǎng)速慢的情況下不宜大面積運(yùn)用。3顏色調(diào)配設(shè)計(jì) 網(wǎng)頁制作中頁面顏色的調(diào)配相當(dāng)重要，由網(wǎng)頁美工進(jìn)行整個(gè)網(wǎng)站的美工設(shè)計(jì)。各板塊采用與網(wǎng)站首頁同一色系的顏色，整個(gè)板塊內(nèi)部也盡量保持風(fēng)格一致。4網(wǎng)站調(diào)試方案 對于網(wǎng)站調(diào)試，盡量采用邊

23、制作邊調(diào)試，即采用本機(jī)調(diào)試與和上傳服務(wù)器調(diào)試的方法，因?yàn)榫W(wǎng)站在單機(jī)和服務(wù)器上運(yùn)行有很大的區(qū)別，所以很有可能在上傳服務(wù)器之后，出現(xiàn)在單機(jī)上不能瀏覽的一系列問題。觀察速度、兼容性、交互性等，發(fā)現(xiàn)問題及時(shí)解決并記錄下來。1.2.4 申請域名和空間1申請域名的形式目前，申請域名有兩種形式：一種是收費(fèi)的，一種是免費(fèi)的。實(shí)際上，大多數(shù)域名是收費(fèi)的，免費(fèi)的域名已經(jīng)越來越少了。提供收費(fèi)域名的ISP（Internet Service Provider，即Internet服務(wù)提供商）很多。域名申請成功后，有的ISP還附加提供一定的主頁空間，可以直接上傳要發(fā)布的網(wǎng)頁。采用收費(fèi)域名的最大優(yōu)點(diǎn)是服務(wù)有保障，功能比較齊全

24、。免費(fèi)域名只提供域名，不提供主頁空間，因此這種域名實(shí)際上只提供一種轉(zhuǎn)向功能，不能真正發(fā)布網(wǎng)頁。2申請域名在申請注冊之前，用戶必須先檢索一下自己選擇的域名是否已經(jīng)被注冊，最簡單的方式就是上網(wǎng)查詢。國際頂級域名可以到國際互聯(lián)網(wǎng)絡(luò)信息中心InterNIC（http:/）的網(wǎng)站上查詢，國內(nèi)頂級域名可以到中國互聯(lián)網(wǎng)絡(luò)信息中心CNNIC（http:/）的網(wǎng)站上查詢。在域名查詢框內(nèi)輸入想要查詢的域名，如，單擊提交。 3申請網(wǎng)站空間（1）虛擬主機(jī)：虛擬主機(jī)是指使用特殊的技術(shù)，將一臺服務(wù)器分為很多臺“虛擬”服務(wù)器，并擁有共享的IP地址，但是都具有自己獨(dú)立的域名。（2）服務(wù)器托管：如果具有較大的訪問量，或者需要很

25、大的服務(wù)器空間，那么虛擬主機(jī)就不能滿足要求，可以采用將自己的服務(wù)器存放在ISP網(wǎng)絡(luò)中心機(jī)房，借用其網(wǎng)絡(luò)通信系統(tǒng)接入Internet，這樣就能避免獨(dú)立機(jī)房的建設(shè)，并享受良好的網(wǎng)絡(luò)帶寬服務(wù)。1.2.5 發(fā)布站點(diǎn)網(wǎng)站建設(shè)好之后，在發(fā)布以前還需要進(jìn)行下列準(zhǔn)備：（1）保證讓所有現(xiàn)有的瀏覽器均能較好地展示網(wǎng)頁。（2）注冊到搜索引擎。（3）針對搜索引擎進(jìn)行優(yōu)化，例如，確定幾個(gè)關(guān)鍵字和詳細(xì)的頁面描述。（4）優(yōu)化性能，縮小頁面大小。（5）如果沒有自己的服務(wù)器和域名，還需要申請域名和網(wǎng)上空間。當(dāng)所有的準(zhǔn)備工作都完成之后，就需要將程序和頁面進(jìn)行整合并進(jìn)行內(nèi)部測試。如果網(wǎng)站功能測試無誤，就可以正式發(fā)布網(wǎng)站了。發(fā)布時(shí)需

26、要注意如下4點(diǎn)：（1）服務(wù)器是否支持網(wǎng)站所采用的腳本語言。（2）服務(wù)器是否支持文件的寫操作。（3）服務(wù)器支持什么樣的數(shù)據(jù)庫？如Access、SQL Server、MySQL等。（4）如果是遠(yuǎn)程服務(wù)器，那么網(wǎng)站的上傳還需要利用遠(yuǎn)程FTP工具進(jìn)行傳輸。1.2.6 網(wǎng)站的推廣宣傳（1）登錄搜索引擎（2）交換鏈接（3）登錄網(wǎng)站導(dǎo)航站點(diǎn)：現(xiàn)在國內(nèi)有大量的網(wǎng)址導(dǎo)航類站點(diǎn)，如http:/、http:/等，在這些導(dǎo)航類網(wǎng)站做鏈接也能帶來大量的流量。（4）付費(fèi)廣告（5）在專業(yè)論壇上發(fā)表文章、消息（6）發(fā)布郵件1.3 網(wǎng)站頁面設(shè)計(jì)n1.3.1 網(wǎng)頁的基本元素n1.3.2 網(wǎng)頁布局1.3.1 網(wǎng)頁的基本元素n在設(shè)計(jì)

27、網(wǎng)頁之前，首先應(yīng)該認(rèn)識一下構(gòu)成網(wǎng)頁的基本元素，只有這樣，才能在設(shè)計(jì)中得心應(yīng)手，根據(jù)需要合理地組織和安排網(wǎng)頁內(nèi)容。n網(wǎng)頁的基本元素包括：1文本文本2圖片圖片3多媒體音頻、視頻、動畫多媒體音頻、視頻、動畫n4超鏈接：超鏈接：超鏈接技術(shù)是WWW流行起來的最主要的原因。它是從一個(gè)網(wǎng)頁指向另一個(gè)目的端的鏈接。 n5導(dǎo)航欄導(dǎo)航欄：導(dǎo)航欄的作用就是引導(dǎo)瀏覽者游歷站點(diǎn)。事實(shí)上，導(dǎo)航欄就是一組超鏈接，這組超鏈接的目標(biāo)就是本站點(diǎn)的主要網(wǎng)頁。 n6表格表格：在網(wǎng)頁中，表格用來控制網(wǎng)頁中信息的布局方式，包括兩個(gè)方面：一是使用行和列的形式來布局文本和圖像及其他列表化數(shù)據(jù)；二是可以使用表格來精確控制各種網(wǎng)頁元素在網(wǎng)頁中出

28、現(xiàn)的位置。 n7表單表單：網(wǎng)頁中的表單通常用來接受用戶在瀏覽器的輸入，然后將這些信息發(fā)送到用戶設(shè)置的目標(biāo)端。這個(gè)目標(biāo)可以是文本文件、網(wǎng)頁、電子郵件，也可以是服務(wù)器端的應(yīng)用程序。表單一般用來收集聯(lián)系信息，接收用戶要求，獲得反饋意見，設(shè)置來賓簽名簿，讓瀏覽者注冊為會員并以會員的身份登錄站點(diǎn)等。表單由不同功能的表單域組成，最簡單的表單也要包含一個(gè)輸入?yún)^(qū)域和一個(gè)提交按鈕，站點(diǎn)瀏覽者填寫表單的方式通常是輸入文本，選中單選按鈕或復(fù)選框，以及從下拉列表中選中選項(xiàng)等。根據(jù)表單功能與處理方式的不同，通常可以將表單分為用戶反饋表單、留言簿表單、搜索表單和用戶注冊表單等類型。n8其他常見元素其他常見元素：網(wǎng)頁中除了

29、以上幾種最基本的元素之外，還有一些其他的常用元素，包括懸停按鈕、JAVA特效、ActiveX等各種特效。它們不僅能點(diǎn)綴網(wǎng)頁，使網(wǎng)頁更活潑有趣，而且在網(wǎng)上娛樂、電子商務(wù)等方面也有著不可忽視的作用。1.3.2 網(wǎng)頁布局n網(wǎng)頁是否精彩，能否吸引瀏覽者，除了色彩的搭配、文字的變化、圖片的處理等因素外，還有一個(gè)非常重要的因素：網(wǎng)頁的布局。 頁面版面和布局n根據(jù)網(wǎng)站內(nèi)容的整體風(fēng)格，設(shè)計(jì)版面布局。設(shè)計(jì)者可以參考其他優(yōu)秀的網(wǎng)站，調(diào)用自己的各種知識儲備，特別是藝術(shù)方面的知識。這時(shí)設(shè)計(jì)者用筆在紙上粗略地勾畫出布局的輪廓。常見的網(wǎng)頁布局結(jié)構(gòu)有：T型結(jié)構(gòu)口字結(jié)構(gòu)pop字結(jié)構(gòu)三字結(jié)構(gòu)單一結(jié)構(gòu)Flash 型n T型布局型

30、布局就是指頁面頂部為橫條網(wǎng)站標(biāo)志就是指頁面頂部為橫條網(wǎng)站標(biāo)志+廣告條，下方左面廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局，因?yàn)椴藛螚l背景較為主菜單，右面顯示內(nèi)容的布局，因?yàn)椴藛螚l背景較深，整體效果類似英文字母深，整體效果類似英文字母“T”,所以我們稱之為所以我們稱之為“T”形布局。這是網(wǎng)頁設(shè)計(jì)中用的最廣泛的一種布局形布局。這是網(wǎng)頁設(shè)計(jì)中用的最廣泛的一種布局方式。這種布局的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰，主次分明。方式。這種布局的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰，主次分明。是初學(xué)者最容易上手的布局方法。缺點(diǎn)是規(guī)矩呆板，是初學(xué)者最容易上手的布局方法。缺點(diǎn)是規(guī)矩呆板，如果細(xì)節(jié)色彩上不注意，很容易讓人如果細(xì)節(jié)色彩上不注意，很容易讓人看之無味看之無味?！叭毙筒季中筒季诌@種布局多用于國外站點(diǎn)，國內(nèi)用的不多。特點(diǎn)是頁面上這種布局多用于國外站點(diǎn)，國內(nèi)用的不多。特