《Dreamweaver CS5網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)例教程》課件-第1章 概述

第一章概述第一章概述在建立網(wǎng)站之前，首先要了解Internet基礎(chǔ)知識(shí)、網(wǎng)站的工作原理、網(wǎng)站的架構(gòu)、常用的開(kāi)發(fā)語(yǔ)言等基本概念。1.1Internet簡(jiǎn)介Internet(因特網(wǎng)或互聯(lián)網(wǎng))是一個(gè)全球性的巨大計(jì)算機(jī)網(wǎng)絡(luò)體系Internet的主要功能如下。1．電子郵件服務(wù)電子郵件服務(wù)是Internet的一個(gè)基本服務(wù)。通過(guò)電子郵箱．用戶可以方便、快速地在Internet上交換電子郵件、查詢信息、加入有關(guān)的公告、討論和辯論組。2．遠(yuǎn)程登錄服務(wù)遠(yuǎn)程登錄是指在網(wǎng)絡(luò)通信協(xié)議Telnet的支持下，用戶的計(jì)算機(jī)成為遠(yuǎn)程計(jì)算機(jī)的仿真終端。使用Telnet可以共享計(jì)算機(jī)資源，獲取有關(guān)信息。3．文件傳輸服務(wù)文件傳輸服務(wù)允許用戶將一臺(tái)計(jì)算機(jī)上的文件傳送到另一臺(tái)上。使用FTP(FileTransferProtocol，文件傳輸協(xié)議)幾乎可以傳送任何類(lèi)型的文件,如文本文件、圖像文件、聲音文件和壓縮文件、可執(zhí)行文件等。4．萬(wàn)維網(wǎng)服務(wù)萬(wàn)維網(wǎng)是一個(gè)大規(guī)模的、聯(lián)機(jī)式的信息儲(chǔ)藏所，它利用鏈接可使用戶找到另一個(gè)文檔，這些文檔可以位于世界上任何一個(gè)接在因特網(wǎng)上的超文本系統(tǒng)中。用戶僅需要輸入一個(gè)域名，WWW就會(huì)自動(dòng)完成。1.2網(wǎng)站的域名與IP地址域名(DomainName)是由一種標(biāo)準(zhǔn)的命名方式來(lái)用標(biāo)識(shí)Internet上每一臺(tái)計(jì)算機(jī)，包括服務(wù)器和普通的客戶端pc機(jī)一個(gè)完整的域名通常由兩段或兩段以上字符構(gòu)成，各個(gè)段之間用英文句點(diǎn)“.”分隔，級(jí)別最低的域名寫(xiě)在最左邊，而級(jí)別最高的域名寫(xiě)在最右邊。如域名，其中com部分是頂級(jí)域名或一級(jí)域名，baidu部分是二級(jí)域名，www部分是三級(jí)域名，若左邊部分還有，則稱為四級(jí)域名，依此類(lèi)推。由多級(jí)域名組成的完整域名總共不超過(guò)255個(gè)宇符。在windows下，域名與IP地址之間的關(guān)系可以用ping命令直接獲取，如圖所示。1.3Web服務(wù)器Web服務(wù)器也稱為WWW(WORLDWIDEWEB)服務(wù)器，一般指網(wǎng)站服務(wù)器，是指駐留于因特網(wǎng)上某種類(lèi)型計(jì)算機(jī)的程序，可以向?yàn)g覽器等Web客戶端提供文檔，也可以放置網(wǎng)站文件，讓全世界瀏覽；可以放置數(shù)據(jù)文件，讓全世界下載1、Web服務(wù)器特點(diǎn)(1)服務(wù)器是一種被動(dòng)程序,只有當(dāng)Internet上運(yùn)行其他計(jì)算機(jī)中的瀏覽器發(fā)出的請(qǐng)求時(shí)，服務(wù)器才會(huì)響應(yīng),Web服務(wù)器是可以向發(fā)出請(qǐng)求的瀏覽器提供文檔的程序。(2)Web服務(wù)器，是一臺(tái)在Internet上具有獨(dú)立IP地址的計(jì)算機(jī)，可以向Internet上的客戶機(jī)提供WWW、Email和FTP等各種Internet服務(wù)。(3)Web服務(wù)器是指駐留于因特網(wǎng)上某種類(lèi)型計(jì)算機(jī)的程序。當(dāng)Web瀏覽器（客戶端）連到服務(wù)器上并請(qǐng)求文件時(shí)，服務(wù)器將處理該請(qǐng)求并將文件反饋到該瀏覽器上，附帶的信息會(huì)告訴瀏覽器如何查看該文件（即文件類(lèi)型）。服務(wù)器使用HTTP（超文本傳輸協(xié)議）與客戶機(jī)瀏覽器進(jìn)行信息交流，這就是人們常把它們稱為HTTP服務(wù)器的原因。(4)Web服務(wù)器不僅能夠存儲(chǔ)信息，還能在用戶通過(guò)Web瀏覽器提供的信息的基礎(chǔ)上運(yùn)行腳本和程序。2、Web服務(wù)器工作原理

