Internet应用与网络课件

第1章網絡基礎

電腦網絡涉及到電腦技術和通信技術，網路通過通信設備和線路把地理位置不同的電腦或電腦系統連接起來，實現網路資源的共用。

本章訓練目標：(1)掌握因特網/企業網的基本概念及它們的功能。(2)理解OSI七層協議的主要功能和TCP/IP協議的結構與功能。(3)初步掌握企業網IP地址的規劃方法。(4)掌握網上資源定位方法。

網絡基礎

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

功能1.2TCP/IP協議的組成、結構與功能1.3IP地址與功能變數名稱的概念1.4IP地址的使用與企業網IP地址規劃實訓1.5統一資源定位符的使用(URL)練習1.1Internet/Intranet的基本概念

和它們的功能

1.1.1Internet/Intranet的基本概念

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

1.1.2Internet/Intranet的基本功能

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

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

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

(4)遠程登錄(Telnet)。Internet用戶可以使用Telnet命令使自己的電腦進入遠程主機系統上。

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

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

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

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

與功能

電腦之間的數據通信必須遵守某種約定和規程，這些約定和規程就是網路通信協議。國際標準化組織(ISO)提出的“開放系統互連模型”是電腦網絡通信的基本協議。TCP/IP是Internet使用的通信協議。1.2.1OSI參考模型1.2.2TCP/IP協議

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

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

7應用層ApplicationLayer在用戶進程之間交互用戶資訊，直接為用戶提供服務

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

表1.2TCP/IP的層次結構

層的名稱

功能簡述

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

傳輸層(TCP)提供端到端的數據傳輸服務

網際層(IP)定義數據報，處理路由

網路訪問層接收網際層數據報，通過網路發送；從網路上接收數據送交IP層1.3IP地址與功能變數名稱的概念

Internet是一個數字世界，網上定位是由一長串數字(IP地址)來實現的，由於IP地址不易記憶，人們使用功能變數名稱解析系統，為每臺主機指定一個易於記憶的名字(功能變數名稱)與IP地址對應。1.3.1IP地址——網上數字門牌號

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

表1.3IP地址格式

字節1

字節2

字節3

字節4位0123456781516232431A類0網路地址(7位，數目少)

主機地址(24位，數目多)B類10

網路地址(14位，數目中等)

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

網路地址(21位，數目多)主機地址(8位)D類1110

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

保留地址(供實驗和將來使用)

圖1.1三級結構圖

子網掩碼可以將一個IP地址正確分解為對應的網路地址、子網地址及主機地址。

1.3.2功能變數名稱——網上文字門牌網上主機的IP地址是一個四組十進位數，使用起來很不方便，人們又為網上的主機指定了一個易於記憶的功能變數名稱，並開發了一個功能變數名稱解析系統(DNS：DomainNameSystem)，使每臺主機的功能變數名稱與它的IP地址一一對應。功能變數名稱的結構:主機名.三級功能變數名稱.二級功能變數名稱.一級功能變數名稱分為四個區域，從左到右表示的區域範圍越來越大。1.4IP地址的使用與企業網

IP地址規劃實訓

1.4.1IP地址實訓1——根據IP地址判斷其網路類別、網路地址和主機地址已知主機的IP地址為33，請確定該主機所在網路的類別、網路號及它的主機號。判斷步驟如下：

(1)把四組十進位數轉變為四位元組32位的二進位數。

(2)確定網路類別。

(3)確定網路地址。

(4)確定主機地址。結論：該主機所在網路的類別是C類，網路號為202.196.0，主機編號為133。1.4.2IP地址實訓2

已知主機的IP地址是55，試確定該主機所在網路的類別、網路號及它的主機號。(1)把四組十進位數轉變為四位元組32位的二進位數：

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

1.4.3IP地址實訓3

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

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

1.4.4IP地址實訓4——為單位規劃IP地址

(1)申請IP地址。

(2)確定子網地址的位數與子網地址。

圖1.2子網地址位數與主機地址位數的分配

1.5統一資源定位符的

使用(URL)

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

1.5.1URL格式

