——Part1網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)國(guó)家中職骨干教師培訓(xùn)課程

網(wǎng)頁(yè)制作第一頁(yè)，共三十七頁(yè)。Part1網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)WWW基礎(chǔ)1網(wǎng)頁(yè)與網(wǎng)站概論2IIS配置管理32第二頁(yè)，共三十七頁(yè)。學(xué)習(xí)重點(diǎn)、難點(diǎn)WWW工作原理1學(xué)習(xí)重點(diǎn)

IIS配置2學(xué)習(xí)難點(diǎn)

返回3第三頁(yè)，共三十七頁(yè)。WWW基礎(chǔ)4第四頁(yè)，共三十七頁(yè)。WWW特點(diǎn)WWW是一種超文本鏈接信息系統(tǒng)WWW是圖形用戶(hù)界面WWW與系統(tǒng)平臺(tái)無(wú)關(guān)WWW是分布式的WWW采用動(dòng)態(tài)網(wǎng)頁(yè)WWW采用交互式瀏覽方式5第五頁(yè)，共三十七頁(yè)。常見(jiàn)WWW術(shù)語(yǔ)（概念）超文本(hypertext）

一種全局性的信息結(jié)構(gòu),它將文檔中的不同部分通過(guò)關(guān)鍵字建立鏈接，使信息得以用交互方式搜索。它是超級(jí)文本的簡(jiǎn)稱(chēng)。超媒體(hypermedia）

超媒體是超文本（hypertext）和多媒體在信息瀏覽環(huán)境下的結(jié)合。它是超級(jí)媒體的簡(jiǎn)稱(chēng)。6第六頁(yè)，共三十七頁(yè)。常見(jiàn)WWW術(shù)語(yǔ)（概念）域名(DN(domainname)

為連到因特網(wǎng)（Web）上的計(jì)算機(jī)所指定的名字。7第七頁(yè)，共三十七頁(yè)。常見(jiàn)WWW術(shù)語(yǔ)（概念）域名服務(wù)器（DNS）

域名服務(wù)器（DomainNameSystem）是Internet網(wǎng)際的機(jī)器名字的命名系統(tǒng)。計(jì)算機(jī)網(wǎng)絡(luò)，最初常見(jiàn)的連接方式是點(diǎn)對(duì)點(diǎn)(PointtoPoint)的，規(guī)模較小，這時(shí)可以使用低級(jí)的硬件地址來(lái)標(biāo)識(shí)機(jī)器。但隨計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，特別是為適應(yīng)網(wǎng)際互聯(lián)的需要，引入了IP地址的概念以及IP地址與物理地址的變換協(xié)議。8第八頁(yè)，共三十七頁(yè)。常見(jiàn)WWW術(shù)語(yǔ)（概念）IPNumber（IP地址，InternetProtocolNumber）

有時(shí)也被稱(chēng)作點(diǎn)數(shù)碼組。這是包含有四個(gè)由點(diǎn)號(hào)隔開(kāi)的部分的特定數(shù)字，例如：9?；ヂ?lián)網(wǎng)上的每一臺(tái)計(jì)算機(jī)都擁有一個(gè)獨(dú)有的IP地址。如果一臺(tái)計(jì)算機(jī)不具有IP地址，那么它實(shí)際上就還沒(méi)有被連入互聯(lián)網(wǎng)。大多數(shù)計(jì)算機(jī)還可以擁有一個(gè)多個(gè)域名，以便于人們記憶。9第九頁(yè)，共三十七頁(yè)。常見(jiàn)WWW術(shù)語(yǔ)（概念）傳輸控制制協(xié)議（TCP，transmissioncontrolprotocol)

TCP/IP網(wǎng)絡(luò)體系結(jié)構(gòu)傳輸層的一咱協(xié)議，用以提供可靠的數(shù)據(jù)傳輸?！队?jì)算機(jī)科學(xué)技術(shù)名詞》（1994已公布）12.199。10第十頁(yè)，共三十七頁(yè)。常見(jiàn)WWW術(shù)語(yǔ)（概念）FTP（文件傳輸協(xié)議，Protocol）

