Web編程基礎(chǔ)知識(shí)

Web程序設(shè)計(jì)主講：鄧小亞數(shù)理與軟件工程學(xué)院計(jì)算機(jī)教研室學(xué)習(xí)內(nèi)容Web編程根底知識(shí)超文本標(biāo)記語(yǔ)言HTMLJavaScript語(yǔ)言CSS樣式表網(wǎng)頁(yè)制作工具簡(jiǎn)介〔網(wǎng)頁(yè)三劍客〕網(wǎng)站的規(guī)劃與設(shè)計(jì)第1章Web編程根底知識(shí)1.什么是Web2.Web的工作原理及根本技術(shù)3.Internet根本知識(shí)4.IP地址、域名和URL5.常用網(wǎng)頁(yè)制作工具及網(wǎng)頁(yè)制作的一般過(guò)程6.本章小結(jié)本章介紹開(kāi)發(fā)Web程序應(yīng)該必備的根底知識(shí)，包括Web的根本概念和工作原理、Internet根本知識(shí)、網(wǎng)絡(luò)協(xié)議、IP地址、域名和統(tǒng)一資源定位器URL，常用網(wǎng)頁(yè)制作工具及網(wǎng)頁(yè)制作的一般過(guò)程等，為在本課程中學(xué)習(xí)Web程序設(shè)計(jì)方法和開(kāi)發(fā)技術(shù)做好準(zhǔn)備。什么是WebWeb全稱為WorldWideWeb〔又稱為萬(wàn)維網(wǎng)、WWW或者3W〕Web是Internet提供的一種效勞Web是由普及全球的信息資源組成的系統(tǒng)這些信息資源包含的內(nèi)容可以是文本、表格、圖像、視頻、音頻等Web是一種超文本信息系統(tǒng)Web是分布式的、具有新聞性、動(dòng)態(tài)的、交互的Web的工作原理Web效勞器向?yàn)g覽器提供效勞的過(guò)程大致可以歸納為以下5個(gè)步驟：〔1〕用戶翻開(kāi)計(jì)算機(jī)〔客戶機(jī)〕，啟動(dòng)瀏覽器程序〔NetscapeNavigator,MicrosoftInternetExplorer等〕，并在瀏覽器中指定一個(gè)URL〔UniformResourceLocator，統(tǒng)一資源定位器〕，瀏覽器便向該URL所指向的Web效勞器發(fā)出請(qǐng)求?！?〕Web效勞器〔也稱為HTTP效勞器〕接到瀏覽器的請(qǐng)求后，把URL轉(zhuǎn)換成頁(yè)面所在效勞器的文件路徑名?！?〕如果URL指向的是普通的HTML〔HypertextMarkupLanguage，超文本標(biāo)記語(yǔ)言〕文檔，Web效勞器將直接把它傳送給瀏覽器。HTML文檔中可能包含用Java，JavaScript，ActiveX，VBScript等編寫(xiě)的小應(yīng)用程序〔applet〕，效勞器也將它們隨HTML文檔一道傳送到瀏覽器，在瀏覽器所在的機(jī)器上執(zhí)行。圖1-1客戶機(jī)/效勞器模型〔4〕如果HTML文檔中嵌有ASP、JSP或PHP程序，那么Web效勞器就運(yùn)行這些程序，并將結(jié)果傳送至瀏覽器。Web效勞器運(yùn)行這些程序時(shí)還可能調(diào)用數(shù)據(jù)庫(kù)效勞器和其他效勞器?！?〕URL也可以指向VRML〔VirtualRealityModelingLanguage〕文檔。只要瀏覽器中配置有VRML插件，或者客戶機(jī)上已安裝VRML瀏覽器，就可以接收Web效勞器發(fā)送的VRML文檔。Web根本技術(shù)1.效勞器技術(shù)：主要指有關(guān)Web效勞器建構(gòu)的根本技術(shù)，包括效勞器策略與結(jié)構(gòu)設(shè)計(jì)、效勞器軟硬件的選擇及其他有關(guān)效勞器構(gòu)建的問(wèn)題。2.HTML(HypertextMarkupLanguage)技術(shù)：是一種超文本標(biāo)識(shí)語(yǔ)言，它是構(gòu)成Web頁(yè)面的主要工具。HTML是Web的根底，它的超文本思想簡(jiǎn)單的說(shuō)就是純文本加標(biāo)記，所以它的重要內(nèi)容就是要熟悉和掌握這些標(biāo)記。Web根本技術(shù)3.XML(eXtensibleMarkupLanguage)技術(shù)：是W3C組織于1998年2月發(fā)布的標(biāo)準(zhǔn)。它是為了克服HTML缺乏靈活性和伸縮性的缺點(diǎn)以及SGML過(guò)于復(fù)雜、不利于軟件應(yīng)用的缺點(diǎn)而開(kāi)展起來(lái)的一種元標(biāo)記語(yǔ)言。4.Java技術(shù)：利用Java可以創(chuàng)立小應(yīng)用程序(applet)，使之從效勞器下載到瀏覽器，并在客戶端的機(jī)器上運(yùn)行。Javaapplet可提供動(dòng)畫(huà)、音頻和音樂(lè)等多媒體效勞。Web根本技術(shù)5.JavaScript技術(shù)：是由Netscape開(kāi)發(fā)的一種解釋語(yǔ)言，它可以直接插入到HTML文檔中。它具有Java的許多特性，但比Java更為簡(jiǎn)單有效，而且不需要編譯，因而也是Web技術(shù)的重要組成局部。6.JSP(JavaServerPages)技術(shù)：是由SunMicrosystem公司于1999年6月份推出的新技術(shù)，是基于JavaServlet以及整個(gè)Java體系的Web開(kāi)發(fā)技術(shù)。利用這一技術(shù)可以建立先進(jìn)、平安和跨平臺(tái)的動(dòng)態(tài)網(wǎng)站。Web根本技術(shù)7.ActiveX技術(shù)和VBscript技術(shù)：ActiveX技術(shù)是MicrosoftInternet戰(zhàn)略的中心環(huán)節(jié)，它本質(zhì)上是OLE技術(shù)在Web上的應(yīng)用。VBscript是VisualBasic的簡(jiǎn)化和修改版本，使VB能夠更適用于Internet。它是一種頁(yè)面設(shè)計(jì)的腳本語(yǔ)言，能夠控制ActiveX控件。8.ASP(ActiveServerPages)技術(shù)：利用ASP，效勞器可以執(zhí)行用戶用VBscript或JavaScript編寫(xiě)的嵌入HTML文檔中的程序。ASP是Web動(dòng)態(tài)頁(yè)面設(shè)計(jì)的根底，通過(guò)ASP，Web頁(yè)面可以訪問(wèn)數(shù)據(jù)庫(kù)，存取效勞器的有關(guān)資源，使得Web頁(yè)面具有強(qiáng)大的交互能力。Web根本技術(shù)9.PHP(HypertextPreprocessor)技術(shù)：是近年來(lái)開(kāi)展得比較快的一門新興語(yǔ)言。PHP是一種易于學(xué)習(xí)和使用的效勞器端腳本語(yǔ)言，是生成動(dòng)態(tài)網(wǎng)頁(yè)的工具之一。它是嵌入HTML文件的一種腳本語(yǔ)言，其語(yǔ)法大局部是借鑒了C,Java語(yǔ)言，并形成了自己的獨(dú)有風(fēng)格。10.VRML(VirtualRealityModelingLanguage)技術(shù)：Web已經(jīng)由靜態(tài)轉(zhuǎn)入動(dòng)態(tài)，并正在逐漸由二維走向三維，將用戶帶入五彩繽紛的虛擬世界。VRML是目前創(chuàng)立三維對(duì)象最重要的工具，它也是一種基于文本的語(yǔ)言，并可運(yùn)行于任何平臺(tái)。Internet根本知識(shí)Internet是由各種不同類型、不同規(guī)模、獨(dú)立管理和運(yùn)行的主機(jī)或計(jì)算機(jī)網(wǎng)絡(luò)組成的一個(gè)全球性特大網(wǎng)絡(luò)。Internet使用的網(wǎng)絡(luò)協(xié)議是TCP/IP協(xié)議，但凡連入Internet的計(jì)算機(jī)都必須安裝和運(yùn)行TCP/IP協(xié)議軟件。Internet的應(yīng)用遠(yuǎn)程登錄（Telnet)遠(yuǎn)程登錄是指在網(wǎng)絡(luò)通信協(xié)議telnet的支持下，使用戶的計(jì)算機(jī)暫時(shí)成為遠(yuǎn)程計(jì)算機(jī)終端的過(guò)程，一經(jīng)登錄后在個(gè)人計(jì)算機(jī)與遠(yuǎn)程主機(jī)之間建立在線連接，用戶便可以實(shí)時(shí)使用遠(yuǎn)程計(jì)算機(jī)對(duì)外開(kāi)放的全部資源。電子郵件（E-mail)電子郵件是Internet上應(yīng)用范圍最為廣泛的服務(wù)，它是通過(guò)連網(wǎng)計(jì)算機(jī)與其它用戶進(jìn)行聯(lián)絡(luò)的快速、高效、廉價(jià)的現(xiàn)代化通信手段。文件傳輸（FTP）文件傳輸是指在不同計(jì)算機(jī)系統(tǒng)間傳輸文件的過(guò)程，F(xiàn)TP:(文件傳輸協(xié)議)是傳輸文件使用的協(xié)議。Internet的應(yīng)用BBS是Internet上的電子公告板系統(tǒng)，BBS上開(kāi)設(shè)了許多專題，供感興趣的人士進(jìn)行討論、交流等活動(dòng)。全球信息網(wǎng)〔WWW)WWW是分布式超媒體系統(tǒng)，內(nèi)容和信息檢索技術(shù)與超文本技術(shù)而形成的使用簡(jiǎn)單、功能強(qiáng)大的全球信息系統(tǒng)，也是基于Internet的信息效勞系統(tǒng)。電子公告板〔BBS)中國(guó)互聯(lián)網(wǎng)絡(luò)的開(kāi)展CERNETCSTNETCHINAGBNINTERNETCHINANET中國(guó)教育與科研計(jì)算機(jī)網(wǎng)

