第1講Web程序設(shè)計(jì)概述1-4

1、Web編程術(shù)PHP+MySQL動(dòng)態(tài)(dngti)網(wǎng)頁設(shè)計(jì)第1章 Web程序設(shè)計(jì)(chn x sh j)概述共三十一頁1.1 初識(shí)Web程序設(shè)計(jì)(chn x sh j)共三十一頁任務(wù)1:初步了解(lioji)Web的工作原理1. 什么是Web Web是存儲(chǔ)在Internet計(jì)算機(jī)中、數(shù)量巨大的文檔集合。這些文檔稱為頁面，它是一種超文本（Hypertext）信息，可以用于描述超媒體（Hypermedia）。 Web頁面就是我們?cè)跒g覽器里看到的網(wǎng)頁，它組織在一個(gè)文件中，文件的位置在瀏覽器的地址欄中采用URL規(guī)則指定。2Web工作原理 從本質(zhì)上講，Web是基于客戶機(jī)-服務(wù)器的一種體系結(jié)構(gòu)，一般用戶的計(jì)

2、算機(jī)稱為客戶機(jī)，用于提供服務(wù)的機(jī)器稱為服務(wù)器。 如圖1-1所示。 客戶機(jī)向服務(wù)器發(fā)送請(qǐng)求，要求(yoqi)執(zhí)行某項(xiàng)任務(wù)，而服務(wù)器執(zhí)行此項(xiàng)任務(wù)，并向客戶機(jī)返回響應(yīng)。Web客戶程序稱為瀏覽器（Browser），而瀏覽器程序基本上都是標(biāo)準(zhǔn)化的。共三十一頁共三十一頁 在客戶機(jī)-服務(wù)器體系結(jié)構(gòu)中，通常很容易將“客戶機(jī)”和“服務(wù)器”理解為兩端的計(jì)算機(jī)。 基于Web的數(shù)據(jù)庫應(yīng)采用(ciyng)3層客戶機(jī)-服務(wù)器結(jié)構(gòu)，也稱為B-S-D（Browser-Server-Database Server）結(jié)構(gòu)。 第1層為瀏覽器，第2層為Web服務(wù)器，第3層為數(shù)據(jù)庫服務(wù)器。 如圖1-2所示。共三十一頁任務(wù)(rn wu)

3、2：了解Web頁面1什么是Web頁 Web頁（Web page），即是我們俗稱的網(wǎng)頁。是網(wǎng)站中的一頁，通常是HTML格式（文件擴(kuò)展名為.html、.htm、.asp、.aspx、.php或.jsp等）。 Web頁中可以嵌入文本、圖形、音頻、視頻等信息，是一種多媒體作品。HTML本身只能描述靜態(tài)的Web頁面。但在HTML中可以嵌入Java、JavaScript、ActiveX、VBScript、VRML等語言，以完成復(fù)雜的任務(wù)。 打開一個(gè)網(wǎng)頁后（如圖1-3所示），選擇“查看”菜單中的“源文件” ，就可以通過記事本看到網(wǎng)頁的實(shí)際內(nèi)容。我們可以看到，網(wǎng)頁實(shí)際上只是一個(gè)純文本文件（如圖1-4所示），它

4、通過各式各樣的標(biāo)記對(duì)頁面上的文字、圖片(tpin)、表格、聲音等元素進(jìn)行描述（例如字體、顏色、大?。?，而瀏覽器則對(duì)這些標(biāo)記進(jìn)行解釋并生成頁面，于是就得到你現(xiàn)在所看到的畫面。共三十一頁共三十一頁2Web頁的基本組成元素（1） 網(wǎng)頁中的文本 文本是網(wǎng)頁中最基本的元素，也是網(wǎng)頁的主體，規(guī)劃合理、美觀的文本能帶給瀏覽者一種清新的感覺。文本的添加方式既可以手工逐字逐句地輸入，也可以把別的應(yīng)用程序中的文本直接粘貼到網(wǎng)頁編輯窗口中。 在網(wǎng)頁中輸入文本時(shí)，除需要設(shè)計(jì)與頁面搭配的美觀字體外，還需要設(shè)置一種默認(rèn)的字體，以便在用戶電腦不支持這種字體時(shí)可以使用其他指定的字體替代。 此外，文本的大小、顏色和其他樣式也需