(1)

協議。

(2) ://是URL規範要求的標記。

(3)主機名。

(4)檔路徑。

1.5.2URL的使用

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

練習

1.

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

請比較Internet與Intranet的區別和聯繫。3.

Intranet使用什麼技術？4.

什麼叫主機？5.

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

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

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

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

什麼是Internet上主機的功能變數名稱？10. Internet上主機的IP地址和功能變數名稱的關係是什麼？11. 以下幾個IP地址中哪幾個是合法的IP地址？為什麼？並確認合法IP地址是屬於哪類的，它們的網路地址及主機地址是什麼？1)202.8664.46.1332)3)75

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

上網操作

2.1接入Internet實訓2.2網上流覽與收發郵件實訓練

習

上機練習實訓課題2.1接入Internet實訓

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

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

2.聯網所需要的軟體使用Internet還需要有相應的軟體環境。一般PC使用

一般PC使用Windows95/98操作系統，它們完全支持互聯網標準，且內置了連接到Internet的所有通訊協議，包括上網必需的TCP/IP通訊協議，並捆綁了流覽器IE，用它實現網路接入十分方便。

3.選擇ISP申請帳號

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

4.撥號上網的硬體設備的連接撥號上網，需要通過數據機把電話線和電腦連接起來。外置式數據機的連接見圖2.1。

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

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

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

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

(3)出現

“安裝新的數據機”對話框，如圖2.3所示。

圖2.2“安裝新的數據機”對話框

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

圖2.4選擇通訊端口

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

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

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

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

圖2.10“選擇網路協議”對話框

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

→

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

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

圖2.12“網路”窗口圖2.13“自動獲取IP地址”

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

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

→

附件

→

Internet工具

→

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

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

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

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

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

圖2.26微軟公司主頁

圖2.27新浪網站主頁

2.2.2使用OutlookExpress收發電子郵件1.啟動OutlookExpress

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

2.接收郵件在圖2.28中選擇“發送/接收”按鈕，系統將接收郵件，並

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

圖2.29發送郵件

練習

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

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

上機練習

上機練習1：完成接入Internet的準備工作、撥號聯網的硬體設備的選擇與連接。上機練習2：完成Internet的接入操作。上機練習3：安裝IE5.0，並設置OutlookExpress。

Web站点的安装、配置与应用

3.1Web的基本工作過程及Web站點的構成3.2個人Web伺服器的安裝、配置與應用實訓3.3WindowsNT上Web站點的規劃、安裝、配置和應用實訓

練習上機練習實訓課題3.1Web的基本工作過程及Web

站點的構成

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

通過客戶機訪問Web的結構如圖3.1所示。在三層結構中，客戶機通過Internet/Intranet網路訪問應用伺服器，應用伺服器根據客戶請求自動完成對數據庫數據的操作，然後把處理結果返回客戶機。

圖3.1客戶機/Web伺服器/資料庫伺服器三層結構3.1.2Web的基本工作過程

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

Web的工作過程見圖3.2，它的工作步驟如下：(1)用戶啟動客戶端流覽器，在流覽器中確定將要訪問頁面的URL地址。(2)Web伺服器根據流覽器送來的請求，把URL地址轉換成頁面所在伺服器上的檔路徑名，找到相應的檔。(3)如果URL指向HTML文檔，Web伺服器使用HTTP協議把該文檔直接送給流覽器。(4)流覽器解釋HTML文檔，在客戶端螢幕上向用戶展示結果。圖3.2Web的工作過程3.1.3Web站點的構成1.Web站點的構成

圖3.3是一個實際Web站點的結構示意圖，站點軟體使用了微軟的配套產品。

圖3.3Web站點結構示意圖2.功能變數名稱註冊

一般功能變數名稱應突出站點所在單位的名稱和特點。中國互聯網中心(CNNIC)是我國cn功能變數名稱的授權管理和運行機構，負責cn功能變數名稱註冊以及國內用戶註冊國際com功能變數名稱的備案。

3.Web伺服器解決方案

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

