Internet應(yīng)用與網(wǎng)絡(luò)課件

第1章網(wǎng)絡(luò)基礎(chǔ)

電腦網(wǎng)絡(luò)涉及到電腦技術(shù)和通信技術(shù)，網(wǎng)路通過通信設(shè)備和線路把地理位置不同的電腦或電腦系統(tǒng)連接起來，實(shí)現(xiàn)網(wǎng)路資源的共用。

本章訓(xùn)練目標(biāo)：(1)掌握因特網(wǎng)/企業(yè)網(wǎng)的基本概念及它們的功能。(2)理解OSI七層協(xié)議的主要功能和TCP/IP協(xié)議的結(jié)構(gòu)與功能。(3)初步掌握企業(yè)網(wǎng)IP地址的規(guī)劃方法。(4)掌握網(wǎng)上資源定位方法。

網(wǎng)絡(luò)基礎(chǔ)

1.1Internet/Intranet的基本概念和它們的

功能1.2TCP/IP協(xié)議的組成、結(jié)構(gòu)與功能1.3IP地址與功能變數(shù)名稱的概念1.4IP地址的使用與企業(yè)網(wǎng)IP地址規(guī)劃實(shí)訓(xùn)1.5統(tǒng)一資源定位符的使用(URL)練習(xí)1.1Internet/Intranet的基本概念

和它們的功能

1.1.1Internet/Intranet的基本概念

Internet的全稱是InterNetwork，譯為“因特網(wǎng)”，也稱國際互聯(lián)網(wǎng)，簡稱互聯(lián)網(wǎng)。因特網(wǎng)是一個把世界範(fàn)圍內(nèi)的眾多電腦、人、資料庫、軟體和文件連接在一起的，通過一個共同的通信協(xié)議(TCP/IP協(xié)議)相互會話的網(wǎng)路。Intranet的全稱是IntraNetwork，直譯為“內(nèi)聯(lián)網(wǎng)”，通常稱為企業(yè)網(wǎng)。Intranet是一種使用Internet技術(shù)組建的企業(yè)內(nèi)部電腦網(wǎng)絡(luò)，它可以與Internet互連，也可以不與Internet互連。

1.1.2Internet/Intranet的基本功能

1.Internet的主要功能(1)網(wǎng)路資訊服務(wù)。網(wǎng)路資訊服務(wù)主要指資訊查詢服務(wù)和建立資訊資源服務(wù)。Internet上集中了全球的資訊資源，是存儲和發(fā)佈資訊的地方，也是人們查詢資訊的場所，資訊資源是Internet最重要的資源。

(2)電子郵件(E-mail：ElectronicMail)功能。電子郵件又稱電子信箱，它是Internet的一項(xiàng)基本功能。

(3)檔傳輸(FTP：FileTransferProtocol)。檔傳輸也是Internet的基本功能之一。

(4)遠(yuǎn)程登錄(Telnet)。Internet用戶可以使用Telnet命令使自己的電腦進(jìn)入遠(yuǎn)程主機(jī)系統(tǒng)上。

(5)BBS電子公告欄(BBS：BulletinBoardSystem)。

電子公告欄BBS是Internet上的一種電子資訊服務(wù)系統(tǒng)。(6新聞組(Usenet)。Usenet是針對某個主題的郵件組。新聞組可以使趣味相投的人們通過電子郵件討論共

同關(guān)心的問題。(7)菜單檢索(Gopher)。Gopher的英文意思是一只地老鼠，它的作用正如其名，好像一只地老鼠一樣在網(wǎng)路裏鑽來鑽去地查詢各種資訊。(8)關(guān)鍵字查詢(WAIS：WideAreaInformationService)。廣域資訊查詢服務(wù)WAIS也稱作資料庫的資料庫，是供用戶查詢Internet上各類資料庫的一個通用介面軟體。(9)網(wǎng)上電話。用戶可以在Internet上打長途電話，費(fèi)用比一般的長途電話要少得多。2.Intranet的功能

Intranet的主要功能可以歸納為以下幾個方面，它在服務(wù)性質(zhì)上更強(qiáng)調(diào)針對企業(yè)的生產(chǎn)和商務(wù)活動。企業(yè)資訊服務(wù)。企業(yè)資訊服務(wù)也使用Web技術(shù),它以超文本或超媒體方式將企業(yè)的各種資訊集合在一起，提供給企業(yè)內(nèi)部的員工和授權(quán)客戶。(2)電子郵件(E-mail)。E-mail是通過網(wǎng)路傳送郵件的，這個網(wǎng)路既可以是Internet也可以是Intranet,通過Internet使郵件在Internet用戶之間傳送，通過Intranet使郵件在企業(yè)內(nèi)部傳送。(3)檔傳輸。數(shù)據(jù)與檔的傳輸和檢索在Intranet上應(yīng)用是很廣泛的。(4)新聞組。Intranet的新聞組為企業(yè)內(nèi)部人員提供一個就共同感興趣的話題進(jìn)行探討的空間。1.2TCP/IP協(xié)議的組成、結(jié)構(gòu)

與功能

電腦之間的數(shù)據(jù)通信必須遵守某種約定和規(guī)程，這些約定和規(guī)程就是網(wǎng)路通信協(xié)議。國際標(biāo)準(zhǔn)化組織(ISO)提出的“開放系統(tǒng)互連模型”是電腦網(wǎng)絡(luò)通信的基本協(xié)議。TCP/IP是Internet使用的通信協(xié)議。1.2.1OSI參考模型1.2.2TCP/IP協(xié)議

TCP/IP是英文TransportationControlProtocol/InternetProtocol的縮寫，意思是“傳輸控制協(xié)議/網(wǎng)際協(xié)議”。TCP/IP擁有一套完整而系統(tǒng)的協(xié)議標(biāo)準(zhǔn)，它採用資訊打包的方法來簡化各種不同類型的電腦之間的通信傳輸。表1.1OSI參考模型的七個層次

層號層的名稱層的英文名稱功能簡述

7應(yīng)用層ApplicationLayer在用戶進(jìn)程之間交互用戶資訊，直接為用戶提供服務(wù)

上層6表示層PresentationLayer處理兩個通信系統(tǒng)中交換資訊的表示方式，對用戶數(shù)據(jù)進(jìn)行格式轉(zhuǎn)換、數(shù)據(jù)加密與解密、數(shù)據(jù)壓縮與恢復(fù)等5會話層SessionLayer組織兩個會話進(jìn)程之間的通信，管理數(shù)據(jù)的交換4傳輸層TransportLayer從端到端經(jīng)網(wǎng)路透明地傳送數(shù)據(jù)，建立、維護(hù)並終止兩臺電腦之間的通信3網(wǎng)路層NetworkLayer實(shí)現(xiàn)路由選擇、擁塞控制和網(wǎng)路互聯(lián)等功能下層2資料鏈路層DataLinkLayer建立資料鏈路連接，進(jìn)行資訊幀傳送，採用差錯和數(shù)據(jù)流量控制方法使有差錯的物理線路變成無差錯的資料鏈路1物理層PhysicalLayer利用物理傳輸介質(zhì)為數(shù)據(jù)鏈路層提供物理連接，以便透明地傳輸比特流

表1.2TCP/IP的層次結(jié)構(gòu)

層的名稱

功能簡述

應(yīng)用層向用戶提供一組常用的應(yīng)用程式，如檔傳輸、電子郵件等

傳輸層(TCP)提供端到端的數(shù)據(jù)傳輸服務(wù)

網(wǎng)際層(IP)定義數(shù)據(jù)報，處理路由

網(wǎng)路訪問層接收網(wǎng)際層數(shù)據(jù)報，通過網(wǎng)路發(fā)送；從網(wǎng)路上接收數(shù)據(jù)送交IP層1.3IP地址與功能變數(shù)名稱的概念

Internet是一個數(shù)字世界，網(wǎng)上定位是由一長串?dāng)?shù)字(IP地址)來實(shí)現(xiàn)的，由於IP地址不易記憶，人們使用功能變數(shù)名稱解析系統(tǒng)，為每臺主機(jī)指定一個易於記憶的名字(功能變數(shù)名稱)與IP地址對應(yīng)。1.3.1IP地址——網(wǎng)上數(shù)字門牌號