5、要仔細(xì)考慮，然后(rnhu)再配合精美的圖片，才能創(chuàng)造精美的頁面。 如圖1-5所示即為搜狐新聞的文字風(fēng)格。 共三十一頁共三十一頁（2）網(wǎng)頁中的圖片 如圖1-6所示即為某公司的宣傳網(wǎng)站頁面，在頁面中文本搭配了適當(dāng)?shù)膱D片，使得(sh de)頁面極具美食誘惑。共三十一頁（3）網(wǎng)頁中的動(dòng)畫 一個(gè)引人注目的網(wǎng)站，僅有文字和圖片是遠(yuǎn)遠(yuǎn)不夠的，也很難吸引瀏覽者的目光(mgung)。適當(dāng)?shù)靥砑右恍┚赖木W(wǎng)絡(luò)動(dòng)畫，不僅可以讓網(wǎng)頁如虎添翼，而且可以使展示的內(nèi)容變得栩栩如生。如圖1-7所示即為某公司網(wǎng)頁中的動(dòng)畫。共三十一頁（4）其他元素 絕大多數(shù)網(wǎng)站還需要有一個(gè)屬于自己的漂亮的Logo。Logo就是網(wǎng)站的形象標(biāo)志，

6、網(wǎng)站Logo就是指網(wǎng)站標(biāo)志，像公司名片上印上的公司標(biāo)志一樣，通常企業(yè)網(wǎng)站的Logo與公司標(biāo)志相同。 對(duì)于某些具有商業(yè)性質(zhì)的網(wǎng)站而言，在主頁面或?yàn)g覽量較大的頁面上還會(huì)有一些Banner。Banner是指橫幅廣告或通欄廣告，在網(wǎng)頁中，除了小圖片、圖標(biāo)和文字外，通常還有一個(gè)占較大篇幅和重要(zhngyo)位置的廣告位，往往稱其為Banner。共三十一頁1.2 網(wǎng)絡(luò)(wnglu)術(shù)語與Internet通信協(xié)議共三十一頁任務(wù)3：理解(lji)IP地址、域名和URL共三十一頁A類地址用于規(guī)模很大、主機(jī)數(shù)目非常多的網(wǎng)絡(luò)。A類地址第1字節(jié)為網(wǎng)絡(luò)地址，網(wǎng)絡(luò)地址范圍為1126，后面X.Y.Z為主機(jī)地址。B類地址用

7、于中型(zhngxng)到大型的網(wǎng)絡(luò)。B類地址前面2字節(jié)為網(wǎng)絡(luò)地址，網(wǎng)絡(luò)地址范圍為128.X191.X，后面Y.Z為主機(jī)地址。C類地址用于小型本地網(wǎng)絡(luò)。C類地址前面3個(gè)字節(jié)為網(wǎng)絡(luò)地址，網(wǎng)絡(luò)地址范圍為192.X.Y223.X.Y，后面Z為主機(jī)地址。主機(jī)地址不能取0和255兩個(gè)數(shù)。共三十一頁2域名(y mn) IP 地址是數(shù)字化的，比較難記，所以有人發(fā)明了一種新方法來代替這種數(shù)字，即“域名”地址，域名由幾個(gè)英文單詞組成，如，其中cn代表中國（China），com代表商業(yè)網(wǎng)，sina代表新浪，www代表互聯(lián)網(wǎng)（或稱萬維網(wǎng)World Wide Web），整個(gè)域名合起來就是新浪網(wǎng)站的地址。 域名地址和用

