《網(wǎng)頁設(shè)計(jì)與制作》課件-01網(wǎng)頁設(shè)計(jì)與制作理論基礎(chǔ)

網(wǎng)頁設(shè)計(jì)與制作理論基礎(chǔ)因特網(wǎng)與萬維網(wǎng)的概念01統(tǒng)一資源定位器02超文本傳輸協(xié)議03Web瀏覽器與Web服務(wù)器04網(wǎng)站與網(wǎng)頁C/S結(jié)構(gòu)與B/S結(jié)構(gòu)靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁050607目

錄CONTENTS因特網(wǎng)（Internet）指在全球范圍網(wǎng)絡(luò)和網(wǎng)關(guān)的集合體以相互交流信息資源為目的，基于一些共同的協(xié)議，并通過許多路由器和公共互聯(lián)網(wǎng)而成它也是一個(gè)信息資源和資源共享的集合1.因特網(wǎng)與萬維網(wǎng)萬維網(wǎng)（WorldWideWeb）萬維網(wǎng)是無數(shù)個(gè)網(wǎng)絡(luò)站點(diǎn)和網(wǎng)頁的集合，它們在一起構(gòu)成了因特網(wǎng)最主要的部分（因特網(wǎng)也包括電子郵件、Usenet以及新聞組）。它實(shí)際上是多媒體的集合，是由超級鏈接連接而成的。我們通常通過網(wǎng)絡(luò)瀏覽器上網(wǎng)觀看的，就是萬維網(wǎng)的內(nèi)容。1.因特網(wǎng)與萬維網(wǎng)區(qū)別因特網(wǎng)是一個(gè)硬件的網(wǎng)絡(luò)，而萬維網(wǎng)更傾向于一種瀏覽網(wǎng)頁的功能。萬維網(wǎng)是Internet的一部份。它只是建立在Internet上的一種網(wǎng)絡(luò)服務(wù)。我們平常說的上網(wǎng)指的是因特網(wǎng)還是萬維網(wǎng)？PPT下載/xiazai/2.統(tǒng)一資源定位器URL（UniformResourceLocator）用于完整描述Internet上網(wǎng)頁和其他資源的地址的一種標(biāo)識方法。URL目的是為了尋找萬維網(wǎng)中可以訪問的資源（網(wǎng)頁，文件，圖片，電影，音樂），例如：。就像每家每戶都有一個(gè)門牌地址一樣，每個(gè)網(wǎng)頁或資源也都有一個(gè)Internet地址。當(dāng)你輸入一個(gè)URL或是單擊一個(gè)超級鏈接時(shí)，URL就確定了要瀏覽的地址。http://www./blog/index.php協(xié)議

服務(wù)

域名

目錄

文件PPT下載/xiazai/2.統(tǒng)一資源定位器URL常用的協(xié)議類型用于從www服務(wù)器傳輸超文本到本地瀏覽器用于客戶機(jī)和遠(yuǎn)程主機(jī)間文件的上傳和下載http協(xié)議：超文本傳輸協(xié)議ftp協(xié)議：文件傳輸協(xié)議用于訪問本地計(jì)算機(jī)上的文件File協(xié)議：文件協(xié)議PPT下載/xiazai/3.超文本傳送協(xié)議HTTP（hypertexttransportprotocol）詳細(xì)規(guī)定了瀏覽器和萬維網(wǎng)服務(wù)器之間互相通信的規(guī)則，是通過因特網(wǎng)傳送萬維網(wǎng)文檔的數(shù)據(jù)傳送協(xié)議?？蛻魴C(jī)和服務(wù)器必須都支持HTTP，才能在萬維網(wǎng)上發(fā)送和接收HTML文檔并進(jìn)行交互。PPT下載/xiazai/4.

Web瀏覽器與Web服務(wù)器Web瀏覽器用戶獲取萬維網(wǎng)信息的窗口，現(xiàn)代操作系統(tǒng)都會內(nèi)置瀏覽器常見瀏覽器：Chrome、Safari、Opera、IE、Firefox中國互聯(lián)網(wǎng)用戶使用的還有：360、搜狗、QQ等PPT下載/xiazai/4.

Web瀏覽器與Web服務(wù)器Web服務(wù)器廣義：用于運(yùn)行網(wǎng)站及其數(shù)據(jù)庫的計(jì)算機(jī)，包括所有硬件、軟件。只有將開發(fā)的Web項(xiàng)目放置到Web服務(wù)器中，才能使網(wǎng)絡(luò)中的所有用戶通過瀏覽器進(jìn)行訪問。狹義：特指軟件。常見Web服務(wù)器軟件：IIS、Appache、Tomcat、BEAWebLogic。PPT下載/xiazai/5.網(wǎng)站與網(wǎng)頁網(wǎng)站的組成1域名60%2空間80%3源碼PPT下載/xiazai/5.網(wǎng)站與網(wǎng)頁域名（DomainName），是由一串用點(diǎn)分隔的名字組成的Internet上某一臺計(jì)算機(jī)或計(jì)算機(jī)組的名稱，用于在數(shù)據(jù)傳輸時(shí)標(biāo)識計(jì)算機(jī)的位置，例如：，。域名構(gòu)成：