圖3.4PWS軟體結構(2)IIS解決方案。IIS是一個安全的可擴展的Web伺服器，它提供管理和維護Internet/Intranet站點的能力。圖3.5IIS伺服器環境的軟體結構3.2個人Web伺服器的安裝、配置與應用實訓

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

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

圖3.10測試IP地址的設定圖3.11測試DNS的配置3.2.4Windows98上的個人Web伺服器的安裝與應用實訓

1.Windows98個人Web伺服器安裝實訓

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

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

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

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

打開缺省主頁。圖3.18個人Web伺服器缺省主頁3.3WindowsNT上Web站點的規劃、安裝、配置和應用實訓

3.3.1Web站點規劃——一個小企業的Intranet規劃實訓1．校園網內Web站點的規劃

(1)網路環境的規劃。圖3.19示意了兩個通過校園網接入Internet的子網。圖3.19Intranet仿真環境(2)網路參數。

(3)子網1伺服器主機。表3.1主服務機上伺服器列表2.模擬網絡環境圖3.20是一個簡單的模擬網絡環境，讀者可以用兩臺

PC機聯網，一臺做Web伺服器，一臺做客戶機，在服務器上安裝常用的網路服務，進行實驗開發工作。伺服器名稱伺服器功能變數名稱伺服器IP地址WWWServer0DNSServer0FTPServer0圖3.20模擬網絡環境3.3.2WindowsNTServer安裝實訓1.啟動安裝2.開始安裝3.基於圖形模式的安裝階段3.3.3TCP/IP協議配置實訓

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

圖3.21配置IP地址圖3.22選擇IIS組件3.3.4伺服器軟體的安裝、配置與應用實訓1.安裝IIS2.02.安裝ServerPack5.03.安裝IIS4.04.Web站點的發佈圖3.24主頁發佈5.FTP的應用6.Exchange的安裝、配置與測試練習

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

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

實訓課題

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

4.1HTML/DHTML的結構4.2HTML的應用4.3DHTML技術基礎

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

FrontPage20004.5網頁製作實訓課題——應用技術學院網站的建設練

習上機練習實訓課題4.1HTML/DHTML的結構

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

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

圖4.4DHTML示例圖4.5動態改變網頁(5)讀者可以看到，在HTML的基礎上使用了腳本語言(Script)，使網頁產生動態效應。

3. DHTML結構

(1)DHTML的特點。

(2)DHTML的結構。

圖4.6DHTML的組成4.2HTML的應用

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

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

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

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

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

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

4.2.6HTML應用案例5——表單(FORM)和輸入標記(1)表單的作用

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

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

圖4.11表單標記的使用

(4)代碼說明

4.3DHTML技術基礎

4.3.1CSS的基本概念

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

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

}

4.3.2樣式應用案例1——把樣式套用到網頁上1.任務要求請在流覽器窗口中輸出如下字樣的文字。見圖4.13。

圖4.13網頁樣式要求2．實現方案1：內聯式樣式單內聯式樣式只包含在與它有關的標記內，對頁面上其他任何標記不起作用。

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

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

4.3.3樣式應用案例2——動態風格

(1)動態風格簡介。動態內容是指不需要下載或重新構建一個完整的新頁面，就可以改變文檔的部分內容。

(2)任務要求。製作一個動態按鈕，當滑鼠移動到按鈕上時，按鈕上的字變為黃色，背景變成藍色。

圖4.14任務要求(3)頁面代碼ex04-011.html實現如上功能

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

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

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

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

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

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

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

FrontPage2000集網頁的設計、編輯、網站的創建、管理和發佈等多種功能於一體，較早期版本有了較大的改進。它的主要功能與特點如下：(1)用於創建、設計、發佈、組織、管理和維護一個Web站點

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

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

(1)任務要求：使用FrontPage2000完成4.2節中4.2.5HTML應用案例4的製作。

(2)製作步驟

圖

4.17FrontPage2000介面圖

4.18“新建”網站對話框

圖

4.19MyWebs站點的檔圖4.20建立超級鏈接

圖4.21“創建超鏈接”對話框