IP地址惟一地確定了Internet上每臺主機(jī)或設(shè)備的位置，網(wǎng)上主機(jī)或設(shè)備的IP的地址是惟一的。網(wǎng)路的IP地址有五類：A，B，C，D，E。其中A、B、C是基本網(wǎng)路地址格式，A類地址格式用於大型網(wǎng)路，B類地址用於中型規(guī)模網(wǎng)路，C類地址用於較小的網(wǎng)路。D類和E類地址代表一些特殊類型的IP地址。IP地址格式見表1.3。

表1.3IP地址格式

字節(jié)1

字節(jié)2

字節(jié)3

字節(jié)4位0123456781516232431A類0網(wǎng)路地址(7位，數(shù)目少)

主機(jī)地址(24位，數(shù)目多)B類10

網(wǎng)路地址(14位，數(shù)目中等)

主機(jī)地址(16位，數(shù)目中等)C類110

網(wǎng)路地址(21位，數(shù)目多)主機(jī)地址(8位)D類1110

多目的廣播地址(28位)E類11110

保留地址(供實(shí)驗(yàn)和將來使用)

圖1.1三級結(jié)構(gòu)圖

子網(wǎng)掩碼可以將一個IP地址正確分解為對應(yīng)的網(wǎng)路地址、子網(wǎng)地址及主機(jī)地址。

1.3.2功能變數(shù)名稱——網(wǎng)上文字門牌網(wǎng)上主機(jī)的IP地址是一個四組十進(jìn)位數(shù)，使用起來很不方便，人們又為網(wǎng)上的主機(jī)指定了一個易於記憶的功能變數(shù)名稱，並開發(fā)了一個功能變數(shù)名稱解析系統(tǒng)(DNS：DomainNameSystem)，使每臺主機(jī)的功能變數(shù)名稱與它的IP地址一一對應(yīng)。功能變數(shù)名稱的結(jié)構(gòu):主機(jī)名.三級功能變數(shù)名稱.二級功能變數(shù)名稱.一級功能變數(shù)名稱分為四個區(qū)域，從左到右表示的區(qū)域範(fàn)圍越來越大。1.4IP地址的使用與企業(yè)網(wǎng)

IP地址規(guī)劃實(shí)訓(xùn)

1.4.1IP地址實(shí)訓(xùn)1——根據(jù)IP地址判斷其網(wǎng)路類別、網(wǎng)路地址和主機(jī)地址已知主機(jī)的IP地址為33，請確定該主機(jī)所在網(wǎng)路的類別、網(wǎng)路號及它的主機(jī)號。判斷步驟如下：

(1)把四組十進(jìn)位數(shù)轉(zhuǎn)變?yōu)樗奈辉M32位的二進(jìn)位數(shù)。

(2)確定網(wǎng)路類別。

(3)確定網(wǎng)路地址。

(4)確定主機(jī)地址。結(jié)論：該主機(jī)所在網(wǎng)路的類別是C類，網(wǎng)路號為202.196.0，主機(jī)編號為133。1.4.2IP地址實(shí)訓(xùn)2

已知主機(jī)的IP地址是55，試確定該主機(jī)所在網(wǎng)路的類別、網(wǎng)路號及它的主機(jī)號。(1)把四組十進(jìn)位數(shù)轉(zhuǎn)變?yōu)樗奈辉M32位的二進(jìn)位數(shù)：

10100110011011110000000111111111(2)確定網(wǎng)路類別。對照表1.3，第一位元組是10100110，它的第零位和第一位是10，所以該地址是屬於B類網(wǎng)。(3)確定網(wǎng)路地址。B類網(wǎng)的網(wǎng)路地址是二位元組，取第一、二位元組1010011001101111為它的網(wǎng)路地址。(4)確定主機(jī)地址。B類網(wǎng)的主機(jī)地址是第三、四位元組，所以它的主機(jī)地址是0000000111111111。結(jié)論：該IP地址表示B類網(wǎng)166.111上的511號主機(jī)。

1.4.3IP地址實(shí)訓(xùn)3

判斷步驟如下：(1)?IP地址的前三位是110，說明該地址是一個C類地址。(2)前三個位元組標(biāo)識網(wǎng)路地址，網(wǎng)路地址是198.78.46。

(3)後一個位元組標(biāo)識主機(jī)，對照子網(wǎng)掩碼的最後一個位元組，前三位是1，後五位是0，所以子網(wǎng)地址編號占三位，主機(jī)地址占五位。

1.4.4IP地址實(shí)訓(xùn)4——為單位規(guī)劃IP地址

(1)申請IP地址。

(2)確定子網(wǎng)地址的位數(shù)與子網(wǎng)地址。

圖1.2子網(wǎng)地址位數(shù)與主機(jī)地址位數(shù)的分配

1.5統(tǒng)一資源定位符的

使用(URL)

URL(UniformResourceLocator)稱為統(tǒng)一資源定位符，用來指明主機(jī)或檔在Internet上的位置。URL能以惟一且一致的方式定義每個資源在Internet上的位置。一個URL就是一個資源在Internet上的具體位置。

1.5.1URL格式

(1)

協(xié)議。

(2)?://是URL規(guī)範(fàn)要求的標(biāo)記。

(3)主機(jī)名。

(4)檔路徑。

1.5.2URL的使用

Internet上某一資源的URL是//software/home.html，該URL告訴流覽器要訪問的檔類型是HTML檔，使用HTTP協(xié)議，在名為伺服器上，訪問/software/目錄下名為home.html的檔。1.5.3檔定位的幾種方式檔定位可以有三種方式：功能變數(shù)名稱方式、IP地址方式和文件目錄方式。用戶可以在流覽器的地址欄目裏使用這三種方式查詢資訊。

練習(xí)

1.

請簡述Internet/Intranet的功能，Internet/Intranet能為我們帶來什麼？2.

請比較Internet與Intranet的區(qū)別和聯(lián)繫。3.

Intranet使用什麼技術(shù)？4.

什麼叫主機(jī)？5.

Internet中最重要的兩個通信協(xié)議是什麼？6.

WWW的英文全稱是什麼？7.

什麼叫主機(jī)的IP地址？IP地址由哪幾部分組成？8.

IP地址分為哪幾類？它們各自適用於什麼情況？9.

什麼是Internet上主機(jī)的功能變數(shù)名稱？10.?Internet上主機(jī)的IP地址和功能變數(shù)名稱的關(guān)係是什麼？11.?以下幾個IP地址中哪幾個是合法的IP地址？為什麼？並確認(rèn)合法IP地址是屬於哪類的，它們的網(wǎng)路地址及主機(jī)地址是什麼？1)202.8664.46.1332)3)75

4)75)204.258.0.9612.已知主機(jī)的IP地址和它的子網(wǎng)掩碼，試確定該主機(jī)所在網(wǎng)路的類型、網(wǎng)路號、子網(wǎng)號和主機(jī)編號。1)主機(jī)IP地址：34，子網(wǎng)掩碼：922)主機(jī)IP地址：34，子網(wǎng)掩碼：3)主機(jī)IP地址：7，子網(wǎng)掩碼：13.功能變數(shù)名稱解析系統(tǒng)的作用是什麼？14.我國的頂級功能變數(shù)名稱是什麼？二級功能變數(shù)名稱“edu”指的是哪個機(jī)構(gòu)？15.到目前為止，你可以用哪幾種方法訪問主機(jī)資源？16.URL的組成是什麼？簡述各部分的功能。17.請解釋/wwwroot/default.html的含義。

上網(wǎng)操作

2.1接入Internet實(shí)訓(xùn)2.2網(wǎng)上流覽與收發(fā)郵件實(shí)訓(xùn)練

習(xí)

上機(jī)練習(xí)實(shí)訓(xùn)課題2.1接入Internet實(shí)訓(xùn)

大多數(shù)個人和企業(yè)需要租用電信局提供的線路與Internet連接。個人一般通過ISDN或撥號連接上網(wǎng)。2.1.1接入Internet的準(zhǔn)備工作1.上網(wǎng)需要的硬體設(shè)備(1)ISDN支持?jǐn)?shù)字和模擬通信同時進(jìn)行。