8、數(shù)字表示的IP地址實(shí)際上代表同一個(gè)內(nèi)容，只是形式上不同而已。在訪問一個(gè)站點(diǎn)的時(shí)候，可以輸入整個(gè)站點(diǎn)用數(shù)字表示的IP地址，也可以輸入它的域名地址. 當(dāng)輸入一個(gè)域名地址時(shí)，域名服務(wù)器就會(huì)搜索其對(duì)應(yīng)的IP地址，然后訪問到該地址所表示的站點(diǎn)。共三十一頁 Internet中的域名采用分級(jí)命名機(jī)制，其基本結(jié)構(gòu)如下：計(jì)算機(jī)名.三級(jí)域名.二級(jí)域名.頂級(jí)域名 下面介紹域名劃分方式。 首先(shuxin)DNS將整個(gè)Internet劃分成多個(gè)域，稱為頂級(jí)域，并為每個(gè)頂級(jí)域規(guī)定國際通用的域名。頂級(jí)域名劃分采用組織模式和地理模式兩種劃分模式。有7個(gè)域?qū)?yīng)于組織模式，隨著Internet的發(fā)展而壯大，其余的域?qū)?yīng)于地理

9、模式，如cn代表中國，us代表美國，jp代表日本等。組織模式下頂級(jí)域名的含義如表1-1所示：共三十一頁 互聯(lián)網(wǎng)的域名(y mn)管理機(jī)構(gòu)將頂級(jí)域的管理權(quán)分派給指定的管理機(jī)構(gòu)，各管理機(jī)構(gòu)對(duì)其管理的域繼續(xù)進(jìn)行劃分，即劃分成二級(jí)域，并將二級(jí)域的管理權(quán)授予其下屬的管理機(jī)構(gòu)，依次類推。共三十一頁3URL URL譯為“統(tǒng)一資源定位符”，是網(wǎng)頁的地址。Internet上的每一個(gè)網(wǎng)頁都具有一個(gè)唯一的名稱標(biāo)識(shí)，通常稱之為URL地址。簡(jiǎn)單地說，URL就是Web地址，俗稱“網(wǎng)址”。 URL由三部分組成(z chn)：協(xié)議類型，主機(jī)名和路徑及文件名。通過URL可以指定的主要有以下幾種：http、ftp、gopher、

10、telnet、file等。 （1）scheme（Internet資源類型）：指定使用的傳輸協(xié)議。如“http:/”表示W(wǎng)WW服務(wù)器，“ftp:/”表示FTP 服務(wù)器, “gopher:/”表示Gopher服務(wù)器, 而“new:”表示newgroup新聞組。最常用的是HTTP協(xié)議，它也是目前WWW中應(yīng)用最廣的協(xié)議。共三十一頁（2）hostname（服務(wù)器地址或者說主機(jī)名）：是指存放資源(zyun)的服務(wù)器的域名系統(tǒng) (DNS) 主機(jī)名或 IP 地址。有時(shí)，在主機(jī)名前也可以包含連接到服務(wù)器所需的用戶名和密碼（格式：username:password）。（3）port（端口號(hào)）：整數(shù)，可選，省略時(shí)使

11、用方案的默認(rèn)端口，各種傳輸協(xié)議都有默認(rèn)的端口號(hào)，如http的默認(rèn)端口為80。如果輸入時(shí)省略，則使用默認(rèn)端口號(hào)。有時(shí)候出于安全或其他考慮，可以在服務(wù)器上對(duì)端口進(jìn)行重定義，即采用非標(biāo)準(zhǔn)端口號(hào)，此時(shí)，URL中就不能省略端口號(hào)這一項(xiàng)。（4）path（路徑）：由零或多個(gè)“/”符號(hào)隔開的字符串，一般用來表示主機(jī)上的一個(gè)目錄或文件地址。 URL地址格式為：“scheme:/host:port/path”，如“4:8080/user”就是一個(gè)典型的URL地址。共三十一頁任務(wù)4：理解(lji)幾種Internet通信協(xié)議 1什么是協(xié)議 計(jì)算機(jī)通信網(wǎng)是由許多具有信息交換和處理能力的節(jié)點(diǎn)互連而成的。要使整個(gè)網(wǎng)絡(luò)有條

