WEB程序設(shè)計(jì)課件-第1章-Web編程基礎(chǔ)知識(shí)_第1頁(yè)
WEB程序設(shè)計(jì)課件-第1章-Web編程基礎(chǔ)知識(shí)_第2頁(yè)
WEB程序設(shè)計(jì)課件-第1章-Web編程基礎(chǔ)知識(shí)_第3頁(yè)
WEB程序設(shè)計(jì)課件-第1章-Web編程基礎(chǔ)知識(shí)_第4頁(yè)
WEB程序設(shè)計(jì)課件-第1章-Web編程基礎(chǔ)知識(shí)_第5頁(yè)
已閱讀5頁(yè)，還剩23頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

第1章Web編程根底知識(shí)1.什么是Web2.Web的工作原理3.Internet網(wǎng)絡(luò)協(xié)議4.IP地址、域名和URL5.超文本標(biāo)記語(yǔ)言HTML6.可擴(kuò)展標(biāo)記語(yǔ)言XML本章小結(jié)本章介紹開發(fā)Web程序應(yīng)該必備的根底知識(shí)，包括Web的根本概念和工作原理、Internet網(wǎng)絡(luò)協(xié)議、IP地址、域名和統(tǒng)一資源定位器URL、超文本標(biāo)記語(yǔ)言HTML及可擴(kuò)展標(biāo)記語(yǔ)言XML，為在本課程中學(xué)習(xí)Web程序設(shè)計(jì)方法和開發(fā)技術(shù)做好準(zhǔn)備。1.1什么是WebWeb全稱為WorldWideWebWeb是Internet提供的一種效勞Web是存儲(chǔ)在全世界Internet計(jì)算機(jī)中、數(shù)量巨大的文檔的集合Web是一種超文本信息系統(tǒng)Web是圖形化的和易于導(dǎo)航的Web與平臺(tái)無(wú)關(guān)Web是分布式的、具有新聞性、動(dòng)態(tài)的、交互的1.2Web的工作原理Web效勞器向?yàn)g覽器提供效勞的過(guò)程大致可以歸納為以下5個(gè)步驟：〔1〕用戶翻開計(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等編寫的小應(yīng)用程序〔applet〕，效勞器也將它們隨HTML文檔一道傳送到瀏覽器，在瀏覽器所在的機(jī)器上執(zhí)行。圖1-1客戶機(jī)/效勞器模型〔4〕如果HTML文檔中嵌有ASP程序，那么Web效勞器就運(yùn)行ASP程序，并將結(jié)果傳送至瀏覽器。Web效勞器運(yùn)行ASP程序時(shí)還可能調(diào)用數(shù)據(jù)庫(kù)效勞器和其他效勞器?！?〕URL也可以指向VRML〔VirtualRealityModelingLanguage〕文檔。只要瀏覽器中配置有VRML插件，或者客戶機(jī)上已安裝VRML瀏覽器，就可以接收Web效勞器發(fā)送的VRML文檔。ASP.NET與ASP的主要區(qū)別表達(dá)在以下3個(gè)方面：〔1〕效率：ASP.NET比ASP高很多

〔2〕可重用性：ASP.NET可以實(shí)現(xiàn)代碼和內(nèi)容的完全別離，使得維護(hù)更方便。〔3〕代碼量：使用ASP.NET比使用ASP的代碼量要小得多1.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.3.1TCP/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ì)照

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