(2)撥號連接上網(wǎng)需要的硬體設(shè)備是：一臺PC和一個數(shù)據(jù)機(jī)。數(shù)據(jù)機(jī)(Modem)俗稱為“貓”，是電腦和電話線之間的橋樑。

2.聯(lián)網(wǎng)所需要的軟體使用Internet還需要有相應(yīng)的軟體環(huán)境。一般PC使用

一般PC使用Windows95/98操作系統(tǒng)，它們完全支持互聯(lián)網(wǎng)標(biāo)準(zhǔn)，且內(nèi)置了連接到Internet的所有通訊協(xié)議，包括上網(wǎng)必需的TCP/IP通訊協(xié)議，並捆綁了流覽器IE，用它實(shí)現(xiàn)網(wǎng)路接入十分方便。

3.選擇ISP申請帳號

ISP(InternetServiceProvider)是“因特網(wǎng)服務(wù)提供商”的英文縮寫，也就是為用戶提供連接到因特網(wǎng)服務(wù)的公司，用戶必須通過它才能接入Internet。

4.撥號上網(wǎng)的硬體設(shè)備的連接撥號上網(wǎng)，需要通過數(shù)據(jù)機(jī)把電話線和電腦連接起來。外置式數(shù)據(jù)機(jī)的連接見圖2.1。

用電纜把PC機(jī)串行口(通常是COM2口)和數(shù)據(jù)機(jī)的

RS232口連接起來，把通往電話局電話線接在Modem的

Line插口上，再用電話線將Modem的Phone插口與電話機(jī)相連。圖2.1撥號上網(wǎng)硬體設(shè)備連接圖2.1.2Internet的接入實(shí)訓(xùn)1.數(shù)據(jù)機(jī)驅(qū)動程式的安裝與配置安裝好數(shù)據(jù)機(jī)後，需要安裝和配置數(shù)據(jù)機(jī)的驅(qū)動程式，完成數(shù)據(jù)機(jī)與電腦的軟體連接。(1)單擊桌面的“開始”按鈕，

(2)如果你的電腦從未安裝過數(shù)據(jù)機(jī)，出現(xiàn)“安裝新的數(shù)據(jù)機(jī)”對話框，如圖2.2所示。

(3)出現(xiàn)

“安裝新的數(shù)據(jù)機(jī)”對話框，如圖2.3所示。

圖2.2“安裝新的數(shù)據(jù)機(jī)”對話框

圖2.3“安裝新的數(shù)據(jù)機(jī)”對話(4)顯示如圖2.4所示，在“請選擇此數(shù)據(jù)機(jī)所使用的端口”窗口中，選擇連接數(shù)據(jù)機(jī)的通訊口(COM1或COM2)，然後單擊“下一步”按鈕。(5)出現(xiàn)“已成功安裝數(shù)據(jù)機(jī)”介面，如圖2.5所示，單擊“完成”按鈕。

圖2.4選擇通訊端口

圖2.5安裝成功(6)系統(tǒng)顯示“數(shù)據(jù)機(jī)的屬性”對話框，如圖2.6所示。在對話框中單擊“屬性”按鈕。(7)顯示如圖2.7所示，在“常規(guī)”選項(xiàng)卡中，用戶可以根據(jù)自己情況設(shè)置參數(shù)。單擊“確定”按鈕，完成屬性設(shè)置。

圖2.6“數(shù)據(jù)機(jī)的屬性”對話框圖2.7數(shù)據(jù)機(jī)的屬性配置(8)“撥號屬性”配置。圖2.8“撥號屬性”對話框2.TCP/IP協(xié)議和撥號網(wǎng)路適配器的安裝“撥號網(wǎng)路適配器”是網(wǎng)路驅(qū)動程式，完成Modem與網(wǎng)路的連接?！癟CP/IP”是Internet使用的通信協(xié)議。(1)打開“控制面板”，雙擊“網(wǎng)路”圖示。

(2)顯示“請選擇網(wǎng)路組件類型”對話框，如圖2.9所示。

(3)彈出“選擇網(wǎng)路協(xié)議”對話框，如圖2.10所示，在“廠商”欄目中選擇“Microsoft”，在“網(wǎng)路協(xié)議”欄目中選擇“TCP/IP”，單擊“確定”按鈕。圖2.9“請選擇網(wǎng)路組件類型”對話框

圖2.10“選擇網(wǎng)路協(xié)議”對話框

(4)同樣方法添加“撥號網(wǎng)路適配器”，選擇如圖2.11所示。圖2.11“選擇網(wǎng)路適配器”對話框3.TCP/IP協(xié)議的配置(1)單擊桌面的“開始”按鈕，在菜單中選擇“設(shè)置

→

控制面板”，在“控制面板”窗口雙擊網(wǎng)路圖示，彈出“網(wǎng)路”窗口，如圖2.12所示。

(2)彈出“TCP/IP屬性”對話框，如圖2.13所示，打開“IP地址”選項(xiàng)卡，設(shè)置本機(jī)的IP地址，大多數(shù)撥號上網(wǎng)用戶是動態(tài)用戶，IP地址都是在接通網(wǎng)路時從ISP處自動獲得的，所以選擇“自動獲取IP地址”。

圖2.12“網(wǎng)路”窗口圖2.13“自動獲取IP地址”

(3)打開“DNS配置”選項(xiàng)卡，“DNS配置”選項(xiàng)卡是用來對電腦設(shè)置功能變數(shù)名稱服務(wù)的，當(dāng)把電腦作為伺服器使用時才需要配置DNS，現(xiàn)在的電腦是作為客戶機(jī)來使用的，就無需配置DNS。

圖2.14“DNS配置”4.撥號網(wǎng)路的安裝與配置(1)單擊桌面的“開始”按鈕，在菜單中選擇“程式

→

附件

→

Internet工具

→

Internet連接嚮導(dǎo)”，彈出“Internet連接嚮導(dǎo)”對話框，如圖2.15所示，單擊“下一步”按鈕。圖2.15“Internet連接嚮導(dǎo)”對話框(2)打開“設(shè)置您的Internet連接”對話框，如圖2.16所示。(3)打開“Internet帳號連接資訊”步驟1對話框，如圖2.17所示。

圖2.16“設(shè)置您的Internet連接”對話框圖2.17“Internet帳號連接資訊”步驟1對話框(4)打開“Internet帳號連接資訊”步驟2對話框，如圖2.18所示。在對話框中輸入經(jīng)ISP認(rèn)可的用戶名稱和密碼，單擊“下一步”按鈕。圖2.18“Internet帳號連接資訊”步驟2對話框(5)彈出“Internet帳號連接資訊”步驟3對話框，如圖2.19所示。在對話框中輸入連接名，也可以使用默認(rèn)值，如“連接163”，單擊“下一步”按鈕。

圖2.19“Internet帳號連接資訊”步驟3對話框(6)彈出“設(shè)置InternetMail帳號”對話框，如圖2.20所示。選擇現(xiàn)在設(shè)置一個Internet郵件帳號，單擊“下一步”按鈕。(7)彈出“您的姓名”對話框，如圖2.21所示。在對話框中輸入您想使用的姓名，單擊“下一步”按鈕。(8)打開“Internet電子郵件地址”對話框，如圖2.22所示。在對話框中輸入經(jīng)ISP認(rèn)可的用戶電子郵件地址，單擊“下一步”按鈕。

圖2.21“您的姓名”對話框圖2.22“Internet電子郵件地址”對話框(9)打開“電子郵件伺服器名”對話框，如圖2.23所示。在對話框中輸入接收郵件伺服器和外發(fā)郵件伺服器名，單擊“下一步”按鈕。(10)彈出“InternetMail登錄”對話框，如圖2.24所示。在對話框中輸入ISP提供的帳號名和密碼，單擊“下一步”按鈕。(11)打開“Internet連接嚮導(dǎo)運(yùn)行完畢”對話框，如圖2.25所示，單擊“完成”按鈕，完成Internet的連接。圖2.23“電子郵件伺服器名”對話框圖2.24“InternetMail登錄”對話框圖2.25“Internet連接嚮導(dǎo)運(yùn)行完畢”對話框2.2網(wǎng)上流覽與收發(fā)郵件實(shí)訓(xùn)