圖4.22網頁的超鏈接狀況4.5網頁製作實訓課題——應用技術學院網站的建設

4.5.1網頁的基本元素和網頁製作的基本步驟1.網頁的基本元素2.網頁製作的基本步驟

圖4.23網頁製作步驟4.5.2應用技術學院網站建設目標應用技術學院網站的主要目的是宣傳學院的建設與發展，為學生、教師和社會服務。

4.5.3搜集有關資料、規劃網頁內容

4.5.4繪製網站結構藍圖圖

4.24應用技術學院網站藍圖4.5.5製作網頁1.創建網站(1)啟動FrontPage2000，單擊菜單欄中的“檔”，在下拉菜單中單擊“新建”，在級連菜單中單擊“網站”選項，彈出“新建”對話框，如圖4.25所示。(2)對話框中列出三個站點建立嚮導和五個網站範本。

圖4.25“新建”網站對話框

2.製作首頁

(1)製作標題。

圖4.26新創建的網站

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

圖

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

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

→

圖片→

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

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

圖4.30預覽首頁3.製作應用技術學院主頁在工具欄中選擇“新建網頁”圖示，在編輯窗口出現一個新網頁，默認名為new_page_2.htm。(1)制定頁面佈局

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

圖4.32主頁佈局(2)網站導航欄目

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

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

圖

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

4.34“圖片”對話框圖4.35網站導航單元格

圖

4.36主頁的標題欄(3)製作“應用技術學院標題”欄目

(4)製作“聯絡資訊”欄目

圖4.37“聯絡資訊”欄目4.創建首頁與主頁的超鏈接

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

圖4.38創建超級鏈接

(2)以同樣方法，打開主頁，檔案名是new_page_2.htm。滑鼠右鍵單擊主頁上的“BACK”按鈕，在下拉菜單中選擇“超鏈接”，在“URL”欄目的文本框輸入首頁的URL，本案例是new_page_1.htm，主頁與首頁的超鏈接成功。(3)預覽首頁與主頁的超鏈接。在FrontPage2000的編輯窗口選擇的“預覽”標籤，單擊首頁的進入按鈕，頁面跳轉到主頁。同樣，單擊主頁的“BACK”按鈕，

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

→

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

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

1．在個人Web伺服器上發佈網站(1)把Windows98的個人Web伺服器設置為默認Web伺服器，執行圖

4.40“FrontPageServerAdministrator”對話框

2．在IIS上發佈網站練習

1.

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

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

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

HTML文檔的擴展名是什麼？5.

HTML的本質是什麼，它是什麼格式的檔？6.

HTML檔的結構是什麼樣的？7.

DHTML技術主要由哪幾部分組成？8.

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

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

10.

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

如何使用FrontPage2000在網頁中嵌入圖片，把一幅圖片設置為超鏈接？12.

網頁的基本元素有哪些？13.

一般來講建設一個網站要經過哪幾個步驟？14.

如何發佈網頁？上機練習

上機練習1：使用HTML製作一個頁面，要有背景圖案、頁面顯示內容及格式，如圖4.47所示。

圖4.47頁面顯示內容及格式

上機練習2：製作一個頁面顯示如下圖形：

****************上機練習3：使用HTML/DHTML技術製作一個本學期使用的課表。上機練習4：製作一個頁面，上有文字和圖像，在文字和圖像上創建超級鏈接，當用戶點擊鏈接時，

頁面轉跳到其他頁面。上機練習5：製作一個計算器介面，介面如圖4.48所示。

圖4.48計算器介面上機練習6：使用DHTML技術製作一個頁面，頁面內容及顯示格式如下：

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

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

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

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

上機練習實訓課題5.1腳本語言的功能

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

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

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

圖5.1JavaScript腳本語言示例

圖5.2VBScript腳本語言示

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

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

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

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

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

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

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

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

window對象和它的最主要一個下層對象的結構見圖5.3。5.2.3window對象應用案例1——狀態欄內容的更新

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

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

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

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

(2)實現以上任務的頁面代碼ex05-004.html清單

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

1. window對象的屬性

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