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

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

Web服務(wù)器的工作原理并不復(fù)雜，一般可分成如下4個(gè)步驟：連接過程、請求過程、應(yīng)答過程以及關(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的平臺上。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)站的訪問方式、工作過程來介紹有關(guān)網(wǎng)站的工作原理。1、網(wǎng)絡(luò)的訪問方式連接到Internet上的用戶主要有兩種類型：一種是最終用戶，主要使用Internet的各種服務(wù)；另一種是Internet服務(wù)提供商(InternetServerProvider，ISP)，主要通過高檔計(jì)算機(jī)系統(tǒng)和通信設(shè)施連接Internet，為最終用戶提供各項(xiàng)Internet服務(wù)，收取服務(wù)費(fèi)用。2、網(wǎng)站的工作過程WWW客戶端和服務(wù)器可以位于Internet的任何位置，它們之間利用標(biāo)準(zhǔn)的HTTP協(xié)議進(jìn)行通信。根據(jù)服務(wù)器的工作狀況可以分為靜態(tài)網(wǎng)站和動態(tài)網(wǎng)站兩大類。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)是對C/S(Client/Server)結(jié)構(gòu)的一種改進(jìn)。從本質(zhì)上說，B/S結(jié)構(gòu)也是一種C/S結(jié)構(gòu)，它可看作是一種由傳統(tǒng)的二層模式C/S結(jié)構(gòu)發(fā)展而來的三層模式C/S結(jié)構(gòu)在Web上應(yīng)用的特例。1.5.1、B/S結(jié)構(gòu)的主要優(yōu)點(diǎn)

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

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