12、不紊地工作，就要求每個(gè)節(jié)點(diǎn)必須遵守一些事先(shxin)約定好的有關(guān)數(shù)據(jù)格式及時(shí)序等的規(guī)則。這些為實(shí)現(xiàn)網(wǎng)絡(luò)數(shù)據(jù)交換而建立的規(guī)則、約定或標(biāo)準(zhǔn)就稱為網(wǎng)絡(luò)協(xié)議。簡(jiǎn)言之，協(xié)議就是通信雙方為了實(shí)現(xiàn)通信而設(shè)計(jì)的約定或通話規(guī)則。共三十一頁2Internet通信協(xié)議 Internet協(xié)議（Internet Protocol），是一個(gè)協(xié)議簇的總稱，其本身并不是任何協(xié)議。Internet協(xié)議一般指文件傳輸協(xié)議、電子郵件協(xié)議、超文本傳輸協(xié)議、通信協(xié)議等。（1）文件傳輸協(xié)議（FTP）中文簡(jiǎn)稱為“文傳協(xié)議”。 是用于Internet上的控制文件的雙向傳輸。同時(shí)，它也是一個(gè)應(yīng)用程序(chngx)（Application）

13、。用戶可以通過它把自己的計(jì)算機(jī)與世界各地所有運(yùn)行FTP協(xié)議的服務(wù)器相連，訪問服務(wù)器上的大量程序(chngx)和信息。共三十一頁 FTP的主要作用(zuyng)，就是讓用戶連接上一個(gè)遠(yuǎn)程計(jì)算機(jī)（這些計(jì)算機(jī)上運(yùn)行著FTP服務(wù)器程序）察看遠(yuǎn)程計(jì)算機(jī)有哪些文件，然后把文件從遠(yuǎn)程計(jì)算機(jī)上拷貝（下載）到本地計(jì)算機(jī)，或把本地計(jì)算機(jī)的文件送（上傳）到遠(yuǎn)程計(jì)算機(jī)去，如圖1-9所示。共三十一頁（2）電子郵件協(xié)議 一臺(tái)郵件(yujin)接收服務(wù)器和一臺(tái)郵件(yujin)發(fā)送服務(wù)器。當(dāng)你給別人發(fā)送郵件(yujin)時(shí)，使用的是簡(jiǎn)單郵件(yujin)傳輸協(xié)議（SMTP）；當(dāng)你接收郵件(yujin)時(shí)，使用的是郵局協(xié)議（

14、POP，現(xiàn)在是POP3）和Internet信息存取協(xié)議（IMAP）。共三十一頁（3）超文本傳輸協(xié)議（HTTP協(xié)議） 超文本傳輸協(xié)議HTTP是一組在Web上傳輸文件的規(guī)則，例如文本、圖形圖像、聲音、視頻和其他多媒體文件。 網(wǎng)頁瀏覽器和網(wǎng)頁服務(wù)器通常使用這一協(xié)議。當(dāng)網(wǎng)頁瀏覽器用戶輸入網(wǎng)址或點(diǎn)擊超級(jí)鏈接的方式請(qǐng)求一個(gè)文件的時(shí)候，瀏覽器便建立一個(gè)HTTP請(qǐng)求并把它發(fā)送到服務(wù)器，目標(biāo)機(jī)器上的網(wǎng)頁服務(wù)器收到請(qǐng)求后進(jìn)行必要的處理(chl)，再將被請(qǐng)求的文件和相關(guān)的媒體文件發(fā)送出去，進(jìn)行應(yīng)答。如圖1-10所示。共三十一頁（4）通信協(xié)議 目前常見的通信協(xié)議主要有：NetBEUI、IPX/SPX、NWLink、T