wenku.標(biāo)號“baidu”是這個(gè)域名的主體，而最后的標(biāo)號“com”則是該域名的后綴，代表的這是一個(gè)com國際域名，是頂級域名。而前面的wenku我們稱之為網(wǎng)絡(luò)名（或二級域名）。域名PPT下載/xiazai/5.網(wǎng)站與網(wǎng)頁常見的通用頂級域名：國家代碼頂級域名：cn（中國大陸）、hk（香港）、tw（臺灣）de（德國）eu（歐盟）jp（日本）uk（英國）us（美國）域名PPT下載/xiazai/5.網(wǎng)站與網(wǎng)頁我不是域名，域名只是我的一部分域名PPT下載/xiazai/5.網(wǎng)站與網(wǎng)頁以訪問百度首頁為例網(wǎng)絡(luò)上的每一臺計(jì)算機(jī)和服務(wù)器都有一個(gè)獨(dú)一無二的IP地址。IP地址是數(shù)字標(biāo)識，使用時(shí)難以記憶和書寫，符號化的域名代替數(shù)字型的IP地址，方便記憶。與網(wǎng)絡(luò)上的數(shù)字型IP地址相對應(yīng)的字符型地址，就被稱為域名。IP地址與域名的關(guān)系4PPT下載/xiazai/5.網(wǎng)站與網(wǎng)頁IP指向域名的過程，稱之為IP綁定域名，域名指向IP的過程，稱之為域名解析到IP。

一個(gè)域名同一個(gè)時(shí)刻只能對應(yīng)一個(gè)IP地址。

一臺計(jì)算機(jī)上可以有多個(gè)服務(wù)，也就是一個(gè)ip地址可以對應(yīng)多個(gè)域名。IP地址與域名的關(guān)系PPT下載/xiazai/5.網(wǎng)站與網(wǎng)頁指的是網(wǎng)站運(yùn)行的計(jì)算機(jī)上的存儲空間（硬盤）常見的網(wǎng)站空間為虛擬主機(jī)，計(jì)算機(jī)把一臺運(yùn)行在互聯(lián)網(wǎng)上的服務(wù)器劃分為多個(gè)“虛擬”的服務(wù)器。每個(gè)虛擬主機(jī)都具有獨(dú)立的域名和完整的Internet服務(wù)器。空間PPT下載/xiazai/5.網(wǎng)站與網(wǎng)頁網(wǎng)站中所有文件及文件結(jié)構(gòu)，如：網(wǎng)頁、圖片、視頻、音樂等。源碼PPT下載/xiazai/5.網(wǎng)站與網(wǎng)頁用HTML語言描述的文本文檔，擴(kuò)展名：.html，.asp等。網(wǎng)頁中的圖片、視頻、音樂等內(nèi)容是通過HTML代碼鏈接資源，并被瀏覽器解析后顯示的。所以網(wǎng)頁被稱為超文本文檔。網(wǎng)站是由多個(gè)網(wǎng)頁集合而成，網(wǎng)站開發(fā)就是制作一個(gè)個(gè)的網(wǎng)頁。網(wǎng)頁P(yáng)PT下載/xiazai/6.

C/S結(jié)構(gòu)與B/S結(jié)構(gòu)客戶端要實(shí)現(xiàn)絕大多數(shù)的業(yè)務(wù)邏輯和界面顯示。服務(wù)器端完成數(shù)據(jù)庫管理系統(tǒng)的核心功能。常見軟件：QQ、迅雷等。優(yōu)缺點(diǎn)：優(yōu)勢：很多工作在客戶端處理，降低服務(wù)器負(fù)荷，客戶端響應(yīng)速度快缺陷：客戶端軟件需安裝和升級C/S結(jié)構(gòu)（客戶端/服務(wù)器模式）PPT下載/xiazai/6.

C/S結(jié)構(gòu)與B/S結(jié)構(gòu)極少數(shù)事務(wù)邏輯在前端實(shí)現(xiàn)，主要事務(wù)邏輯在服務(wù)器實(shí)現(xiàn)。瀏覽器通過WebServer同數(shù)據(jù)庫進(jìn)行數(shù)據(jù)交互。優(yōu)缺點(diǎn)：優(yōu)勢：無客戶端軟件，減輕了系統(tǒng)維護(hù)與升級的成本和工作量，通過瀏覽器實(shí)現(xiàn)工作界面。缺陷：依賴服務(wù)器端，服務(wù)器負(fù)荷較重。B/S結(jié)構(gòu)（瀏覽器/服務(wù)器模式）PPT下載/xiazai/7.靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁網(wǎng)頁中只有HTML標(biāo)記，只要WEB開發(fā)人員沒有修改過這些HTML標(biāo)記，頁面內(nèi)容就不會更改。靜態(tài)網(wǎng)頁由HTML、CSS、Javascript等前端開發(fā)語言開發(fā)、后綴為*.html、*.htm等。靜態(tài)網(wǎng)頁P(yáng)PT下載/xiazai/7.靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁網(wǎng)頁中不僅僅包含HTML代碼，還含有程序代碼，可以根據(jù)客戶端輸入不同內(nèi)容來顯示不同的結(jié)果。動態(tài)網(wǎng)頁由前端開發(fā)語言+動態(tài)開發(fā)語言所制作頁。常見動態(tài)網(wǎng)站開發(fā)語言有ASP、PHP、JSP、ASP.NET，對應(yīng)開發(fā)的網(wǎng)頁后綴分別是*.asp、*.php、*.jsp、*.aspx。動態(tài)網(wǎng)頁P(yáng)PT下載/xiazai/7.靜