web開發(fā)基礎(chǔ)知識(shí)課件

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

1.什么是Web2.Web的工作原理3.Internet網(wǎng)絡(luò)協(xié)議4.IP地址、域名和URL5.超文本標(biāo)記語言HTML6.可擴(kuò)展標(biāo)記語言XML本章小結(jié)本章介紹開發(fā)Web程序應(yīng)該必備的基礎(chǔ)知識(shí)，包括Web的基本概念和工作原理、Internet網(wǎng)絡(luò)協(xié)議、IP地址、域名和統(tǒng)一資源定位器URL、超文本標(biāo)記語言HTML及可擴(kuò)展標(biāo)記語言XML，為在本課程中學(xué)習(xí)Web程序設(shè)計(jì)方法和開發(fā)技術(shù)做好準(zhǔn)備。第1章Web編程基礎(chǔ)知識(shí)1.什么是Web本章介紹開發(fā)W11.1什么是WebWeb全稱為WorldWideWebWeb是Internet提供的一種服務(wù)Web是存儲(chǔ)在全世界Internet計(jì)算機(jī)中、數(shù)量巨大的文檔的集合Web是一種超文本信息系統(tǒng)Web是圖形化的和易于導(dǎo)航的Web與平臺(tái)無關(guān)Web是分布式的、具有新聞性、動(dòng)態(tài)的、交互的

1.1什么是WebWeb全稱為WorldWideW21.2Web的工作原理Web服務(wù)器向?yàn)g覽器提供服務(wù)的過程大致可以歸納為以下5個(gè)步驟：（1）用戶打開計(jì)算機(jī)（客戶機(jī)），啟動(dòng)瀏覽器程序（NetscapeNavigator,MicrosoftInternetExplorer等），并在瀏覽器中指定一個(gè)URL（UniformResourceLocator，統(tǒng)一資源定位器），瀏覽器便向該URL所指向的Web服務(wù)器發(fā)出請(qǐng)求。（2）Web服務(wù)器（也稱為HTTP服務(wù)器）接到瀏覽器的請(qǐng)求后，把URL轉(zhuǎn)換成頁面所在服務(wù)器的文件路徑名。1.2Web的工作原理Web服務(wù)器向?yàn)g覽器提供服務(wù)的過3（3）如果URL指向的是普通的HTML（HypertextMarkupLanguage，超文本標(biāo)記語言）文檔，Web服務(wù)器將直接把它傳送給瀏覽器。HTML文檔中可能包含用Java，JavaScript，ActiveX，VBScript等編寫的小應(yīng)用程序（applet），服務(wù)器也將它們隨HTML文檔一道傳送到瀏覽器，在瀏覽器所在的機(jī)器上執(zhí)行。圖1-1客戶機(jī)/服務(wù)器模型（3）如果URL指向的是普通的HTML（Hypertext4（4）如果HTML文檔中嵌有ASP程序，那么Web服務(wù)器就運(yùn)行ASP程序，并將結(jié)果傳送至瀏覽器。Web服務(wù)器運(yùn)行ASP程序時(shí)還可能調(diào)用數(shù)據(jù)庫服務(wù)器和其他服務(wù)器。（5）URL也可以指向VRML（VirtualRealityModelingLanguage）文檔。只要瀏覽器中配置有VRML插件，或者客戶機(jī)上已安裝VRML瀏覽器，就可以接收Web服務(wù)器發(fā)送的VRML文檔。

（4）如果HTML文檔中嵌有ASP程序，那么Web服務(wù)器就運(yùn)5ASP.NET與ASP的主要區(qū)別體現(xiàn)在以下3個(gè)方面：（1）效率：ASP.NET比ASP高很多

（2）可重用性：ASP.NET可以實(shí)現(xiàn)代碼和內(nèi)容的完全分離，使得維護(hù)更方便。（3）代碼量：使用ASP.NET比使用ASP的代碼量要小得多