Web服務(wù)器的工作原理并不復(fù)雜，一般可分成如下4個(gè)步驟：連接過(guò)程、請(qǐng)求過(guò)程、應(yīng)答過(guò)程以及關(guān)閉連接。3、Web服務(wù)器--IISMicrosoft的Web服務(wù)器產(chǎn)品為InternetInformationServices（IIS），IIS是允許在公共Intranet或Internet上發(fā)布信息的Web服務(wù)器。ⅡS是目前最流行的Web服務(wù)器產(chǎn)品之一，很多著名的網(wǎng)站都是建立在ⅡS的平臺(tái)上。IIS提供了一個(gè)圖形界面的管理工具，稱為Internet服務(wù)管理器，可用于監(jiān)視配置和控制Internet服務(wù)。1.4網(wǎng)站的工作原理所有的網(wǎng)站都具有相同的體系結(jié)構(gòu)，即WWW客戶端/服務(wù)器體系結(jié)構(gòu)。本節(jié)主要從網(wǎng)站的訪問(wèn)方式、工作過(guò)程來(lái)介紹有關(guān)網(wǎng)站的工作原理。1、網(wǎng)絡(luò)的訪問(wèn)方式連接到Internet上的用戶主要有兩種類(lèi)型：一種是最終用戶，主要使用Internet的各種服務(wù)；另一種是Internet服務(wù)提供商(InternetServerProvider，ISP)，主要通過(guò)高檔計(jì)算機(jī)系統(tǒng)和通信設(shè)施連接Internet，為最終用戶提供各項(xiàng)Internet服務(wù)，收取服務(wù)費(fèi)用。2、網(wǎng)站的工作過(guò)程WWW客戶端和服務(wù)器可以位于Internet的任何位置，它們之間利用標(biāo)準(zhǔn)的HTTP協(xié)議進(jìn)行通信。根據(jù)服務(wù)器的工作狀況可以分為靜態(tài)網(wǎng)站和動(dòng)態(tài)網(wǎng)站兩大類(lèi)。1.5網(wǎng)站的B/S架構(gòu)B/S結(jié)構(gòu)（Browser/Server，瀏覽器/服務(wù)器模式），是WEB興起后的一種網(wǎng)絡(luò)結(jié)構(gòu)模式。B/S結(jié)構(gòu)是對(duì)C/S(Client/Server)結(jié)構(gòu)的一種改進(jìn)。從本質(zhì)上說(shuō)，B/S結(jié)構(gòu)也是一種C/S結(jié)構(gòu)，它可看作是一種由傳統(tǒng)的二層模式C/S結(jié)構(gòu)發(fā)展而來(lái)的三層模式C/S結(jié)構(gòu)在Web上應(yīng)用的特例。1.5.1、B/S結(jié)構(gòu)的主要優(yōu)點(diǎn)