2.2.1網(wǎng)上流覽雙擊桌面上的IE圖示，打開IE窗口，顯示IE默認(rèn)主頁(微軟公司的主頁畫面)，如圖2.26所示，說明你已進(jìn)入WWW世界。

圖2.26微軟公司主頁

圖2.27新浪網(wǎng)站主頁

2.2.2使用OutlookExpress收發(fā)電子郵件1.啟動OutlookExpress

用戶可以選擇IE窗口菜單欄中的“郵件”按鈕，也可以在Windows桌面上雙擊“OutlookExpress”圖示，打開OutlookExpress畫面，如圖2.28所示。

2.接收郵件在圖2.28中選擇“發(fā)送/接收”按鈕，系統(tǒng)將接收郵件，並

把郵件保存在“收件箱”中。單擊郵件，即可在右下方窗口中閱讀郵件。圖2.28OutlookExpress3.發(fā)送郵件在OutlookExpress畫面的工具欄中選擇“新郵件”按鈕，彈出“新郵件”對話框，如圖2.29所示。然後按以下步驟進(jìn)行。(1)在“收件人”欄目中輸入收件人的電子郵件地址，多個收件人的電子郵件地址用分號“；”隔開。(2)在“抄送”欄目中輸入抄送人的電子郵件地址，多個抄送人的電子郵件地址用逗號“，”隔開。(3)在“主題”欄目輸入郵件的標(biāo)題。(4)在郵件內(nèi)容編輯區(qū)輸入郵件正文。(5)單擊工具欄中的“發(fā)送”按鈕，郵件送入“發(fā)件箱”，以後用戶可以在OutlookExpress畫面工具欄中單擊“發(fā)送和接收”按鈕，將郵件一次發(fā)送出去。

圖2.29發(fā)送郵件

練習(xí)

1.一般個人通過什麼方式上網(wǎng)，各有什麼特點(diǎn)？2.使用ISDN上網(wǎng)的優(yōu)點(diǎn)是什麼？使用ISDN時“數(shù)/模轉(zhuǎn)換器”的功能是什麼？3.上網(wǎng)需要哪些硬體設(shè)備？它們的配置及主要技術(shù)指標(biāo)是什麼？4.上網(wǎng)需要哪些應(yīng)用軟體？它們的作用是什麼？5.一般來講，根據(jù)什麼原則選擇ISP？如何申請Internet帳號？ISP將給你提供什麼資訊？它們的作用都是什麼？6．為什麼把數(shù)據(jù)機(jī)連接在電腦與電話線之間，數(shù)據(jù)機(jī)的作用是什麼？7．流覽器是什麼？它起什麼作用？8．以下Internet郵件地址中，哪幾個是正確的？(1)smith@public

(2)steven@263.net(3)july@yahoocom(4)mack@9.電子郵件有哪些特點(diǎn)？它的收發(fā)過程是怎樣進(jìn)行的？10.如何在電子郵件中夾帶其他形式的文檔？

上機(jī)練習(xí)

上機(jī)練習(xí)1：完成接入Internet的準(zhǔn)備工作、撥號聯(lián)網(wǎng)的硬體設(shè)備的選擇與連接。上機(jī)練習(xí)2：完成Internet的接入操作。上機(jī)練習(xí)3：安裝IE5.0，並設(shè)置OutlookExpress。

Web站點(diǎn)的安裝、配置與應(yīng)用

3.1Web的基本工作過程及Web站點(diǎn)的構(gòu)成3.2個人Web伺服器的安裝、配置與應(yīng)用實(shí)訓(xùn)3.3WindowsNT上Web站點(diǎn)的規(guī)劃、安裝、配置和應(yīng)用實(shí)訓(xùn)

練習(xí)上機(jī)練習(xí)實(shí)訓(xùn)課題3.1Web的基本工作過程及Web

站點(diǎn)的構(gòu)成

3.1.1客戶機(jī)/應(yīng)用伺服器/資料庫伺服器三層電腦模式的基本概念

通過客戶機(jī)訪問Web的結(jié)構(gòu)如圖3.1所示。在三層結(jié)構(gòu)中，客戶機(jī)通過Internet/Intranet網(wǎng)路訪問應(yīng)用伺服器，應(yīng)用伺服器根據(jù)客戶請求自動完成對數(shù)據(jù)庫數(shù)據(jù)的操作，然後把處理結(jié)果返回客戶機(jī)。

圖3.1客戶機(jī)/Web伺服器/資料庫伺服器三層結(jié)構(gòu)3.1.2Web的基本工作過程

Web系統(tǒng)是一種基於超鏈接（hyperlink）的超文本（hypertext）和超媒體(hypermedia)系統(tǒng)，由於提供媒體資訊的多樣性，也稱為超媒體環(huán)球資訊網(wǎng)。

Web的工作過程見圖3.2，它的工作步驟如下：(1)用戶啟動客戶端流覽器，在流覽器中確定將要訪問頁面的URL地址。(2)Web伺服器根據(jù)流覽器送來的請求，把URL地址轉(zhuǎn)換成頁面所在伺服器上的檔路徑名，找到相應(yīng)的檔。(3)如果URL指向HTML文檔，Web伺服器使用HTTP協(xié)議把該文檔直接送給流覽器。(4)流覽器解釋HTML文檔，在客戶端螢?zāi)簧舷蛴脩粽故窘Y(jié)果。圖3.2Web的工作過程3.1.3Web站點(diǎn)的構(gòu)成1.Web站點(diǎn)的構(gòu)成

圖3.3是一個實(shí)際Web站點(diǎn)的結(jié)構(gòu)示意圖，站點(diǎn)軟體使用了微軟的配套產(chǎn)品。

圖3.3Web站點(diǎn)結(jié)構(gòu)示意圖2.功能變數(shù)名稱註冊

一般功能變數(shù)名稱應(yīng)突出站點(diǎn)所在單位的名稱和特點(diǎn)。中國互聯(lián)網(wǎng)中心(CNNIC)是我國cn功能變數(shù)名稱的授權(quán)管理和運(yùn)行機(jī)構(gòu)，負(fù)責(zé)cn功能變數(shù)名稱註冊以及國內(nèi)用戶註冊國際com功能變數(shù)名稱的備案。

3.Web伺服器解決方案

Web伺服器的解決方法有很多種，本書主要介紹兩種，即IIS和個人Web伺服器(PWS：PersonalWebServer)。(1)個人Web伺服器。使用PersonalWebServer不需要連接到一個網(wǎng)路或一臺伺服器上，可以利用一臺PC既做客戶機(jī)又做伺服器，虛擬一個網(wǎng)路環(huán)境。

圖3.4PWS軟體結(jié)構(gòu)(2)IIS解決方案。IIS是一個安全的可擴(kuò)展的Web伺服器，它提供管理和維護(hù)Internet/Intranet站點(diǎn)的能力。圖3.5IIS伺服器環(huán)境的軟體結(jié)構(gòu)3.2個人Web伺服器的安裝、配置與應(yīng)用實(shí)訓(xùn)

應(yīng)用個人Web伺服器可以在本地電腦上發(fā)佈製作完成的網(wǎng)站，並進(jìn)行測試與修改工作。個人Web伺服器配置要求較低，適合在個人的PC環(huán)境中演練網(wǎng)站的設(shè)計、製作、發(fā)佈和測試工作。3.2.1個人Web伺服器的功能個人Web伺服器的主要功能如下：(1)通過局域網(wǎng)在小組Intranet範(fàn)圍發(fā)佈和測試網(wǎng)站。(2)支持羽量級的伺服器管理，如啟停狀態(tài)服務(wù)。(3)提供WWW服務(wù)和FTP服務(wù)。3.2.2一臺主機(jī)在網(wǎng)路中的不同作用接入網(wǎng)絡(luò)的電腦稱為主機(jī)(host)，即“自主”之機(jī)。一臺主機(jī)既可以是局域網(wǎng)中的一臺主機(jī)，也可以是Internet上的一臺主機(jī)。圖3.6主機(jī)硬體設(shè)備的驅(qū)動程式圖3.7TCP/IP協(xié)議