CERNet中國(guó)科技網(wǎng)

CSTNet中國(guó)公用計(jì)算機(jī)互聯(lián)網(wǎng)

CHINANet中國(guó)金橋信息網(wǎng)

CHINAGBNTCP/IP協(xié)議

TCP/IP協(xié)議把整個(gè)網(wǎng)絡(luò)分成4個(gè)層次：應(yīng)用層、傳輸層、網(wǎng)絡(luò)層和物理鏈路層。它們都建立在硬件根底之上。OSI參考模型TCP/IP參考模型應(yīng)用層應(yīng)用層

表示層會(huì)話層傳輸層傳輸層網(wǎng)絡(luò)層網(wǎng)絡(luò)層數(shù)據(jù)鏈路層物理鏈路層物理層圖1-2TCP/IP參考模型與OSI參考模型的對(duì)照HTTP協(xié)議超文本傳輸協(xié)議HTTP〔HyperTextTransferProtocol〕其定義的事務(wù)處理由以下4個(gè)步驟組成：〔1〕客戶端與效勞器建立連接；〔2〕客戶端向效勞器提出請(qǐng)求；〔3〕如果請(qǐng)求被接受，那么效勞器送回響應(yīng)，在響應(yīng)中包括狀態(tài)碼和所需的文件；〔4〕客戶端和效勞器斷開(kāi)連接。遠(yuǎn)程登錄協(xié)議TelnetTelnet是關(guān)于遠(yuǎn)程登錄的一個(gè)協(xié)議。用戶可以通過(guò)用Telnet連入某個(gè)主機(jī)，成為該主機(jī)的終端而訪問(wèn)各種所需的信息，或運(yùn)行遠(yuǎn)程主機(jī)上的程序來(lái)求解各種復(fù)雜的問(wèn)題還可以利用Telnet連到Internet上的種種效勞器，如Archie、Gopher、Wais、WWW以及其它效勞器，比方某圖書(shū)館的資料文獻(xiàn)效勞器等等文件傳輸協(xié)議FTP