在兩個(gè)互聯(lián)網(wǎng)站點(diǎn)之間傳遞文件時(shí)使用得十分普遍的方法。FTP是登錄到另一互聯(lián)網(wǎng)站點(diǎn)的特殊途徑，其登錄目的在于獲取或是發(fā)送文件?，F(xiàn)在，已經(jīng)有許多互聯(lián)網(wǎng)站點(diǎn)都建立了可供大眾訪(fǎng)問(wèn)的資料庫(kù)，這些資料都可以被通過(guò)FTP獲取。登錄到這些站點(diǎn)可以使用匿名（“anonymous”）帳號(hào)，因而這些站點(diǎn)也就被稱(chēng)作匿名FTP服務(wù)器。11第十一頁(yè)，共三十七頁(yè)。常見(jiàn)WWW術(shù)語(yǔ)（概念）HTTP（超文本傳輸協(xié)議，Hyper-TextTransportProtocol）

用于在互聯(lián)網(wǎng)上傳輸超文本文件的協(xié)議。它對(duì)一個(gè)HTTP客戶(hù)程序和一個(gè)HTTP服務(wù)程序進(jìn)行端對(duì)端的連接。HTTP是在WWW（WWW）上所應(yīng)用的最重要的協(xié)議。12第十二頁(yè)，共三十七頁(yè)。常見(jiàn)WWW術(shù)語(yǔ)（概念）端口（port）

在網(wǎng)絡(luò)技術(shù)中，端口（Port）大致有兩種意思：一是物理意義上的端口，比如，ADSLModem、集線(xiàn)器、交換機(jī)、路由器用于連接其他網(wǎng)絡(luò)設(shè)備的接口，如RJ-45端口、SC端口等等。二是邏輯意義上的端口，一般是指TCP/IP協(xié)議中的端口，端口號(hào)的范圍從0到65535，比如用于瀏覽網(wǎng)頁(yè)服務(wù)的80端口，用于FTP服務(wù)的21端口等等。我們這里將要介紹的就是邏輯意義上的端口。13第十三頁(yè)，共三十七頁(yè)。WWW工作過(guò)程用戶(hù)啟動(dòng)客戶(hù)瀏覽器，輸入U(xiǎn)RL，瀏覽器軟件通過(guò)HTTP向URL所在的Web服務(wù)器發(fā)出服務(wù)請(qǐng)求；服務(wù)器根據(jù)瀏覽器請(qǐng)示，把URL地址轉(zhuǎn)化成頁(yè)面所在服務(wù)器上的文件路徑，找到相應(yīng)的網(wǎng)頁(yè)文件；當(dāng)網(wǎng)頁(yè)中僅包含HTML標(biāo)記，（熟稱(chēng)靜態(tài)頁(yè)面），服務(wù)器直接使用HTTP將該文檔發(fā)送到客戶(hù)端；如果HTML文檔中還包含有JavaScript/VBScript等腳本程序代碼，這些代碼也將隨同HTML文檔一起下載，由瀏覽器執(zhí)行腳本代碼；如網(wǎng)頁(yè)中嵌套有CGI或ASP程序，這些程序?qū)⒂煞?wù)器執(zhí)行，并將運(yùn)行結(jié)果以HTML標(biāo)記形式發(fā)給客戶(hù)端。瀏覽器解釋HTML文檔，并將結(jié)果在客戶(hù)端瀏覽器上向用戶(hù)顯示。

