Web程序設(shè)計(jì)概述

Web編程術(shù)—PHP+MySQL動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)第1章Web程序設(shè)計(jì)概述1.1初識(shí)Web程序設(shè)計(jì)任務(wù)1:初步了解Web的工作原理1.什么是WebWeb是存儲(chǔ)在Internet計(jì)算機(jī)中、數(shù)量巨大的文檔集合。這些文檔稱為頁(yè)面，它是一種超文本（Hypertext）信息，可以用于描述超媒體（Hypermedia）。Web頁(yè)面就是我們?cè)跒g覽器里看到的網(wǎng)頁(yè)，它組織在一個(gè)文件中，文件的位置在瀏覽器的地址欄中采用URL規(guī)則指定。2．Web工作原理從本質(zhì)上講，Web是基于客戶機(jī)-服務(wù)器的一種體系結(jié)構(gòu)，一般用戶的計(jì)算機(jī)稱為客戶機(jī)，用于提供服務(wù)的機(jī)器稱為服務(wù)器。如圖1-1所示?？蛻魴C(jī)向服務(wù)器發(fā)送請(qǐng)求，要求執(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ù)庫(kù)應(yīng)采用3層客戶機(jī)-服務(wù)器結(jié)構(gòu)，也稱為B-S-D（Browser-Server-DatabaseServer）結(jié)構(gòu)。第1層為瀏覽器，第2層為Web服務(wù)器，第3層為數(shù)據(jù)庫(kù)服務(wù)器。如圖1-2所示。任務(wù)2：了解Web頁(yè)面1．什么是Web頁(yè)Web頁(yè)（Webpage），即是我們俗稱的網(wǎng)頁(yè)。是網(wǎng)站中的一頁(yè)，通常是HTML格式（文件擴(kuò)展名為.html、.htm、.asp、.aspx、.php或.jsp等）。Web頁(yè)中可以嵌入文本、圖形、音頻、視頻等信息，是一種多媒體作品。HTML本身只能描述靜態(tài)的Web頁(yè)面。但在HTML中可以嵌入Java、JavaScript、ActiveX、VBScript、VRML等語(yǔ)言，以完成復(fù)雜的任務(wù)。打開一個(gè)網(wǎng)頁(yè)后（如圖1-3所示），選擇“查看”菜單中的“源文件”，就可以通過(guò)記事本看到網(wǎng)頁(yè)的實(shí)際內(nèi)容。我們可以看到，網(wǎng)頁(yè)實(shí)際上只是一個(gè)純文本文件（如圖1-4所示），它通過(guò)各式各樣的標(biāo)記對(duì)頁(yè)面上的文字、圖片、表格、聲音等元素進(jìn)行描述（例如字體、顏色、大?。?，而瀏覽器則對(duì)這些標(biāo)記進(jìn)行解釋并生成頁(yè)面，于是就得到你現(xiàn)在所看到的畫面。2．Web頁(yè)的基本組成元素（1）網(wǎng)頁(yè)中的文本文本是網(wǎng)頁(yè)中最基本的元素，也是網(wǎng)頁(yè)的主體，規(guī)劃合理、美觀的文本能帶給瀏覽者一種清新的感覺(jué)。文本的添加方式既可以手工逐字逐句地輸入，也可以把別的應(yīng)用程序中的文本直接粘貼到網(wǎng)頁(yè)編輯窗口中。在網(wǎng)頁(yè)中輸入文本時(shí)，除需要設(shè)計(jì)與頁(yè)面搭配的美觀字體外，還需要設(shè)置一種默認(rèn)的字體，以便在用戶電腦不支持這種字體時(shí)可以使用其他指定的字體替代。此外，文本的大小、顏色和其他樣式也需要仔細(xì)考慮，然后再配合精美的圖片，才能創(chuàng)造精美的頁(yè)面。如圖1-5所示即為搜狐新聞的文字風(fēng)格。（2）網(wǎng)頁(yè)中的圖片如圖1-6所示即為某公司的宣傳網(wǎng)站頁(yè)面，在頁(yè)面中文本搭配了適當(dāng)?shù)膱D片，使得頁(yè)面極具美食誘惑。（3）網(wǎng)頁(yè)中的動(dòng)畫一個(gè)引人注目的網(wǎng)站，僅有文字和圖片是遠(yuǎn)遠(yuǎn)不夠的，也很難吸引瀏覽者的目光。適當(dāng)?shù)靥砑右恍┚赖木W(wǎng)絡(luò)動(dòng)畫，不僅可以讓網(wǎng)頁(yè)如虎添翼，而且可以使展示的內(nèi)容變得栩栩如生。如圖1-7所示即為某公司網(wǎng)頁(yè)中的動(dòng)畫。（4）其他元素絕大多數(shù)網(wǎng)站還需要有一個(gè)屬于自己的漂亮的Logo。Logo就是網(wǎng)站的形象標(biāo)志，網(wǎng)站Logo就是指網(wǎng)站標(biāo)志，像公司名片上印上的公司標(biāo)志一樣，通常企業(yè)網(wǎng)站的Logo與公司標(biāo)志相同。對(duì)于某些具有商業(yè)性質(zhì)的網(wǎng)站而言，在主頁(yè)面或?yàn)g覽量較大的頁(yè)面上還會(huì)有一些Banner。Banner是指橫幅廣告或通欄廣告，在網(wǎng)頁(yè)中，除了小圖片、圖標(biāo)和文字外，通常還有一個(gè)占較大篇幅和重要位置的廣告位，往往稱其為Banner。1.2網(wǎng)絡(luò)術(shù)語(yǔ)與Internet通信協(xié)議任務(wù)3：理解IP地址、域名和URLA類地址用于規(guī)模很大、主機(jī)數(shù)目非常多的網(wǎng)絡(luò)。A類地址第1字節(jié)為網(wǎng)絡(luò)地址，網(wǎng)絡(luò)地址范圍為1~126，后面X.Y.Z為主機(jī)地址。B類地址用于中型到大型的網(wǎng)絡(luò)。B類地址前面2字節(jié)為網(wǎng)絡(luò)地址，網(wǎng)絡(luò)地址范圍為128.X~191.X，后面Y.Z為主機(jī)地址。C類地址用于小型本地網(wǎng)絡(luò)。C類地址前面3個(gè)字節(jié)為網(wǎng)絡(luò)地址，網(wǎng)絡(luò)地址范圍為192.X.Y~223.X.Y，后面Z為主機(jī)地址。主機(jī)地址不能取0和255兩個(gè)數(shù)。2．域名IP地址是數(shù)字化的，比較難記，所以有人發(fā)明了一種新方法來(lái)代替這種數(shù)字，即“域名”地址，域名由幾個(gè)英文單詞組成，如，其中cn代表中國(guó)（China），com代表商業(yè)網(wǎng)，sina代表新浪，www代表互聯(lián)網(wǎng)（或稱萬(wàn)維網(wǎng)WorldWideWeb），整個(gè)域名合起來(lái)就是新浪網(wǎng)站的地址。域名地址和用數(shù)字表示的IP地址實(shí)際上代表同一個(gè)內(nèi)容，只是形式上不同而已。在訪問(wèn)一個(gè)站點(diǎn)的時(shí)候，可以輸入整個(gè)站點(diǎn)用數(shù)字表示的IP地址，也可以輸入它的域名地址.當(dāng)輸入一個(gè)域名地址時(shí)，域名服務(wù)器就會(huì)搜索其對(duì)應(yīng)的IP地址，然后訪問(wèn)到該地址所表示的站點(diǎn)。