FTP既是一種文件傳輸協(xié)議，也是一種效勞。能使Internet上兩臺(tái)主機(jī)間互傳〔拷貝〕文件FTP效勞器匿名FTP效勞器；用戶名和口令登錄連接、拷貝文件IP地址、域名和URLIP地址IP地址是識(shí)別Internet網(wǎng)絡(luò)中的主機(jī)及網(wǎng)絡(luò)設(shè)備的唯一標(biāo)識(shí)表示：網(wǎng)絡(luò)地址+主機(jī)地址，長(zhǎng)度為4個(gè)字節(jié)，由3個(gè)用“.〞分隔的十進(jìn)制數(shù)組成，每個(gè)數(shù)不大于255，如22A類：用于大型網(wǎng)絡(luò)B類：用于中型網(wǎng)絡(luò)C類：用于小型網(wǎng)絡(luò)〔LAN〕IP地址

網(wǎng)絡(luò)號(hào)機(jī)器號(hào)A類08162432網(wǎng)絡(luò)號(hào)機(jī)器號(hào)B類網(wǎng)絡(luò)號(hào)機(jī)器號(hào)C類0110101.X.Y.Z~126.X.Y.Z128.X.Y.Z~191.X.Y.Z192.X.Y.Z~223.X.Y.ZA類C類1677214254B類65534域名IP地址用數(shù)字表示不易記憶，TCP/IP為人們方便記憶而設(shè)計(jì)了一種字符型的計(jì)算機(jī)命名機(jī)制，便形成了網(wǎng)絡(luò)域名系統(tǒng)。域名系統(tǒng)的結(jié)構(gòu)域名系統(tǒng)的結(jié)構(gòu)是層次型的，域下面按領(lǐng)域又分子域，子域下面又有子域。在表示域名時(shí)，自右到左越來(lái)越小，用“.〞分開(kāi)。主機(jī)名.機(jī)構(gòu)名.網(wǎng)絡(luò)名.頂層域名如：域名7個(gè)組織模式的頂級(jí)域名分配如下：com 商業(yè)組織edu 教育機(jī)構(gòu)gov 政府部門mil 軍事部門net 網(wǎng)絡(luò)中心org 上述以外的組織int 國(guó)際組織