14第十四頁(yè)，共三十七頁(yè)。WWW工作過(guò)程15第十五頁(yè)，共三十七頁(yè)。網(wǎng)頁(yè)包括文本、圖片、鏈接、動(dòng)畫(huà)、音視頻、交互表單等元素。網(wǎng)站由網(wǎng)頁(yè)構(gòu)成，網(wǎng)站的引導(dǎo)網(wǎng)頁(yè)通常稱(chēng)為首頁(yè)。網(wǎng)頁(yè)和網(wǎng)頁(yè)之間通過(guò)超鏈接組織到一起。網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站開(kāi)發(fā)概論16第十六頁(yè)，共三十七頁(yè)。網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站開(kāi)發(fā)概論網(wǎng)頁(yè)與網(wǎng)站網(wǎng)頁(yè)：當(dāng)瀏覽者輸入一個(gè)網(wǎng)站的網(wǎng)址或者單擊某個(gè)鏈接，在瀏覽器里看到的文字、圖片，可能還有動(dòng)畫(huà)、音頻、視頻等內(nèi)容，承載這些內(nèi)容的就是網(wǎng)頁(yè)。如下圖所示。而網(wǎng)站，就是各種各樣內(nèi)容網(wǎng)頁(yè)的集合，有的網(wǎng)站內(nèi)容龐雜，如新浪，網(wǎng)易這樣的門(mén)戶(hù)網(wǎng)站；有的網(wǎng)站可能只有幾個(gè)頁(yè)面，如小型的公司網(wǎng)站，但是它們都是由最基本的網(wǎng)頁(yè)組合起來(lái)的。17第十七頁(yè)，共三十七頁(yè)。網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站開(kāi)發(fā)概論網(wǎng)頁(yè)與網(wǎng)站首頁(yè)：在網(wǎng)站中，有一個(gè)特殊的頁(yè)面，它是瀏覽者輸入某網(wǎng)站的去世后后看到的第一個(gè)頁(yè)面，因此這個(gè)頁(yè)面有一個(gè)專(zhuān)用的名稱(chēng)－Homepage，即首頁(yè)，正因?yàn)橹黜?yè)瀏覽一個(gè)網(wǎng)站的起始頁(yè)面，有的時(shí)候，“主頁(yè)”也就成了“網(wǎng)站”的代名詞，如“個(gè)人主頁(yè)”。18第十八頁(yè)，共三十七頁(yè)。網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站開(kāi)發(fā)概論網(wǎng)頁(yè)基本元素文本：包括字體、字型、顏色、段落設(shè)置以及對(duì)齊方式等。圖片：GIF、JPEG、PNG，矢量格式超級(jí)鏈接：包括文字鏈接和圖片鏈接，只要瀏覽者單擊帶鏈接的圖片或文字，就可以自動(dòng)鏈接上對(duì)應(yīng)的其它文件。動(dòng)畫(huà)：包括GIF動(dòng)畫(huà)和Flash動(dòng)畫(huà)。網(wǎng)頁(yè)特效：網(wǎng)頁(yè)中使用JavaScript、VBScript等腳本語(yǔ)言實(shí)現(xiàn)的各種特殊動(dòng)態(tài)效果，如跟隨鼠標(biāo)移動(dòng)的文字或圖像、下拉菜單、自動(dòng)彈出窗口等，網(wǎng)頁(yè)特效倒網(wǎng)頁(yè)活潑、表現(xiàn)力更強(qiáng)。表單：是一種可以在瀏覽者與服務(wù)器之間進(jìn)行信息“交流”的東西，使用表單可以完成搜索、論壇、發(fā)送電子郵件、在線(xiàn)購(gòu)物等交互功能。音/視頻：隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，網(wǎng)頁(yè)上面不再是單調(diào)的MIDI背景音樂(lè)，豐富多彩的網(wǎng)絡(luò)電視、博客等已經(jīng)開(kāi)始成為網(wǎng)絡(luò)新潮流。19第十九頁(yè)，共三十七頁(yè)。網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站開(kāi)發(fā)概論20第二十頁(yè)，共三十七頁(yè)。網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站開(kāi)發(fā)概論網(wǎng)站開(kāi)發(fā)主流技術(shù)ASP與ASP.NET：

ASP，ActiveServerPage，采用面向?qū)ο蟮木幊谭椒?，無(wú)須編譯和即可執(zhí)行，還可以通過(guò)ActiveX控件擴(kuò)充ASP的功能。支持客戶(hù)端和服務(wù)器端腳本，一般使用VBScript作為默認(rèn)的腳本語(yǔ)言。