Internet中的域名采用分級(jí)命名機(jī)制，其基本結(jié)構(gòu)如下：計(jì)算機(jī)名.三級(jí)域名.二級(jí)域名.頂級(jí)域名下面介紹域名劃分方式。首先DNS將整個(gè)Internet劃分成多個(gè)域，稱為頂級(jí)域，并為每個(gè)頂級(jí)域規(guī)定國(guó)際通用的域名。頂級(jí)域名劃分采用組織模式和地理模式兩種劃分模式。有7個(gè)域?qū)?yīng)于組織模式，隨著Internet的發(fā)展而壯大，其余的域?qū)?yīng)于地理模式，如cn代表中國(guó)，us代表美國(guó)，jp代表日本等。組織模式下頂級(jí)域名的含義如表1-1所示：互聯(lián)網(wǎng)的域名管理機(jī)構(gòu)將頂級(jí)域的管理權(quán)分派給指定的管理機(jī)構(gòu)，各管理機(jī)構(gòu)對(duì)其管理的域繼續(xù)進(jìn)行劃分，即劃分成二級(jí)域，并將二級(jí)域的管理權(quán)授予其下屬的管理機(jī)構(gòu)，依次類推。3．URLURL譯為“統(tǒng)一資源定位符”，是網(wǎng)頁(yè)的地址。Internet上的每一個(gè)網(wǎng)頁(yè)都具有一個(gè)唯一的名稱標(biāo)識(shí)，通常稱之為URL地址。簡(jiǎn)單地說(shuō)，URL就是Web地址，俗稱“網(wǎng)址”。URL由三部分組成：協(xié)議類型，主機(jī)名和路徑及文件名。通過(guò)URL可以指定的主要有以下幾種：http、ftp、gopher、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ù)器地址或者說(shuō)主機(jī)名）：是指存放資源的服務(wù)器的域名系統(tǒng)(DNS)主機(jī)名或IP地址。有時(shí)，在主機(jī)名前也可以包含連接到服務(wù)器所需的用戶名和密碼（格式：username:password）。（3）port（端口號(hào)）：整數(shù)，可選，省略時(shí)使用方案的默認(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)隔開的字符串，一般用來(lái)表示主機(jī)上的一個(gè)目錄或文件地址。URL地址格式為：“scheme://host:port/path”，如“4:8080/user”就是一個(gè)典型的URL地址。任務(wù)4：理解幾種Internet通信協(xié)議