(1)B/S建立在瀏覽器上，有更加豐富和生動(dòng)的表現(xiàn)方式與用戶交流,并且大部分難度減低，減低開(kāi)發(fā)成本。(2)具有分布性特點(diǎn)，可以隨時(shí)隨地進(jìn)行查詢、瀏覽等業(yè)務(wù)處理。(3)擴(kuò)展簡(jiǎn)單方便，通過(guò)增加網(wǎng)頁(yè)即可增加服務(wù)區(qū)功能。(4)維護(hù)和升級(jí)簡(jiǎn)單方便，只需要改變網(wǎng)頁(yè)即可實(shí)現(xiàn)所有用戶的同步更新，所有的維護(hù)和升級(jí)操作只需要針對(duì)服務(wù)器進(jìn)行。(5)開(kāi)發(fā)簡(jiǎn)單，共享性強(qiáng)。1.5.2、B/S結(jié)構(gòu)的主要缺點(diǎn)

(1)個(gè)性化特點(diǎn)明顯降低，無(wú)法實(shí)現(xiàn)具有個(gè)性化的功能要求。(2)操作是以鼠標(biāo)為基本操作方式，無(wú)法滿足快速操作的要求。(3)頁(yè)面動(dòng)態(tài)刷新，響應(yīng)速度明顯降低。(4)無(wú)法實(shí)現(xiàn)分頁(yè)顯示，給數(shù)據(jù)庫(kù)訪問(wèn)造成較大壓力。(5)功能弱化，難以實(shí)現(xiàn)傳統(tǒng)模式下的特殊功能要求1.6網(wǎng)站編程語(yǔ)言隨著網(wǎng)站的普及，與Web相關(guān)的開(kāi)發(fā)技術(shù)不斷更新，從前端到后臺(tái)，從標(biāo)記語(yǔ)言到開(kāi)發(fā)語(yǔ)言，各種技術(shù)交相輝映，沉沉浮浮，從開(kāi)始簡(jiǎn)單的html到復(fù)雜的web開(kāi)發(fā)語(yǔ)言。目前Web服務(wù)器端編程語(yǔ)言主要有HTML5和CSS3、ASP、PHP、JSP、ASP.NET及CGI等。1、HTML5HTML5是用于取代1999年制定的HTML4.01和XHTML1.0標(biāo)準(zhǔn)的HTML標(biāo)準(zhǔn)版本?，F(xiàn)在仍處于發(fā)展階段，但大部分瀏覽器已經(jīng)支持某些HTML5技術(shù)。HTML5有兩大特點(diǎn)：首先，強(qiáng)化了Web網(wǎng)頁(yè)的表現(xiàn)性能。其次，追加了本地?cái)?shù)據(jù)庫(kù)等Web應(yīng)用的功能；HTML5具有如下特性1)語(yǔ)義特性（Class：Semantic）HTML5會(huì)賦予網(wǎng)頁(yè)更好的意義和結(jié)構(gòu)，構(gòu)建對(duì)程序、對(duì)用戶更有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)Web。2)本地存儲(chǔ)特性（Class:OFFLINE&STORAGE）基于HTML5開(kāi)發(fā)的網(wǎng)頁(yè)APP擁有更短的啟動(dòng)時(shí)間，更快的聯(lián)網(wǎng)速度。3)設(shè)備兼容特性(Class:DEVICEACCESS)4)連接特性（Class:CONNECTIVITY）5)網(wǎng)頁(yè)多媒體特性(Class:MULTIMEDIA)支持Audio、Video等多媒體功能，與網(wǎng)站自帶的APPS、攝像頭、影音功能相得益彰。6)三維、圖形、特效特性（Class:3D,Graphics&Effects）基于SVG、Canvas、WebGL、CSS3的3D功能，給用戶呈現(xiàn)出震撼的視覺(jué)