域名效勞器〔DNS)域名系統(tǒng)與IP地址有映射關(guān)系，它也實(shí)行層次型管理。在訪問(wèn)一臺(tái)計(jì)算機(jī)時(shí)，既可用IP地址表示，也可用域名表示。一般情況下，一個(gè)域名對(duì)應(yīng)一個(gè)IP地址，但并不是每個(gè)IP地址都有一個(gè)域名和它對(duì)應(yīng)，對(duì)于不需要他人訪問(wèn)的計(jì)算機(jī)只有IP地址，沒(méi)有域名。還有時(shí)一個(gè)IP地址對(duì)應(yīng)幾個(gè)域名。域名系統(tǒng)與IP地址的關(guān)系域名效勞器〔DNS)DNS實(shí)際上是一個(gè)效勞器軟件，運(yùn)行在指定的計(jì)算機(jī)上，完成域名——IP地址的轉(zhuǎn)換。統(tǒng)一資源定位器URLURL〔UniformResourceLocator〕就是用來(lái)確定某信息位置的方法格式：<信息效勞類型>：//<信息資源地址>/<文件路徑>URL的例子：://://telnet://odysseus.circe:70gopher://news:wais:///directory-of-servers電話網(wǎng)PPP帳號(hào)口令I(lǐng)NTERNETISP網(wǎng)絡(luò)連入Internet的根本方法1.選擇ISP以撥號(hào)連接終端方式接入Internet時(shí)，須先在Internet的一臺(tái)服務(wù)器上擁有用戶自己的帳號(hào)，這樣的服務(wù)器一般由一些Internet的服務(wù)機(jī)構(gòu)控制，稱為Internet服務(wù)提供商ISP,相當(dāng)于Internet的下級(jí)代理。撥號(hào)連接終端方式撥號(hào)連接終端方式是用戶接入Internet最簡(jiǎn)單、最經(jīng)濟(jì)的方式。這種方式是利用已有的電話網(wǎng)，通過(guò)電話撥號(hào)程序?qū)⒂脩舻挠?jì)算機(jī)連接到已接入Internet的一臺(tái)主機(jī)上，成為該主機(jī)的一臺(tái)仿真終端，經(jīng)由主機(jī)系統(tǒng)訪問(wèn)Internet。2.選擇這種方式入網(wǎng)用戶所需要的硬件設(shè)備包括一臺(tái)微型計(jì)算機(jī)、一根線、一臺(tái)調(diào)制解調(diào)器〔MODEM〕、一根RS232電纜。3.軟件撥號(hào)上網(wǎng)的用戶需要有一個(gè)仿真終端軟件。目前較為流行的仿真終端軟件有Windows下的終端仿真程序Terminal、WindowsXP下的超級(jí)終端軟件等。硬件設(shè)備以SLIP和PPP方式入網(wǎng)時(shí)，與撥號(hào)連接的不同之處是用戶的計(jì)算機(jī)并不是作為終端，而是使用SLIP或PPP協(xié)議與主機(jī)通信，是本地微機(jī)具有IP地址，成為Internet的一部分。