1.3.3遠(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以及其它效勞器，比方某圖書館的資料文獻(xiàn)效勞器等等1.3.4文件傳輸協(xié)議FTP

FTP既是一種文件傳輸協(xié)議，也是一種效勞。能使Internet上兩臺(tái)主機(jī)間互傳〔拷貝〕文件FTP效勞器匿名FTP效勞器；用戶名和口令登錄連接、拷貝文件1.4IP地址、域名和URL

1.4.1IP地址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類：用于規(guī)模很大主機(jī)數(shù)目很多的網(wǎng)絡(luò)B類：B類地址用于中型到大型的網(wǎng)絡(luò)C類：C類地址用于小型本地網(wǎng)絡(luò)〔LAN〕1.4.2域名

IP地址是連網(wǎng)計(jì)算機(jī)的地址標(biāo)識(shí)DNS：域名效勞系統(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 國(guó)際組織

1.4.3統(tǒng)一資源定位器URL

URL〔UniformResourceLocator〕就是用來(lái)確定某信息位置的方法格式：<信息效勞類型>：//<信息資源地址>/<文件路徑>URL的例子：://://telnet://odysseus.circe:70gopher://news:wais:///directory-of-servers1.5超文本標(biāo)記語(yǔ)言HTML

HTML是一種簡(jiǎn)單、通用的標(biāo)記語(yǔ)言，可以用其制作包容圖像、文字、聲音等精彩內(nèi)容的網(wǎng)頁(yè)標(biāo)記：字符和數(shù)據(jù)的語(yǔ)法結(jié)構(gòu)通過(guò)標(biāo)記來(lái)表示；是HTML語(yǔ)言的標(biāo)簽符號(hào)和用標(biāo)簽符號(hào)構(gòu)成的各種元素的總稱。標(biāo)簽：是描述性的標(biāo)記，用一對(duì)<>中間包含假設(shè)干字符表示，通常成對(duì)出現(xiàn)，前一個(gè)是起始標(biāo)簽，后一個(gè)為結(jié)束標(biāo)簽1.5.1HTML文檔的根本構(gòu)成根本HTML頁(yè)面以<HTML>標(biāo)簽開始，以</HTML>結(jié)束。在它們之間，就是HEAD和BODY。BODY局部是網(wǎng)頁(yè)的主體，內(nèi)容均會(huì)反映在頁(yè)面上，用<BODY>…</BODY>標(biāo)簽來(lái)界定，其內(nèi)容的定義和組織是通過(guò)各類標(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ù)，用屬性值來(lái)定義。HTML語(yǔ)言規(guī)定，屬性寫在標(biāo)簽名的后面【例1-1】以下HTML代碼〔ch1-1.html〕顯示如圖1-3所示的簡(jiǎn)單頁(yè)面。<HTML><HEAD><Title>AnExample.</Title>；</HEAD><BODY><Palign=center>Hello!Thisisanexample!</BODY></HTML>圖1-3例1-1瀏覽器顯示結(jié)果查看實(shí)際效果1.5.2用HTML語(yǔ)言制作網(wǎng)頁(yè)

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

在網(wǎng)頁(yè)中顯示文本信息：任何需要在網(wǎng)頁(yè)中顯示的文本串都可直接嵌入BODY中【例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í)際效果在網(wǎng)頁(yè)中參加超鏈接網(wǎng)頁(yè)中的超鏈接，它將引導(dǎo)瀏覽用戶定位到URL地址代表的本地或遠(yuǎn)程的其他文檔，也可以是本地文檔的某個(gè)命名位置。在網(wǎng)頁(yè)中定義超鏈接可以采用如下錨點(diǎn)格式：<AHREF=URL>超鏈接提示</A>在網(wǎng)頁(yè)中插入圖片在HTML文檔中流行兩種圖像文件格式：jpeg和gifgif圖像顏色數(shù)是8位，可支持256種顏色，大局部圖形顯示器均支持顯示gif文件。jpeg圖像顏色數(shù)是24位，支持16.7×106種顏色，適用于照片質(zhì)量的圖像，但其顯示速度較慢〔1〕圖片的插入。<IMG>標(biāo)簽用于在網(wǎng)頁(yè)中插入圖片，如：<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)頁(yè)中表的定義和應(yīng)用表格是最常見的文檔形式，在HTML文檔中，表格的使用不只是信息的一種表現(xiàn)形式，還常用在頁(yè)面信息單元的定位和布局上，使網(wǎng)頁(yè)版面美觀而有序。表的定義：<Table>…</Table> 用來(lái)界定一張表<TR> 定義表的一行<TH> 定義表頭<TD> 定義單元格在網(wǎng)頁(yè)中插入表格需要合理使用上述標(biāo)簽。首先要參加<Table>標(biāo)簽，然后用<TR>逐行定義表的行數(shù)，有一個(gè)<TR>就有一行；在每個(gè)<TR>之后要定義表的單元格，單元格可以是表頭，也可以是表的數(shù)據(jù)，分別采用<TH>，<TD>。假設(shè)干<TD>就定義了該行的假設(shè)干單元格?！纠?-3】以下HTML語(yǔ)句〔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í)際效果表的應(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)換行屬性使用框架〔Frame〕分割窗口其根本結(jié)構(gòu)如下：<FramesetCols="寬度1，寬度2，…"> 將瀏覽器水平分割成假設(shè)干框架<FrameSrc=HTML文檔1> 定義在第1個(gè)框架中顯示的文檔<FrameSrc=HTML文檔2>

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論