ASP.NET是微軟.NET平臺(tái)下的Web應(yīng)用開(kāi)發(fā)環(huán)境，它并不是ASP的簡(jiǎn)單升級(jí)版本，使用了全校的面向?qū)ο蟮腤eb程序設(shè)計(jì)概念。最顯著的特點(diǎn)是實(shí)現(xiàn)HTML界面和服務(wù)器端代碼的分離，更容易實(shí)現(xiàn)界面設(shè)計(jì)與程序開(kāi)發(fā)的分工。ASP.Net支持VB.NET、C#等多種開(kāi)發(fā)語(yǔ)言。21第二十一頁(yè)，共三十七頁(yè)。網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站開(kāi)發(fā)概論網(wǎng)站開(kāi)發(fā)主流技術(shù)JSP：

J2EE（Java

2

Platform,

Enterprise

Edition）平臺(tái)下的一個(gè)Web應(yīng)用開(kāi)發(fā)環(huán)境。JSP能夠適應(yīng)市場(chǎng)85%的服務(wù)器產(chǎn)品。JSP與ASP技術(shù)都提供在HTML代碼中混合某種程序代碼、由語(yǔ)言引擎解釋執(zhí)行的能力，ASP與JSP頁(yè)面需要附加的語(yǔ)言引擎分析和執(zhí)行程序代碼，程序代碼的執(zhí)行結(jié)果被重新嵌入到HTML代碼中。22第二十二頁(yè)，共三十七頁(yè)。網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站開(kāi)發(fā)概論網(wǎng)站開(kāi)發(fā)主流技術(shù)23第二十三頁(yè)，共三十七頁(yè)。網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站開(kāi)發(fā)概論網(wǎng)站開(kāi)發(fā)一般流程前期規(guī)劃：明確網(wǎng)站的目標(biāo)和用戶(hù)需求網(wǎng)站素材的組織與準(zhǔn)備：1）詳細(xì)調(diào)查，廣泛與有關(guān)人員接觸，使其盡可能充分地提供一些詳盡的資料與素材，盡可能多獲取第一手的感性材料；2）多方聽(tīng)取意見(jiàn)；3）資料整理。站點(diǎn)結(jié)構(gòu)規(guī)劃：1）站點(diǎn)邏輯結(jié)構(gòu)：頁(yè)面導(dǎo)航結(jié)構(gòu)設(shè)計(jì)；2）站點(diǎn)目錄結(jié)構(gòu)設(shè)計(jì)。24第二十四頁(yè)，共三十七頁(yè)。目前主流Web服務(wù)器主要有以IBM的Java平臺(tái)和MicroSoft的Windows平臺(tái)為主。常用的網(wǎng)站服務(wù)器有Apache、Tomcat、IIS等。網(wǎng)站配置與管理25第二十五頁(yè)，共三十七頁(yè)。網(wǎng)站配置與管理常見(jiàn)Web服務(wù)器MicrosoftIIS

Microsoft的Web服務(wù)器產(chǎn)品為InternetInformationServer(IIS)，IIS是允許在公共Intranet或Internet上發(fā)布信息的Web服務(wù)器。IIS是目前最流行的Web服務(wù)器產(chǎn)品之一，很多著名的網(wǎng)站都是建立在IIS的平臺(tái)上。IIS提供了一個(gè)圖形界面的管理工具，稱(chēng)為Internet服務(wù)管理器，可用于監(jiān)視配置和控制Internet服務(wù)。

IIS是一種Web服務(wù)組件，其中包括Web服務(wù)器、FTP服務(wù)器、NNTP服務(wù)器和SMTP服務(wù)器，分別用于網(wǎng)頁(yè)瀏覽、文件傳輸、新聞服務(wù)和郵件發(fā)送等方面，它使得在網(wǎng)絡(luò)（包括互聯(lián)網(wǎng)和局域網(wǎng)）上發(fā)布信息成了一件很容易的事。它提供ISAPI（IntranetServerAPI）作為擴(kuò)展Web服務(wù)器功能的編程接口；同時(shí)，它還提供一個(gè)Internet數(shù)據(jù)庫(kù)連接器，可以實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)的查詢(xún)和更新。26第二十六頁(yè)，共三十七頁(yè)。網(wǎng)站配置與管理常見(jiàn)Web服務(wù)器Apache