SLIP/PPP協(xié)議連接通過(guò)局域網(wǎng)連接及配置建立一定規(guī)模的局域網(wǎng)，并與Internet聯(lián)通，用戶的微機(jī)需配置一塊網(wǎng)卡并連至本地局域網(wǎng)，便可進(jìn)入Internet。用戶必須為微機(jī)配置一塊網(wǎng)卡以及一根連至局域網(wǎng)的電纜。ISDN、CableModem和ADSL三種常用的方式1.ISDNISDN是綜合業(yè)務(wù)數(shù)字網(wǎng)的簡(jiǎn)稱，它由綜合數(shù)字網(wǎng)(IDN)開(kāi)展而來(lái)。ISDN主要有兩種類型：根本速率(BRI)和基群速率(PRI)。ISDN可向用戶提供各種各樣的業(yè)務(wù)。CCITT將ISDN的業(yè)務(wù)分為三類：承載業(yè)務(wù)，用戶終端業(yè)務(wù)和補(bǔ)充業(yè)務(wù)。分組網(wǎng)連接該方式通過(guò)分組交換網(wǎng)如CHINAPAC的虛電路進(jìn)行連接。CableModem中文譯為電纜調(diào)制解調(diào)器，它是利用有線電視閉路線來(lái)實(shí)現(xiàn)上網(wǎng)。CableModem的原理和普通的Modem不同之處在于它是通過(guò)有線電視CATV的某個(gè)傳輸頻帶進(jìn)行調(diào)制解調(diào)的，CableModem屬于共享介質(zhì)系統(tǒng)，其他空閑頻段仍然可用于有線電視信號(hào)的傳輸。CableModem是集Modem功能，橋接加解密功能，網(wǎng)卡及以太網(wǎng)集線器等功能于一身的專用Modem.3.ADSLADSL安裝包括局端線路調(diào)整和用戶端設(shè)備安裝。由于ADSL是基于ATM干線網(wǎng)絡(luò)傳輸接入的，因而也可以提供基于ATM或IP的VPN（虛擬專用網(wǎng)）服務(wù)。隨著ADSL技術(shù)的進(jìn)一步推廣應(yīng)用，ADSL接入還將可以提供點(diǎn)對(duì)點(diǎn)的遠(yuǎn)程醫(yī)療，遠(yuǎn)程教學(xué)，遠(yuǎn)地可視會(huì)議等服務(wù)。ADSL的接入模型主要有中央交換局端模塊和遠(yuǎn)端模塊組成。CableModem2.WWW頁(yè)面和瀏覽器網(wǎng)頁(yè)是WWW系統(tǒng)中信息的根本單位，Web效勞器就是以網(wǎng)頁(yè)為單位處理信息的，客戶端的信息請(qǐng)求也是以網(wǎng)頁(yè)為根本單位的。網(wǎng)頁(yè)的本身是一個(gè)純文本文件，其擴(kuò)展名是.htm或.html等，網(wǎng)頁(yè)文件中包含的內(nèi)容可以是文字、圖片、超鏈接、影片、聲音等。主頁(yè)〔homepage〕就是進(jìn)入WWW網(wǎng)站的第一個(gè)網(wǎng)頁(yè)，也稱為首頁(yè)。瀏覽器是專門用于瀏覽網(wǎng)頁(yè)的軟件，如Microsoft的IE、Netscape的Navigator等。當(dāng)連通Internet，啟動(dòng)計(jì)算機(jī)中的瀏覽器后，瀏覽器就會(huì)按照地址欄中的地址找到網(wǎng)頁(yè)文件并顯示在屏幕上。WWW頁(yè)面一般說(shuō)來(lái)，出現(xiàn)在瀏覽器中的WWW頁(yè)面不外乎有兩種：靜態(tài)頁(yè)面和動(dòng)態(tài)頁(yè)面。