ASP.NET與ASP的主要區(qū)別體現(xiàn)在以下3個(gè)方面：（1）61.3Internet網(wǎng)絡(luò)協(xié)議

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é)議軟件。

1.3Internet網(wǎng)絡(luò)協(xié)議Internet是由各種71.3.1TCP/IP協(xié)議

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

表示層會(huì)話層傳輸層傳輸層網(wǎng)絡(luò)層網(wǎng)絡(luò)層數(shù)據(jù)鏈路層物理鏈路層物理層圖1-2TCP/IP參考模型與OSI參考模型的對(duì)照1.3.1TCP/IP協(xié)議TCP/IP協(xié)議把整個(gè)網(wǎng)絡(luò)分8

1.3.2HTTP協(xié)議超文本傳輸協(xié)議HTTP（HyperTextTransferProtocol）其定義的事務(wù)處理由以下4個(gè)步驟組成：（1）客戶端與服務(wù)器建立連接；（2）客戶端向服務(wù)器提出請(qǐng)求；（3）如果請(qǐng)求被接受，則服務(wù)器送回響應(yīng)，在響應(yīng)中包括狀態(tài)碼和所需的文件；（4）客戶端和服務(wù)器斷開連接。

1.3.2HTTP協(xié)議超文本傳輸協(xié)議HTTP（Hyp9

1.3.3遠(yuǎn)程登錄協(xié)議TelnetTelnet是關(guān)于遠(yuǎn)程登錄的一個(gè)協(xié)議。用戶可以通過用Telnet連入某個(gè)主機(jī)，成為該主機(jī)的終端而訪問各種所需的信息，或運(yùn)行遠(yuǎn)程主機(jī)上的程序來求解各種復(fù)雜的問題還可以利用Telnet連到Internet上的種種服務(wù)器，如Archie、Gopher、Wais、WWW以及其它服務(wù)器，比如某圖書館的資料文獻(xiàn)服務(wù)器等等

1.3.3遠(yuǎn)程登錄協(xié)議TelnetTelnet是關(guān)于101.3.4文件傳輸協(xié)議FTP

FTP既是一種文件傳輸協(xié)議，也是一種服務(wù)。

能使Internet上兩臺(tái)主機(jī)間互傳（拷貝）文件

FTP服務(wù)器匿名FTP服務(wù)器；用戶名和口令登錄連接、拷貝文件1.3.4文件傳輸協(xié)議FTPFTP既是一種文件傳輸協(xié)議111.4IP地址、域名和URL

1.4.1IP地址

IP地址是識(shí)別Internet網(wǎng)絡(luò)中的主機(jī)及網(wǎng)絡(luò)設(shè)備的唯一標(biāo)識(shí)表示：網(wǎng)絡(luò)地址+主機(jī)地址，長度為4個(gè)字節(jié)，由3個(gè)用“.”分隔的十進(jìn)制數(shù)組成，每個(gè)數(shù)不大于255，如22A類：用于規(guī)模很大主機(jī)數(shù)目很多的網(wǎng)絡(luò)B類：B類地址用于中型到大型的網(wǎng)絡(luò)C類：C類地址用于小型本地網(wǎng)絡(luò)（LAN）1.4IP地址、域名和URL

1.4.1IP地址121.4.2域名

IP地址是連網(wǎng)計(jì)算機(jī)的地址標(biāo)識(shí)DNS

：域名服務(wù)系統(tǒng)，允許為主機(jī)分配字符名稱，即域名。并實(shí)現(xiàn)域名與IP地址的轉(zhuǎn)換

7個(gè)組織模式的頂級(jí)域名分配如下：com 商業(yè)組織edu 教育機(jī)構(gòu)gov 政府部門mil 軍事部門net 網(wǎng)絡(luò)中心org 上述以外的組織int 國際組織

1.4.2域名

IP地址是連網(wǎng)計(jì)算機(jī)的地址標(biāo)識(shí)131.4.3統(tǒng)一資源定位器URL