15、CP/IP，在這幾種(j zhn)協(xié)議中用得最多、最為復(fù)雜的是TCP/IP協(xié)議。共三十一頁 NetBEUI協(xié)議：全稱是：NetBIOS Extend User Interface，即用戶擴(kuò)展接口，它是由IBM于1985年公司開發(fā)的，是一種體積小、效率高、速度(sd)快的通信協(xié)議，同時(shí)它也是微軟最為喜愛的一種協(xié)議。它主要適用于早期的微軟操作系統(tǒng)如：DOS、LAN Manager、Windows3.x和Windows for Workgroup 。 NetBEUI也有它的局限性，NetBEUI是專門為幾臺(tái)到幾百多臺(tái)所組成的單段網(wǎng)絡(luò)而設(shè)計(jì)的，它不具有跨網(wǎng)段工作的能力，也就是說它不具有“路由”功能，如

16、果您在服務(wù)器或工作站上安裝了多個(gè)網(wǎng)卡作網(wǎng)橋時(shí)，將不能使用NetBEUI作為通信協(xié)議。共三十一頁 IPX/SPX協(xié)議：全稱為：Internetwork Packet Exchange/Sequences Packet Exchange，網(wǎng)際包交換/順序包交換。它是NOVELL公司為了(wi le)適應(yīng)網(wǎng)絡(luò)的發(fā)展而開發(fā)的通信協(xié)議，它的體積比較大，但它在復(fù)雜環(huán)境下有很強(qiáng)的適應(yīng)性，同時(shí)它也具有“路由”功能，能實(shí)現(xiàn)多網(wǎng)段間的跨段通信。當(dāng)用戶接入的是NetWare服務(wù)器時(shí)，IPX/SPX及其兼容協(xié)議應(yīng)是最好的選擇。但在Windows環(huán)境中一般不用它，特別要強(qiáng)調(diào)的是在NT網(wǎng)絡(luò)和WIN9X對(duì)等網(wǎng)中無法直接用I

17、PX/SPX進(jìn)行通信。共三十一頁 TCP/IP協(xié)議： 即傳輸控制協(xié)議/網(wǎng)際協(xié)議。它是微軟公司為了適應(yīng)不斷發(fā)展的網(wǎng)絡(luò)，實(shí)現(xiàn)自己主流(zhli)操作系統(tǒng)與其他系統(tǒng)間不同網(wǎng)絡(luò)的互連而收購開發(fā)的，它是目前最常用的一種Internet通信協(xié)議，也是網(wǎng)絡(luò)通信協(xié)議的一種通信標(biāo)準(zhǔn)協(xié)議，同時(shí)它也是最復(fù)雜、最為龐大的一種協(xié)議。TCP/IP是用于計(jì)算機(jī)通信的一組協(xié)議，我們通常稱它為TCP/IP協(xié)議族。它是70年代中期美國國防部為其ARPANET廣域網(wǎng)開發(fā)的網(wǎng)絡(luò)體系結(jié)構(gòu)和協(xié)議標(biāo)準(zhǔn)，以它為基礎(chǔ)組建的Internet是目前國際上規(guī)模最大的計(jì)算機(jī)網(wǎng)絡(luò)，正因?yàn)镮nternet的廣泛使用，使得TCP/IP成了事實(shí)上的標(biāo)準(zhǔn)。之所以說TCP/IP是一個(gè)協(xié)議族，是因?yàn)門CP/IP協(xié)議包括TCP、IP、UDP、ICMP、RIP、TELNETFTP、SMTP、ARP、TFTP等許多協(xié)議，這些協(xié)議一起稱為TCP/IP協(xié)議。共三十一頁 再見(zijin)!共三十一頁內(nèi)容摘要Web編程術(shù)PH