1.靜態(tài)頁(yè)面所謂靜態(tài)頁(yè)面就是指那些不能夠接收用戶輸入信息的WWW頁(yè)面，其內(nèi)容是靜態(tài)的，唯一的響應(yīng)就是接收鼠標(biāo)點(diǎn)擊超級(jí)連接后顯示所連接的頁(yè)面。當(dāng)用戶用鼠標(biāo)點(diǎn)擊其中一個(gè)超級(jí)連接后，就會(huì)在瀏覽器中顯示所連接的頁(yè)面信息。2.動(dòng)態(tài)頁(yè)面動(dòng)態(tài)頁(yè)面與靜態(tài)頁(yè)面不同，在動(dòng)態(tài)頁(yè)面，用戶可以輸入動(dòng)態(tài)網(wǎng)頁(yè)所允許的各種信息，實(shí)現(xiàn)人機(jī)交互。常用網(wǎng)頁(yè)制作工具1.HTML代碼編輯工具這種軟件把各種HTML的標(biāo)記以按鈕或菜單的形式提供給用戶，當(dāng)需要參加某種標(biāo)記時(shí)，只需單擊相應(yīng)的按鈕或菜單，標(biāo)記就會(huì)自動(dòng)參加到文件中，設(shè)計(jì)人員只需在標(biāo)記中間參加自己的文字、圖像、聲音等內(nèi)容。典型的有HomeSite、HotDog、HTMLedit、WebEdit等，使用這種工具雖然省去了輸入標(biāo)記的時(shí)間，但設(shè)計(jì)人員仍然必須對(duì)各種標(biāo)記的格式和功能非常熟悉，即使這樣，編輯復(fù)雜頁(yè)面仍然會(huì)顯