圖3.6中的“NE2000Compatible”和“撥號網(wǎng)路適配器”顯示了該主機(jī)硬體設(shè)備的驅(qū)動程式。“NE2000Compatible”是該主機(jī)在局域網(wǎng)中使用的網(wǎng)卡驅(qū)動程式(該主機(jī)安裝的是NE2000網(wǎng)卡)，“撥號網(wǎng)路適配器”是Modem的驅(qū)動程式。3.2.3TCP/IP配置實(shí)訓(xùn)個人Web伺服器既可以在局域網(wǎng)中使用，也可以不連網(wǎng)，而使用一臺電腦虛擬一個網(wǎng)路環(huán)境。作為伺服器它需要一個標(biāo)識它的IP地址，如果不與Internet連接，這個地址是內(nèi)部自己使用的，即使與某個授權(quán)的IP地址一樣也無妨。(1)配置IP地址。打開網(wǎng)卡的“TCP/IP屬性”對話框(本實(shí)訓(xùn)過程選擇圖3.7中的“TCP/IP→NE2000Compatible”選項(xiàng))，在對話框中打開“IP地址”選項(xiàng)卡，選擇“指定IP地址”選項(xiàng)鈕，在IP地址欄目中輸入0，子網(wǎng)掩碼欄目中輸入，見圖3.8。(2)配置DNS?！霸赥CP/IP屬性”對話框中打開“DNS”選項(xiàng)卡，選擇“啟用DNS”選項(xiàng)鈕，配置主機(jī)名和功能變數(shù)名稱，如圖3.9所示，配置後DNS將把功能變數(shù)名稱解析為IP地址0。(3)測試TCP/IP的設(shè)定。使用Ping測試TCP/IP的設(shè)定和一幀數(shù)據(jù)從一臺主機(jī)傳輸?shù)搅硪慌_主機(jī)所需要的時間。

圖3.10測試IP地址的設(shè)定圖3.11測試DNS的配置3.2.4Windows98上的個人Web伺服器的安裝與應(yīng)用實(shí)訓(xùn)

1.Windows98個人Web伺服器安裝實(shí)訓(xùn)

Windows98自帶個人Web伺服器，讀者可運(yùn)行“光碟驅(qū)動器號：\add_ons\PWS\setup.exe”安裝檔。

(1)雙擊“setup”可執(zhí)行檔，彈出“MicrosoftPersonalWebServer安裝程式”介面，如圖3.12所示，單擊“下一步”。圖3.12“MicrosoftPersonalWebServer安裝程式”介面(2)桌面顯示如圖3.13所示，讀者可以從三種安裝方式“最小”、“典型”和“自定義”中選一種，本案例選擇“典型”安裝。圖3.13選擇“典型”安裝(4)系統(tǒng)將自動完成安裝任務(wù)，顯示如圖3.15所示，根據(jù)提示單擊“完成”按鈕。圖3.15完成安裝PWS(5)系統(tǒng)要求重新啟動電腦，按照要求單擊“是(Y)”按鈕。系統(tǒng)重新啟動後，自動啟動個人Web伺服器。在Windows98任務(wù)欄的右下角將出現(xiàn)一個個人Web伺服器的新圖示，如圖3.16所示，表示個人Web伺服器已經(jīng)啟動。圖3.16Windows98個人Web伺服器圖示2.Windows98個人Web伺服器應(yīng)用雙擊任務(wù)欄中的個人Web伺服器的圖示，打開“個人Web管理器”對話框，如圖3.17所示。圖3.17個人Web管理器

(1)個人Web伺服器的啟停。在“個人Web管理器”對話框中，單擊“停止”按鈕，任務(wù)欄的個人Web伺服器的圖示上將出現(xiàn)一個紅色的“×”，說明個人Web伺服器已經(jīng)停止運(yùn)行。

(2)發(fā)佈缺省主頁。在圖3.17中雙擊http://dzxx打開個人Web伺服器的缺省主頁.(2)發(fā)佈缺省主頁。在圖3.17中雙擊http://dzxx打開個人Web伺服器的缺省主頁.如果用戶不聯(lián)網(wǎng)，用一臺電腦作前後臺可以在地址欄目中輸入http://localhost或

打開缺省主頁。圖3.18個人Web伺服器缺省主頁3.3WindowsNT上Web站點(diǎn)的規(guī)劃、安裝、配置和應(yīng)用實(shí)訓(xùn)

3.3.1Web站點(diǎn)規(guī)劃——一個小企業(yè)的Intranet規(guī)劃實(shí)訓(xùn)1．校園網(wǎng)內(nèi)Web站點(diǎn)的規(guī)劃

(1)網(wǎng)路環(huán)境的規(guī)劃。圖3.19示意了兩個通過校園網(wǎng)接入Internet的子網(wǎng)。圖3.19Intranet仿真環(huán)境(2)網(wǎng)路參數(shù)。

(3)子網(wǎng)1伺服器主機(jī)。表3.1主服務(wù)機(jī)上伺服器列表2.模擬網(wǎng)絡(luò)環(huán)境圖3.20是一個簡單的模擬網(wǎng)絡(luò)環(huán)境，讀者可以用兩臺

PC機(jī)聯(lián)網(wǎng)，一臺做Web伺服器，一臺做客戶機(jī)，在服務(wù)器上安裝常用的網(wǎng)路服務(wù)，進(jìn)行實(shí)驗(yàn)開發(fā)工作。伺服器名稱伺服器功能變數(shù)名稱伺服器IP地址WWWServer0DNSServer0FTPServer0圖3.20模擬網(wǎng)絡(luò)環(huán)境3.3.2WindowsNTServer安裝實(shí)訓(xùn)1.啟動安裝2.開始安裝3.基於圖形模式的安裝階段3.3.3TCP/IP協(xié)議配置實(shí)訓(xùn)

WindowsNT安裝完畢後，必須首先配置TCP/IP協(xié)議，才能進(jìn)一步建立Web伺服器。

圖3.21配置IP地址圖3.22選擇IIS組件3.3.4伺服器軟體的安裝、配置與應(yīng)用實(shí)訓(xùn)1.安裝IIS2.02.安裝ServerPack5.03.安裝IIS4.04.Web站點(diǎn)的發(fā)佈圖3.24主頁發(fā)佈5.FTP的應(yīng)用6.Exchange的安裝、配置與測試練習(xí)

1．WWW的英文名稱是什麼？2．WWW是通過什麼方式把全世界的文檔都鏈接在一起的？3．在客戶機(jī)/伺服器工作模式中，客戶機(jī)、伺服器分別起什麼作用？該模式有哪些優(yōu)點(diǎn)？4．Web的體系結(jié)構(gòu)是什麼樣的？請簡述它的工作過程。5．請?zhí)峁￤eb伺服器的一、二種解決方案。6．如何根據(jù)現(xiàn)有條件構(gòu)築Web環(huán)境？7．一個使用WindowsNTServer操作系統(tǒng)的Web站點(diǎn)一般選用哪幾個伺服器軟體？8．個人Web伺服器有哪些功能？具有什麼特點(diǎn)？特別適合在什麼情況下使用？9．請簡述個人Web伺服器的軟體結(jié)構(gòu)。10．在Windows98個人Web伺服器上，主頁的默認(rèn)發(fā)佈目錄是什麼？11．在Windows98個人Web伺服器上，配置DNS後，可以用哪幾種方式發(fā)佈主頁？12．IIS伺服器的軟體有什麼特點(diǎn)？它的結(jié)構(gòu)是什麼樣的？13.一臺電腦在網(wǎng)路中可以擔(dān)當(dāng)哪些角色？網(wǎng)卡和Modem在這些角色中起什麼作用？14.如何建立一個Web站點(diǎn)？15.簡述WindowsNT上Web伺服器的建立過程。16.在IIS的Web伺服器上，主頁、FTP的默認(rèn)發(fā)佈目錄是什麼？上機(jī)練習(xí)

上機(jī)練習(xí)1：安裝Windows98上的個人Web伺服器，配置TCP/IP協(xié)議，並用ping測試協(xié)議與DNS的配置。測試通過後，在該伺服器上發(fā)佈個人Web伺服器的缺省主頁。上機(jī)練習(xí)2：安裝並配置WindowsNTServer。上機(jī)練習(xí)3：安裝並配置IIS4.0、Exchange。安裝成功後，在Web伺服器上發(fā)佈默認(rèn)主頁，應(yīng)用FTP上傳下載檔。