1．什么是協(xié)議計(jì)算機(jī)通信網(wǎng)是由許多具有信息交換和處理能力的節(jié)點(diǎn)互連而成的。要使整個(gè)網(wǎng)絡(luò)有條不紊地工作，就要求每個(gè)節(jié)點(diǎn)必須遵守一些事先約定好的有關(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ī)則。2．Internet通信協(xié)議Internet協(xié)議（InternetProtocol），是一個(gè)協(xié)議簇的總稱，其本身并不是任何協(xié)議。Internet

協(xié)議一般指文件傳輸協(xié)議、電子郵件協(xié)議、超文本傳輸協(xié)議、通信協(xié)議等。（1）文件傳輸協(xié)議（FTP）中文簡(jiǎn)稱為“文傳協(xié)議”。是用于Internet上的控制文件的雙向傳輸。同時(shí)，它也是一個(gè)應(yīng)用程序（Application）。用戶可以通過(guò)它把自己的計(jì)算機(jī)與世界各地所有運(yùn)行FTP協(xié)議的服務(wù)器相連，訪問(wèn)服務(wù)器上的大量程序和信息。FTP的主要作用，就是讓用戶連接上一個(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)郵件接收服務(wù)器和一臺(tái)郵件發(fā)送服務(wù)器。當(dāng)你給別人發(fā)送郵件時(shí)，使用的是簡(jiǎn)單郵件傳輸協(xié)議（SMTP）；當(dāng)你接收郵件時(shí)，使用的是郵局協(xié)議（POP，現(xiàn)在是POP3）和Internet信息存取協(xié)議（IMAP）。（3）超文本傳輸協(xié)議（HTTP協(xié)議）超文本傳輸協(xié)議HTTP是一組在Web上傳輸文件的規(guī)則，例如文本、圖形圖像、聲音、視頻和其他多媒體文件。網(wǎng)頁(yè)瀏覽器和網(wǎng)頁(yè)服務(wù)器通常使用這一協(xié)議。當(dāng)網(wǎng)頁(yè)瀏覽器用戶輸入網(wǎng)址或點(diǎn)擊超級(jí)鏈接的方式請(qǐng)求一個(gè)文件的時(shí)候，瀏覽器便建立一個(gè)HTTP請(qǐng)求并把它發(fā)送到服務(wù)器，目標(biāo)機(jī)器上的網(wǎng)頁(yè)服務(wù)器收到請(qǐng)求后進(jìn)行必要的處理，再將被請(qǐng)求的文件和相關(guān)的媒體文件發(fā)送出去，進(jìn)行應(yīng)答。如圖1-10所示。（4）通信協(xié)議目前常見(jiàn)的通信協(xié)議主要有：NetBEUI、IPX/SPX、NWLink、TCP/IP，在這幾種協(xié)議中用得最多、最為復(fù)雜的是TCP/IP協(xié)議。①NetBEUI協(xié)議：全稱是：NetBIOSExtendUserInterface，即用戶擴(kuò)展接口，它是由IBM于1985年公司開發(fā)的，是一種體積小、效率高、速度快的通信協(xié)議，同時(shí)它也是微軟最為喜愛(ài)的一種協(xié)議。它主要適用于早期的微軟操作系統(tǒng)如：DOS、LANManager、Windows3.x和WindowsforWorkgroup。NetBEUI也有它的局限性，NetBEUI是專門為幾臺(tái)到幾百多臺(tái)所組成的單段網(wǎng)絡(luò)而設(shè)計(jì)的，它不具有跨網(wǎng)段工作的能力，也就是說(shuō)它不具有“路由”功能，如果您在服務(wù)器或工作站上安裝了多個(gè)網(wǎng)卡作網(wǎng)橋時(shí)，將不能使用NetBEUI作為通信協(xié)議。②IPX/SPX協(xié)議：全稱為：InternetworkPacketExchange/SequencesPacketExchange，網(wǎng)際包交換/順序包交換。它是NOVELL公司為了適應(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)中無(wú)法直接用IPX/SPX進(jìn)行通信。③TCP/IP協(xié)議：即傳輸控制協(xié)議/網(wǎng)際協(xié)議。它是微軟公司為了適應(yīng)不斷發(fā)展的網(wǎng)絡(luò)，實(shí)現(xiàn)自己主流操作系統(tǒng)與其他系統(tǒng)間不同網(wǎng)絡(luò)的互連而收購(gòu)開發(fā)的，它是目前最常用的一種Internet通信協(xié)議，也是網(wǎng)絡(luò)通信協(xié)議的一種通信標(biāo)準(zhǔn)協(xié)議，同時(shí)它也是最復(fù)雜、最為龐大的