URL（UniformResourceLocator）就是用來確定某信息位置的方法

格式：<信息服務(wù)類型>：//<信息資源地址>/<文件路徑>

URL的例子：http://http://telnet://:70ftp:///pub/www/docgopher://news:comp.sys.novellwais:///directory-of-servers1.4.3統(tǒng)一資源定位器URL

URL（Uniform141.5超文本標(biāo)記語言HTML

HTML是一種簡單、通用的標(biāo)記語言，可以用其制作包容圖像、文字、聲音等精彩內(nèi)容的網(wǎng)頁標(biāo)記：字符和數(shù)據(jù)的語法結(jié)構(gòu)通過標(biāo)記來表示；是HTML語言的標(biāo)簽符號(hào)和用標(biāo)簽符號(hào)構(gòu)成的各種元素的總稱。標(biāo)簽：是描述性的標(biāo)記，用一對(duì)<>中間包含若干字符表示，通常成對(duì)出現(xiàn)，前一個(gè)是起始標(biāo)簽，后一個(gè)為結(jié)束標(biāo)簽

1.5超文本標(biāo)記語言HTMLHTML是一種簡單、通用的151.5.1HTML文檔的基本構(gòu)成

基本HTML頁面以<HTML>標(biāo)簽開始，以</HTML>結(jié)束。在它們之間，就是HEAD和BODY。BODY部分是網(wǎng)頁的主體，內(nèi)容均會(huì)反映在頁面上，用<BODY>…</BODY>標(biāo)簽來界定，其內(nèi)容的定義和組織是通過各類標(biāo)簽實(shí)現(xiàn)的。其形式如下：