實(shí)訓(xùn)課題

實(shí)訓(xùn)課題1：為一個Web站點(diǎn)的開發(fā)小組規(guī)劃一個WindowsNT工作環(huán)境。該組有10個成員，客戶端可能使用不同的操作系統(tǒng)。請畫出該環(huán)境的示意圖，標(biāo)明所需的硬體、軟體，並規(guī)劃環(huán)境的IP地址。實(shí)訓(xùn)課題2：在WindowsNT環(huán)境下完成Web伺服器的安裝、配置與資訊發(fā)佈。在實(shí)訓(xùn)課題1的基礎(chǔ)上完成以下工作：(1)網(wǎng)路的硬體連接。(2)?NT伺服器的安裝與測試。(3)?NT工作站的安裝與測試。(4)?IIS的安裝。(5)?將IIS2.0升級到IIS4.0。(6)?TCP/IP協(xié)議的安裝與配置。HTML/DHTML的應(yīng)用

4.1HTML/DHTML的結(jié)構(gòu)4.2HTML的應(yīng)用4.3DHTML技術(shù)基礎(chǔ)

4.4可視化頁面製作與管理工具

FrontPage20004.5網(wǎng)頁製作實(shí)訓(xùn)課題——應(yīng)用技術(shù)學(xué)院網(wǎng)站的建設(shè)練

習(xí)上機(jī)練習(xí)實(shí)訓(xùn)課題4.1HTML/DHTML的結(jié)構(gòu)

4.1.1HTML的結(jié)構(gòu)——HTML示例1.一個HTML示例為了使讀者對HTML有一個整體的瞭解，我們將和讀者一起來製作一個簡單網(wǎng)頁。請按以下步驟進(jìn)行：(1)編寫HTML代碼使用簡單的文字編輯器。(2)以擴(kuò)展名“.html”保存檔。在只支持三個字母作尾碼的操作系統(tǒng)中，它的擴(kuò)展名是“.htm”。(3)在流覽器中顯示頁面ex04-001.html，顯示效果如圖4.1所示。圖4.1頁面代碼ex04-001在流覽器中的顯示(4)在圖4.1中單擊“中國高等職業(yè)技術(shù)教育研究會”，頁面將轉(zhuǎn)跳至代碼ex04-002所顯示的頁面。如圖4.2所示。圖4.2頁面轉(zhuǎn)跳到ex04-002(5)我們以頁面代碼ex04-001.html為例說明HTML的簡單使用。2.HTML的結(jié)構(gòu)圖4.3HTML檔結(jié)構(gòu)4.1.2DHTM的結(jié)構(gòu)——DHTML示例1.什麼是DHTML

傳統(tǒng)的HTML頁面一旦被下載到客戶端的流覽器後，就無法改變顯示內(nèi)容，所以被稱為靜態(tài)網(wǎng)頁。使用DHTML技術(shù)製作的網(wǎng)頁，在其內(nèi)容下載到流覽器後，不必通過伺服器就可以使流覽器與用戶交互資訊，更新網(wǎng)頁內(nèi)容，所以被稱為動態(tài)網(wǎng)頁。2.一個DHTML示例(1)請讀者在編輯器中輸入ex04-003.html的代碼。(2)ex04-003.html在流覽器中的顯示效果如圖4.4所示。(3)把滑鼠移動到文字“滑鼠移到此處，新增一行文字”處，頁面產(chǎn)生動態(tài)變化，新增加一行文字。流覽器顯示如圖4.5所示。(4)請讀者把滑鼠移到改變文字顏色的文本上，文字將變成紅色，移開後文字變成藍(lán)色。

圖4.4DHTML示例圖4.5動態(tài)改變網(wǎng)頁(5)讀者可以看到，在HTML的基礎(chǔ)上使用了腳本語言(Script)，使網(wǎng)頁產(chǎn)生動態(tài)效應(yīng)。

3.?DHTML結(jié)構(gòu)

(1)DHTML的特點(diǎn)。

(2)DHTML的結(jié)構(gòu)。

圖4.6DHTML的組成4.2HTML的應(yīng)用

4.2.1HTML標(biāo)記的格式<標(biāo)記>HTML語言元素</標(biāo)記>·例如：<H2>你好！</H2>·標(biāo)記與字母的大小寫無關(guān)，例如<BODY>與<body>的作用是一樣的?！?biāo)記可以帶有屬性參數(shù)。·注釋標(biāo)記<!--注釋內(nèi)容-->不在流覽器中顯示，只供閱讀頁面代碼幫助理解使用。4.2.2HTML應(yīng)用案例1——文本標(biāo)記(1)文本標(biāo)記主要用於控制頁面的段落，顯示字元的大小、顏色、字體和屬性等。(2)頁面代碼ex04-004.html說明了文本標(biāo)記的使用。(3)ex04-004.html在流覽器中的顯示效果如圖4.7所示。圖4.7文本標(biāo)記的使用(4)代碼說明

圖4.8圖像標(biāo)記的使用4.2.4HTML應(yīng)用案例3——表格標(biāo)記(1)表格標(biāo)記<TABLE>(2)頁面代碼ex04-006.html說明了表格標(biāo)記的使用

(3)該代碼在流覽器中的顯示效果如圖4.9所示圖4.9基本表格4.2.5HTML應(yīng)用案例4——超級鏈接標(biāo)記(1)?<A>標(biāo)記的使用。

(2)頁面代碼ex04-007.html說明了超級鏈接標(biāo)記的使用

(3)頁面代碼在流覽器中顯示如圖4.10所示

圖4.10超級鏈接的使用(4)代碼說明如下

4.2.6HTML應(yīng)用案例5——表單(FORM)和輸入標(biāo)記(1)表單的作用

(2)頁面代碼ex04-008.html說明了表單標(biāo)記的使用

(3)代碼在流覽器中顯示如圖4.11所示。

圖4.11表單標(biāo)記的使用

(4)代碼說明

4.3DHTML技術(shù)基礎(chǔ)

4.3.1CSS的基本概念

CSS用於定義Web頁面內(nèi)容在流覽器上的顯示方式，由於HTML的功能有限，一般不能隨意設(shè)計版面和編排文字，所以W3C公佈了一套HTML的擴(kuò)展標(biāo)準(zhǔn)CSS，擴(kuò)展了HTML在排版和文字式樣上的功能。

1.CSS的基本概念2.樣式單的使用方式3.定義樣式的基本格式定義樣式的基本格式是：圖4.12樣式檔的使用方式選擇器{規(guī)則

}

4.3.2樣式應(yīng)用案例1——把樣式套用到網(wǎng)頁上1.任務(wù)要求請?jiān)诹饔[器窗口中輸出如下字樣的文字。見圖4.13。

圖4.13網(wǎng)頁樣式要求2．實(shí)現(xiàn)方案1：內(nèi)聯(lián)式樣式單內(nèi)聯(lián)式樣式只包含在與它有關(guān)的標(biāo)記內(nèi)，對頁面上其他任何標(biāo)記不起作用。

3.實(shí)現(xiàn)方案2：嵌入式樣式單4.實(shí)現(xiàn)方案3:外部(鏈接)樣式單(1)建立樣式檔

(2)在HTML文檔中建立與外部樣式檔的鏈接

4.3.3樣式應(yīng)用案例2——動態(tài)風(fēng)格

(1)動態(tài)風(fēng)格簡介。動態(tài)內(nèi)容是指不需要下載或重新構(gòu)建一個完整的新頁面，就可以改變文檔的部分內(nèi)容。

(2)任務(wù)要求。製作一個動態(tài)按鈕，當(dāng)滑鼠移動到按鈕上時，按鈕上的字變?yōu)辄S色，背景變成藍(lán)色。

圖4.14任務(wù)要求(3)頁面代碼ex04-011.html實(shí)現(xiàn)如上功能

(4)代碼說明4.3.4樣式應(yīng)用案例3——頁面定位(1)頁面定位。頁面定位是指網(wǎng)頁作者可以精確地將一個網(wǎng)頁元素定位在某一個座標(biāo)。