Apache源于NCSAhttpd服務(wù)器，經(jīng)過(guò)多次修改，成為世界上最流行的Web服務(wù)器軟件之一。Apache是自由軟件，所以不斷有人來(lái)為它開(kāi)發(fā)新的功能、新的特性、修改原來(lái)的缺陷。Apache的特點(diǎn)是簡(jiǎn)單、速度快、性能穩(wěn)定，并可做代理服務(wù)器來(lái)使用。本來(lái)它只用于小型或試驗(yàn)Internet網(wǎng)絡(luò)，后來(lái)逐步擴(kuò)充到各種Unix系統(tǒng)中，尤其對(duì)Linux的支持相當(dāng)完美。27第二十七頁(yè)，共三十七頁(yè)。網(wǎng)站配置與管理常見(jiàn)Web服務(wù)器Tomcat

Tomcat是一個(gè)開(kāi)放源代碼、運(yùn)行servlet和JSPWeb應(yīng)用軟件的基于Java的Web應(yīng)用軟件容器。TomcatServer是根據(jù)servlet和JSP規(guī)范進(jìn)行執(zhí)行的，因此我們就可以說(shuō)TomcatServer也實(shí)行了Apache-Jakarta規(guī)范且比絕大多數(shù)商業(yè)應(yīng)用軟件服務(wù)器要好。28第二十八頁(yè)，共三十七頁(yè)。網(wǎng)站配置與管理IIS的配置管理安裝：默認(rèn)情況下，安裝Windows不會(huì)安裝IIS服務(wù)器。WindowsXp與Windows2003安裝IIS略有不同，以Windows2003為例：可按下列步驟安裝IIS：控制頁(yè)面→添加刪除程序→添加刪除Windows組件→應(yīng)用程序服務(wù)器即可打開(kāi)IIS安裝選項(xiàng)。按安裝向?qū)Э蛇M(jìn)行安裝，安裝過(guò)程中系統(tǒng)會(huì)提示插入Windows安裝光盤(pán)。29第二十九頁(yè)，共三十七頁(yè)。網(wǎng)站配置與管理IIS的配置管理安裝：30第三十頁(yè)，共三十七頁(yè)。網(wǎng)站配置與管理IIS的配置管理新建網(wǎng)站：打開(kāi)IIS，右擊網(wǎng)站→新建→輸入站點(diǎn)信息→設(shè)置IP地址、端口、主機(jī)頭→指定網(wǎng)站物理地址，就可以新建一個(gè)網(wǎng)站。同一個(gè)IIS服務(wù)器只能建立一個(gè)IP地址和端口、主機(jī)頭相同的站點(diǎn)。31第三十一頁(yè)，共三十七頁(yè)。網(wǎng)站配置與管理IIS的配置管理新建網(wǎng)站：32第三十二頁(yè)，共三十七頁(yè)。網(wǎng)站配置與管理IIS的配置管理新建網(wǎng)站33第三十三頁(yè)，共三十七頁(yè)。網(wǎng)站配置與管理IIS的配置管理新建虛擬目錄：

虛擬目錄可以理解是網(wǎng)站的子站點(diǎn)，隸屬于網(wǎng)站下面。可以這么理解，目錄就是在站點(diǎn)下面的一個(gè)文件夾，而虛擬目錄，只是在IIS上做映射，可以映射到任意一個(gè)硬盤(pán)目錄。在網(wǎng)站中建立一個(gè)虛擬目錄的過(guò)程：右擊IIS中已經(jīng)建立好的某個(gè)網(wǎng)站→新建→虛擬目錄→下一步→輸入虛擬目錄別名→選擇路徑→設(shè)置訪(fǎng)問(wèn)權(quán)限→完成。34第三十四頁(yè)，共三十七頁(yè)。教學(xué)小結(jié)WWW基礎(chǔ)網(wǎng)站開(kāi)發(fā)目前網(wǎng)站開(kāi)發(fā)的主流技術(shù)有Java和.NET兩大陣營(yíng)

35第三十五頁(yè)，共三十七頁(yè)。作業(yè)下載并安裝Dreamweaver8，熟悉Dreamweaver菜單和開(kāi)發(fā)環(huán)境。

作業(yè)內(nèi)容！

36第三十六頁(yè)，共三十七頁(yè)。內(nèi)容總結(jié)——Part1