<BODY><標(biāo)簽1[屬性[=屬性值][屬性[=屬性值]…><標(biāo)簽2[屬性[=屬性值][屬性[=屬性值]…>[</標(biāo)簽2>][</標(biāo)簽1>]</BODY>

其中，屬性是為標(biāo)簽實(shí)現(xiàn)某種功能而提供的一些具體參數(shù)，用屬性值來定義。HTML語言規(guī)定，屬性寫在標(biāo)簽名的后面

1.5.1HTML文檔的基本構(gòu)成基本HTML頁面以<H16【例1-1】下列HTML代碼（ch1-1.html）顯示如圖1-3所示的簡單頁面。

<HTML><HEAD><Title>AnExample.</Title>；</HEAD><BODY><Palign=center>Hello!Thisisanexample!</BODY></HTML>圖1-3例1-1瀏覽器顯示結(jié)果查看實(shí)際效果【例1-1】下列HTML代碼（ch1-1.html）顯示171.5.2用HTML語言制作網(wǎng)頁

為網(wǎng)頁加入標(biāo)題：

網(wǎng)頁標(biāo)題總是加在HEAD部分，瀏覽該網(wǎng)頁時(shí)它會(huì)出現(xiàn)在瀏覽器窗口的標(biāo)題欄中。表示標(biāo)題的語法如下：<Title>標(biāo)題字符串</Title>

在網(wǎng)頁中顯示文本信息：任何需要在網(wǎng)頁中顯示的文本串都可直接嵌入BODY中

1.5.2用HTML語言制作網(wǎng)頁為網(wǎng)頁加入標(biāo)題：18【例1-2】下列HTML代碼（ch1-2.html）可在瀏覽器中顯示如圖1-4所示的不同格式的文本<HTML><HEAD><Title>DisplayText</Title></HEAD><BODY><P>Thisfirstparagraph!</P> <P>Thissecondparagraph!</P> <H1>Thisisheading1!</H1> <H6>Thisisheading6!</H6> <UL><Li>Thisisfirstitem <Li>Thisisseconditem</UL><DL> <DT>www<DD>wwwstandsforworldwideweb</DL></BODY></HTML>查看實(shí)際效果【例1-2】下列HTML代碼（ch1-2.html）可在19在網(wǎng)頁中加入超鏈接網(wǎng)頁中的超鏈接，它將引導(dǎo)瀏覽用戶定位到URL地址代表的本地或遠(yuǎn)程的其他文檔，也可以是本地文檔的某個(gè)命名位置。在網(wǎng)頁中定義超鏈接可以采用如下錨點(diǎn)格式：<AHREF=URL>超鏈接提示</A>在網(wǎng)頁中加入超鏈接20在網(wǎng)頁中插入圖片

在HTML文檔中流行兩種圖像文件格式：jpeg和gif

gif圖像顏色數(shù)是8位，可支持256種顏色，大部分圖形顯示器均支持顯示gif文件。jpeg圖像顏色數(shù)是24位，支持16.7×106種顏色，適用于照片質(zhì)量的圖像，但其顯示速度較慢

（1）圖片的插入。<IMG>標(biāo)簽用于在網(wǎng)頁中插入圖片，如：<IMGALT=“圖書館"ALIGN="center"SRC="./images/library.gif>（2）建立圖片鏈接。在<A>和</A>之間嵌入<IMG>標(biāo)簽便可實(shí)現(xiàn)，如：<AHREF="./departments/library.htm"><IMGALT=“圖書館"SRC=."/images/library.gif"></A>

在網(wǎng)頁中插入圖片21網(wǎng)頁中表的定義和應(yīng)用

表格是最常見的文檔形式，在HTML文檔中，表格的使用不只是信息的一種表現(xiàn)形式，還常用在頁面信息單元的定位和布局上，使網(wǎng)頁版面美觀而有序。表的定義：<Table>…</Table> 用來界定一張表<TR> 定義表的一行<TH> 定義表頭<TD> 定義單元格在網(wǎng)頁中插入表格需要合理使用上述標(biāo)簽。首先要加入<Table>標(biāo)簽，然后用<TR>逐行定義表的行數(shù)，有一個(gè)<TR>就有一行；在每個(gè)<TR>之后要定義表的單元格，單元格可以是表頭，也可以是表的數(shù)據(jù)，分別采用<TH>，<TD>。若干<TD>就定義了該行的若干單元格。網(wǎng)頁中表的定義和應(yīng)用22【例1-3】下列HTML語句（ch1-3.html）定義一張表結(jié)構(gòu)，它在瀏覽器中的顯示如圖1-5所示。<HEAD><Title>Thisisatable</Title></HEAD><BODY><Tableborder=1align=center><TR><TD>id<TD>Math<TD>English <TR><TD>99501<TD>86<TD>90 <TR><TD>99502<TD>92<TD>83 </Table></BODY>查看實(shí)際效果【例1-3】下列HTML語句（ch1-3.html）定義23表的應(yīng)用

對(duì)版面布局非常有用的表格標(biāo)簽<Table>的主要屬性有：align=left|center|right 表的對(duì)齊方式width=像素點(diǎn)|百分比值% 表的寬度border=像素點(diǎn) 表邊框粗細(xì)cellspacing=像素點(diǎn) 表中單元格間的間隔寬度cellpadding=像素點(diǎn)表中單元格邊界與內(nèi)容的間隔距離有關(guān)單元格標(biāo)簽<TD>的主要屬性有：align=left|center|right 單元格內(nèi)容的水平對(duì)齊方式valign=top|middle|bottom|baseline 單元格內(nèi)容的垂直對(duì)齊方式rowspan=n 本單元格占n行colspan=n 本單元格占n列nowrap 自動(dòng)換行屬性表的應(yīng)用24使用框架（Frame）分割窗口

其基本結(jié)構(gòu)如下：<FramesetCols="寬度1，寬度2，…"> 將瀏覽器水平分割成若干框架<FrameSrc=HTML文檔1> 定義在第1個(gè)框架中顯示的文檔<FrameSrc=HTML文檔2> 定義在第2個(gè)框架中顯示的文檔網(wǎng)頁中的注釋標(biāo)簽<!--…-->生成注釋。注釋標(biāo)