(2)任務(wù)要求：製作一個頁面，在頁面中使一幅圖像與文字有部分重疊。(3)完成該任務(wù)ex04-012.html的代碼清單

(4)該代碼在流覽器中顯示如圖4.15。圖4.15網(wǎng)頁元素定位4.3.5樣式應(yīng)用案例4——版面配置

(1)網(wǎng)頁中圖像和文字配置得當(dāng)，可以使一個網(wǎng)頁的視覺效果良好。

(2)任務(wù)要求：製作一個頁面，在頁面上有四幅圖像,使用<DIV>和<SPAN>標(biāo)記，使其中兩幅在不同行、兩幅在同一行顯示。頁面如圖4.16所示。圖4.16<DIV>和<SPAN>標(biāo)記的使用

(3)完成該任務(wù)ex04-013.html的代碼清單4.4可視化頁面製作與管理工具

FrontPage2000FrontPage2000是微軟公司的Office2000辦公組件之一，它採用了“所見即所得”的網(wǎng)頁編輯方式，易於普及，適合多數(shù)人員使用。4.4.1FrontPage2000的功能和特點(diǎn)

FrontPage2000集網(wǎng)頁的設(shè)計、編輯、網(wǎng)站的創(chuàng)建、管理和發(fā)佈等多種功能於一體，較早期版本有了較大的改進(jìn)。它的主要功能與特點(diǎn)如下：(1)用於創(chuàng)建、設(shè)計、發(fā)佈、組織、管理和維護(hù)一個Web站點(diǎn)

(2)它是Office2000的一個組件，與Office2000完全結(jié)合，與其有相似的用戶介面、很多相同的功能及部分共用資源。(3)具有絕對和相對定位兩種定位方式。

(4)提供多種樣式，供用戶選擇。4.4.2FrontPage2000使用案例——簡單網(wǎng)頁製作

(1)任務(wù)要求：使用FrontPage2000完成4.2節(jié)中4.2.5HTML應(yīng)用案例4的製作。

(2)製作步驟

圖

4.17FrontPage2000介面圖

4.18“新建”網(wǎng)站對話框

圖

4.19MyWebs站點(diǎn)的檔圖4.20建立超級鏈接

圖4.21“創(chuàng)建超鏈接”對話框

圖4.22網(wǎng)頁的超鏈接狀況4.5網(wǎng)頁製作實(shí)訓(xùn)課題——應(yīng)用技術(shù)學(xué)院網(wǎng)站的建設(shè)

4.5.1網(wǎng)頁的基本元素和網(wǎng)頁製作的基本步驟1.網(wǎng)頁的基本元素2.網(wǎng)頁製作的基本步驟

圖4.23網(wǎng)頁製作步驟4.5.2應(yīng)用技術(shù)學(xué)院網(wǎng)站建設(shè)目標(biāo)應(yīng)用技術(shù)學(xué)院網(wǎng)站的主要目的是宣傳學(xué)院的建設(shè)與發(fā)展，為學(xué)生、教師和社會服務(wù)。

4.5.3搜集有關(guān)資料、規(guī)劃網(wǎng)頁內(nèi)容

4.5.4繪製網(wǎng)站結(jié)構(gòu)藍(lán)圖圖

4.24應(yīng)用技術(shù)學(xué)院網(wǎng)站藍(lán)圖4.5.5製作網(wǎng)頁1.創(chuàng)建網(wǎng)站(1)啟動FrontPage2000，單擊菜單欄中的“檔”，在下拉菜單中單擊“新建”，在級連菜單中單擊“網(wǎng)站”選項(xiàng)，彈出“新建”對話框，如圖4.25所示。(2)對話框中列出三個站點(diǎn)建立嚮導(dǎo)和五個網(wǎng)站範(fàn)本。

圖4.25“新建”網(wǎng)站對話框

2.製作首頁

(1)製作標(biāo)題。

圖4.26新創(chuàng)建的網(wǎng)站

(2)在表格中輸入標(biāo)題“北京聯(lián)合大學(xué)”，並編輯標(biāo)題顯示的字體、大小和顏色，如圖4.27所示。

圖

4.27編輯標(biāo)題(3)插入按鈕。另起一行，

把游標(biāo)移到中間的位置，在菜單欄中選擇“插入

→

圖片→

來自檔”選項(xiàng)，出現(xiàn)“圖片”對話框，如圖4.28所示，在對話框中選擇按鈕圖片的檔案名，本案例是“anniu1.gif”，單擊“確定”按鈕。圖4.28插入按鈕(4)插入字幕

圖4.29“字幕屬性”對話框(5)在字幕的下一行插入學(xué)校外景圖片，圖片的名稱是“back0.gif”。

圖4.30預(yù)覽首頁3.製作應(yīng)用技術(shù)學(xué)院主頁在工具欄中選擇“新建網(wǎng)頁”圖示，在編輯窗口出現(xiàn)一個新網(wǎng)頁，默認(rèn)名為new_page_2.htm。(1)制定頁面佈局

圖4.31“插入行或列”對話框

圖4.32主頁佈局(2)網(wǎng)站導(dǎo)航欄目

在表格“網(wǎng)站導(dǎo)航”欄目單元格中單擊滑鼠右鍵，在彈出的下拉菜單中選擇“單元格屬性”，彈出

“單元格屬性”對話框，如圖4.33所示。

圖

4.33“單元格屬性”對話框圖

4.34“圖片”對話框圖4.35網(wǎng)站導(dǎo)航單元格

圖

4.36主頁的標(biāo)題欄(3)製作“應(yīng)用技術(shù)學(xué)院標(biāo)題”欄目

(4)製作“聯(lián)絡(luò)資訊”欄目

圖4.37“聯(lián)絡(luò)資訊”欄目4.創(chuàng)建首頁與主頁的超鏈接

(1)在FrontPage2000的“檔夾列表”欄目中雙擊new_page_1.htm檔，打開首頁，用滑鼠右鍵單擊首頁上的按鈕圖片，彈出下拉菜單，在下拉菜單中選擇“超鏈接”，彈出“創(chuàng)建超鏈接”對話框，如圖4.38所示。

圖4.38創(chuàng)建超級鏈接

(2)以同樣方法，打開主頁，檔案名是new_page_2.htm?；笥益I單擊主頁上的“BACK”按鈕，在下拉菜單中選擇“超鏈接”，在“URL”欄目的文本框輸入首頁的URL，本案例是new_page_1.htm，主頁與首頁的超鏈接成功。(3)預(yù)覽首頁與主頁的超鏈接。在FrontPage2000的編輯窗口選擇的“預(yù)覽”標(biāo)籤，單擊首頁的進(jìn)入按鈕，頁面跳轉(zhuǎn)到主頁。同樣，單擊主頁的“BACK”按鈕，

返回到首頁。說明首頁與主頁的超鏈接成功。5.“專業(yè)介紹”頁面製作在工具欄中選擇“新建網(wǎng)頁”圖示，在編輯窗口出現(xiàn)一個新網(wǎng)頁，默認(rèn)名為new_page_3.htm。在“專業(yè)介紹”頁面中，增加背景圖案。在菜單欄中選擇“格式

→

背景”,彈出“網(wǎng)頁屬性”對話框，如圖4.38所示。

圖4.39“網(wǎng)頁屬性”對話框4.5.6測試網(wǎng)頁用戶可以在流覽器或FrontPage2000的“預(yù)覽”標(biāo)籤中測試製作完成的網(wǎng)站，是否符合需求。4.5.7網(wǎng)站的發(fā)佈

1．在個人Web伺服器上發(fā)佈網(wǎng)站(1)把Windows98的個人Web伺服器設(shè)置為默認(rèn)Web伺服器，執(zhí)行圖

4.40“FrontPageServerAdministrator”對話框

2．在IIS上發(fā)佈網(wǎng)站練習(xí)

1.

HTML的中文名稱和英文名稱是什麼？它在頁面中起什麼作用？2.

DHTML的英文名稱是什麼？它的主要作用是什麼3.

開發(fā)者可以使用哪幾種編輯器編輯HTML文檔，請列舉出一、二種常用的編輯器的名稱。4.

HTML文檔的擴(kuò)展名是什麼？5.

HTML的本質(zhì)是什麼，它是什麼格式的檔？6.

HTML檔的結(jié)構(gòu)是什麼樣的？7.

DHTML技術(shù)主要由哪幾部分組成？8.

CSS的主要功能是什麼？9.

FrontPage2000的新特點(diǎn)和新功能是什麼？簡述FrontPage2000介面的基本組成。

10.

簡述FrontPage2000介面的基本組成。11.

如何使用FrontPage2000在網(wǎng)頁中嵌入圖片，把一幅圖片設(shè)置為超鏈接？12.

網(wǎng)頁的基本元素有哪些？13.

一般來講建設(shè)一個網(wǎng)站要經(jīng)過哪幾個步驟？14.

如何發(fā)佈網(wǎng)頁？上機(jī)練習(xí)

上機(jī)練習(xí)1：使用HTML製作一個頁面，要有背景圖案、頁面顯示內(nèi)容及格式，如圖4.47所示。

圖4.47頁面顯示內(nèi)容及格式

上機(jī)練習(xí)2：製作一個頁面顯示如下圖形：

****************上機(jī)練習(xí)3：使用HTML/DHTML技術(shù)製作一個本學(xué)期使用的課表。上機(jī)練習(xí)4：製作一個頁面，上有文字和圖像，在文字和圖像上創(chuàng)建超級鏈接，當(dāng)用戶點(diǎn)擊鏈接時，

頁面轉(zhuǎn)跳到其他頁面。上機(jī)練習(xí)5：製作一個計算器介面，介面如圖4.48所示。

圖4.48計算器介面上機(jī)練習(xí)6：使用DHTML技術(shù)製作一個頁面，頁面內(nèi)容及顯示格式如下：

DHTML技術(shù)(紅色)CSS用於定義Web頁面內(nèi)容在流覽器上的顯示方式，由於HTML的功能有限，一般不能隨意設(shè)計版面和編排文字，所以W3C公佈了一套HTML的擴(kuò)展標(biāo)準(zhǔn)CSS，擴(kuò)展了HTML在排版和文字式樣上的功能(藍(lán)色)。

通過樣式定義可以設(shè)定很多屬性，如字型大小、顏色、頁邊距、元素在頁面上的絕對位置等(紫色)。上機(jī)練習(xí)7：修改上機(jī)練習(xí)5的代碼，使頁面上的文字和按鈕具有動態(tài)效果。例如，當(dāng)用戶把滑鼠移動到按鈕上時，按鈕將改變其顯示方式等。上機(jī)練習(xí)8：製作一個頁面，使圖像的說明文字在圖像之中，請注意文字顏色的選擇，使用戶能把圖像和文字區(qū)分開。上機(jī)練習(xí)9：製作一個頁面，頁面上有七幅圖像，其中三幅圖像和有關(guān)圖像的說明排成一列，另外四幅和有關(guān)圖像的說明排成一行。上機(jī)練習(xí)10:熟悉FrontPage2000介面的應(yīng)用，並製作一個簡單的站點(diǎn)。實(shí)訓(xùn)課題

實(shí)訓(xùn)課題1：使用FrontPage2000製作一個個人網(wǎng)站，在人才市場推銷自己，製作完成後進(jìn)行測試併發(fā)布(可以在個人Web伺服器上進(jìn)行發(fā)佈)。實(shí)訓(xùn)課題2：使用FrontPage2000為某企業(yè)製作一個網(wǎng)站。實(shí)訓(xùn)課題3：使用FrontPage2000“討論站點(diǎn)嚮導(dǎo)”建立一個電子論壇，討論共同感興趣的問題。實(shí)訓(xùn)課題4：使用FrontPage2000開發(fā)一個年級網(wǎng)站，網(wǎng)站包含以下內(nèi)容：(1)讀者所在系的資訊。(2)所在年級資訊。(3)所在班級資訊。(4)每個同學(xué)的資訊。腳本語言的應(yīng)用

5.1腳本語言的功能5.2window對象應(yīng)用5.3JavaScript(JScript)的應(yīng)用5.4VBScript的應(yīng)用5.5VBScript應(yīng)用實(shí)訓(xùn)——計算器的製作5.6JavaScript應(yīng)用實(shí)訓(xùn)——銀行利息查詢練習(xí)

上機(jī)練習(xí)實(shí)訓(xùn)課題5.1腳本語言的功能

5.1.1腳本語言概述腳本是一種能夠完成某些功能的小程式段。這些程式段在程式運(yùn)行過程中被逐行解釋執(zhí)行。在腳本中使用的命令和語句集被稱為腳本語言。腳本語言可嵌入HTML頁面，並被流覽器解釋執(zhí)行。腳本分伺服器端腳本和客戶端腳本兩種，伺服器端腳本是在伺服器上運(yùn)行的腳本程式，客戶端腳本是在客戶機(jī)上運(yùn)行的腳本程式。5.1.2JavaScript腳本語言應(yīng)用示例——動畫效果的應(yīng)用

(1)任務(wù)要求：要求頁面上有一幅圖像，在圖像上有文字“請擊我”(請注意文字顏色的選擇)，當(dāng)用戶點(diǎn)擊圖像時，圖像有所動作。

(2)完成以上任務(wù)的代碼清單

圖5.1JavaScript腳本語言示例

圖5.2VBScript腳本語言示

(3)頁面代碼說明5.1.3VBScript腳本語言應(yīng)用示例——圖像互換位置

(1)任務(wù)要求：要求頁面上有兩幅圖像及有關(guān)圖像說明的文字，當(dāng)用戶用滑鼠左鍵單擊頁面時，圖像交換位置。介面如圖5.2所示。

(2)完成以上任務(wù)的代碼清單

(3)代碼說明5.2window對象應(yīng)用

5.2.1對象的概念對象(Object)：對象是組成軟體的基本模組，每個對象是一個封裝起來的獨(dú)立模組，完成某個特定的任務(wù)。對象有屬性(property)、方法(method)和事件(even)。

(1)屬性：指對象表現(xiàn)出來的狀態(tài)或特徵。

(2)方法(Method)：指與特定對象相關(guān)聯(lián)的某些操作。

(3)事件：指對象所碰到的事情，例如用戶用滑鼠左鍵單擊一個按鈕等。5.2.2window對象的構(gòu)成

window對象和它的最主要一個下層對象的結(jié)構(gòu)見圖5.3。5.2.3window對象應(yīng)用案例1——狀態(tài)欄內(nèi)容的更新

圖5.3window對象圖5.4window對象應(yīng)用案例1(1)任務(wù)要求：頁面上有一個按鈕，當(dāng)用戶把滑鼠移動到按鈕上時，狀態(tài)欄輸出“朋友們好！”，3000ms(毫秒)後狀態(tài)欄輸出“歡迎！”。

(2)完成該任務(wù)的頁面代碼ex05-003.html清單

(3)代碼說明5.2.4window對象應(yīng)用案例2——觸發(fā)事件對象的資訊獲取

(1)任務(wù)要求：頁面如圖5.5所示，當(dāng)用戶用滑鼠在頁面不同位置上單擊時，彈出對話框，顯示該位置觸發(fā)onClick事件的對象的標(biāo)記名和它的ID。

(2)實(shí)現(xiàn)以上任務(wù)的頁面代碼ex05-004.html清單

(3)頁面代碼的說明5.2.5window對象的屬性、方法和事件簡介

1.?window對象的屬性

表5.1window對象的屬性2.?window對象的方法屬性名稱說明範(fàn)例name當(dāng)前窗口的名字parent當(dāng)前窗口的父窗口self當(dāng)前打開的窗口self.status=“你好”top窗口集合中的最頂層窗口status設(shè)置當(dāng)前打開窗口狀態(tài)欄的顯示數(shù)據(jù)self.status=“歡迎”defaultStatus當(dāng)前窗口狀態(tài)欄的缺省數(shù)據(jù)self.defaultStatus=“歡迎”表5.2window對象的方法方法名稱說明範(fàn)例alert()創(chuàng)建一個帶“確定”按鈕的對話框window.alert(‘輸入錯誤！’