Web編程實用技術教程第二版第1章Internet的基礎知識.ppt

1、第1章 Internet的基礎知識,Web編程實用技術教程,學習目標,了解Internet的基本概念，發(fā)展方向及其重要性； 了解Internet的工作原理及其TCP/IP協(xié)議的重要性； 理解WWW的含義，重要性及應用； 掌握Web技術及B/S模式； 學會用Dreamweaver創(chuàng)建及管理網站。,目錄,1.1 Internet的概述,1.2 Web技術和應用,1.3 建立和管理本地站點,1.1 Internet的概述,一、Internet簡介 Internet（因特網）是全世界范圍內千百萬臺計算機組成的全球信息網絡。Internet原本網間網之意，由于它的國際性，又被稱為國際互聯(lián)網。,1Inte

2、rnet與Intranet概念 （1）Internet與計算機網絡 計算機網絡提供的服務主要是：,二、Internet的工作原理（TCP/IP協(xié)議）,提供計算機間的通信 提供計算機間的資源共享 提供計算機分布計算,計算機網絡的分類：,局域網（LAN） ：地理連接緊密的 廣域網（WAN）：地理連接遙遠,LAN：可只使用網內設備的計算機網，如：校園網、實驗室的內部網、工廠的內部網等。 WAN：將不同的局域網連接起來，局域網間連接采用路由器連接。,計算機 計算機 計算機,計算機 計算機 計算機,LAN1,LAN2,LAN3,LAN4,Router,路由器提供一個網絡到另一個網絡間的數據鏈路或路由選擇

3、。 Internet是通過眾多的Router將無數的局域網 連接起來的廣域網。 Internet還是一個用戶可使用的多種服務集合。 包括：電子郵件、WWW、IRC交談等功能。 Internet也是全世界千百萬人聚集在一起交流 思想、觀點，共享資源的地方。,（2）Intranet（內網）一個因特網Web站點的結構與一個內網Web站點的結構是非常相似的。兩者間主要的區(qū)別在于所涉及的網絡范圍不同。內網Web站點只能由一個或幾個機構的特定用戶訪問，而一個因特網站點卻可以由全世界的千百萬人訪問。,2、Internet的工作原理（TCP/IP通訊協(xié)議） TCP/IP：傳輸控制協(xié)議互聯(lián)網絡協(xié)議 （1) 通信

4、協(xié)議的層次結構 計算機通信協(xié)議具有層次化原則 圖際標準化組織公布的ISO/OSI參考模型分七層： 物理層、數據鏈路層、網絡層、傳輸層、會話層、表示層和應用層。 TCP/IP的優(yōu)點：結構簡單、容易實現(xiàn)和功能可靠 (TCP/IP協(xié)議四層結構),TCP/IP協(xié)議采用的通信方式是分包交換方式。 所謂分包交換即是數據在傳輸時要分成若干段，每個數據段稱為一個分包（packet）。 TCP/IP的基本傳輸單位是數據報（datagram）。 可以把數據看成是一封長信，分裝在幾個信封中郵寄出去。TCP/IP協(xié)議實際上主要包括兩個最主要的協(xié)議，即TCP協(xié)議和IP協(xié)議。,（2）TCP/IP協(xié)議的數據傳輸過程： 首先

5、由TCP協(xié)議把數據分成若干數據報，給每個數據報加上一個TCP信封（即報頭），上面寫著數據報的編號，以便在接收端把數據還原成原來的格式。 IP協(xié)議把每個TCP信封再套上一個IP信封，在上面寫上接收主機的地址。一旦準備好IP信封就可以在物理網上傳送數據了。,這些IP信封可以通過不同的傳輸途徑（路由）進行傳輸。由于路徑不同，再加上其他以外的原因，可能出現(xiàn)順序顛倒、數據丟失、數據失真等現(xiàn)象。這些問題都由TCP協(xié)議來處理，它具有檢查和處理錯誤的功能，必要時還可以請求發(fā)送方重發(fā)。 簡言之，IP協(xié)議負責數據的傳輸，而TCP協(xié)議負責數據傳輸的可靠傳輸。,（3）TCP/IP協(xié)議族的基本功能,其中最重要的協(xié)議有：

6、 簡單郵政傳輸協(xié)議SMTP：主要用來傳輸電子郵件 域名服務DNS和域名服務協(xié)議DSP：域名是IP地址的文字表現(xiàn)形式 文件傳輸協(xié)議FTP：主要用來進行遠程文件傳輸。 遠程登錄Telnet：用來與遠程主機建立仿真終端。 用戶數據報協(xié)議UDP：該協(xié)議可以代替TCP協(xié)議與IP協(xié)議和其他協(xié)議共同使用。利用UDP協(xié)議傳輸數據時不必使用報頭，此外它也不處理丟失、出錯和失序等意外情況。,（4）TCP/IP協(xié)議的特點： 普遍適用于各種硬件平臺，從微型機到巨型機均可使用 效率高：通信協(xié)議在層次化上作了簡化 可靠性高 有豐富的軟件產品形式 許多重要部門都使用 低層結構的屏蔽，不必了解硬件連接細節(jié)，用戶界面獨立于網絡

7、 對網絡結構沒有規(guī)定，易擴充,1、IP地址的意義 在Internet的通訊協(xié)定中，必須為每臺上線的計算機主機設置一個唯一的地址（IP地址），以便于數據能正確傳到終點。 在TCP/IP協(xié)議中，規(guī)定分配給每臺主機一個 位數作為該主機IP地址。將位數中每8 位為一組,用十進制表示，用點號分割各部分。 最小值為 0,最大值為255，因此，IP地址范圍為 到55。,三、 Internet的IP地址與域名規(guī)定,IP 地 址 IP地址四個字節(jié)表示為 X.Y.Z.K,IP地址分類,分為三部分：類別標志（可用X表示）、網絡號和主機號,2、域名（Domain Name）的意

8、義 （1）域名通常是指用戶所在的主機名字或地址。 （2）任何一個連接在因特網上的主機或路由器，都有一個唯一的域名。 為了便于記憶，用一組英文簡稱來代替難記的IP地址。 Domain Name的命名基本原則如下： 要以字母開頭 不分大小寫 每一層區(qū)域一點號（.）分隔 除了最左邊的表示機器外，其余的都表示層次 整個區(qū)域名稱長度不超過255個字符 在Internet上將域名轉換成IP address，以提供用戶查詢、辨識且連上網絡主機的服務成為DNS。,（3） 域名的命名機制 一個域名可由幾個部分（子域名）組成，按照從自身向上至頂層域的路徑命名，中間用圓點“.”分隔。每個子域名都有其特定的含義。其中

9、最重要的頂級域在右邊，最左邊是主機名，中間為子域名。從右到左，子域名分別表示不同地區(qū)或國家名稱、組織類型、組織名稱、分組織名稱和計算機名稱等。 如： 其中：cn：中國 edu：教育機構 nwpu：一個學校的名稱 ncti：該學校中一個系或研究所的名稱,域名的定義域名是層次化的，成樹狀結構（倒掛樹），名稱的最右邊節(jié)點在樹的上層，左邊節(jié)點則在下層。其結構為： 根 在根下的頂級（top）域名 在某個頂級域名下的第二級域名 在某個第二級域名下的第三級域名 葉：主機域名,常用根區(qū)域名稱及說明,1.2 Web技術和應用,一、Web的概念 Web是World Wide Web的簡稱，所以又稱為3W、W3、W

10、WW，中文一般譯為萬維網。 起源：由歐洲粒子物理實驗室的工作人員開發(fā)，目的是為科研人員共享學術信息提供有效途徑。 發(fā)展：作為一種通用的信息檢索和服務手段。,構成 Web體系結構的基本元素： Web服務器 Web瀏覽器 與服務器之間的通信協(xié)議HTTP 寫Web文檔的語言HTML 用來標識Web上的資源的URL,Web的工作過程,瀏覽者在本地計算機通過瀏覽器向Web服務器發(fā)出URL請求，Web服務器收到請求后將所需內容發(fā)送回本地計算機，再由瀏覽器解釋執(zhí)行。,定義： 就是我們常說的“網址”或URL地址。URL可以看成是一個指針，用來指定因特網上的一個具體的網絡空間，使得用戶可以用一個統(tǒng)一的方法去尋找

11、和存取 Web上的信息資源。 包括的信息： 怎樣去檢索文檔； 從哪臺計算機上檢索； 在哪臺計算機上哪個文件夾（路徑）可找到需要的文檔； URL的統(tǒng)一格式為： 方式：/主機名:/地點/文件名#錨點,統(tǒng)一資源定位器（URL）,、檢索方式：（協(xié)議服務） 是URL中開頭到冒號結束的部分。 分類： a、http:超文本傳輸協(xié)議，是Web專用。 b、FTP:文件傳輸協(xié)議，實現(xiàn)不同主機資源共享的方式 和手段。(上傳、下載) c、 File:本地文件傳輸協(xié)議 Gopher: News: mail to: telnet: 、主機地址（域名）： URL的下一項指的是希望到達的主機名字。也可用IP地址表示。,、路徑

12、： 在計算機名后面，從第一個斜杠到最后一個斜杠之間的部 分代表信息路徑，指明文檔存放在計算機的什么地方。 、文件名字： URL 最后的部分代表要查找文件的名字。其文件的名字也 是由文件名和擴展名組成。 補：web中常見的文件類型及定義 .html ：正式的web頁 .txt或.text ：純文本文件 .gif或.jpeg ：圖片文件 .wav或.au ：聲音文件 .avi或.mpeg ：電影文件（視頻文件） 例如：,通信協(xié)議HTTP HTTP是用來在互連網上傳輸文檔的協(xié)議,它是Web上最常用的、最重要的協(xié)議，也是Web服務器和Web客戶之間傳輸Web頁面的基礎。 HTTP是建立在TCP/IP之

13、上的應用協(xié)議，它是一種請求/應答式的協(xié)議。瀏覽器通過HTTP向Web服務器發(fā)送一個HTTP請求，Web服務器收到這個請求后，執(zhí)行客戶所請求的服務，生成一個HTTP應答返回給客戶。 HTTP本身處在不斷完善和發(fā)展的過程中。,超文本標記語言HTML HTML是Web誕生與發(fā)展的要素之一，它的作用是使得Web頁面能顯示在任何支持HTML的瀏覽器中，而與連網的機器平臺無關。 HTML并不是一個程序設計語言，而是一種標記語言，它所提供的標記是由SGML(Standard Generalized Markup Language)定義的。SGML是由ISO（國際標準化組織）在1986年推出的一個用來創(chuàng)建標記

14、語言的標準。HTML的基礎是SGML，但HTML比SGML更容易學習和使用。 HTML提供的鏈接機制是Web的本質特性之一。 由于XML具有比HTML更多的優(yōu)越性,它已經逐漸成為網頁制作的主要標記語言而與HTML并重。,Web服務器 Web服務器主要提供HTTP服務。 原來Web服務器只提供“靜態(tài)”內容，即返回URL里指定的文件內容。現(xiàn)在可以采用多種技術，如采用CGI（通用網關接口）或ASP.Net或JSP技術等，從一個運行程序里得到“動態(tài)”內容。 Web服務器通常還具備連接數據庫的功能，F(xiàn)TP服務功能及代理服務的功能。,Web瀏覽器 Web客戶通常指的是Web瀏覽器，像Netscape Na

15、vigator和Microsoft internet Explorer（即IE）等。 這些瀏覽器能理解多種協(xié)議，如HTTP 、FTP，也能理解多種文檔格式，如text、HTML、JPEG、XML等格式的文檔。 這些瀏覽器還能根據Web頁對象的類型調用相應的外部應用程序，以完成Web指定的任務。 所謂Web頁是一個文檔。Web頁的表現(xiàn)形式是多種多樣的，它包含不同的文字、不同的顏色、不同的鏈接、漂亮的圖像、閃爍的畫面、快速反應的查詢結果等等,上圖是一個典型的Web頁,二、B/S模式與動態(tài)網頁,動態(tài)頁面是由Web服務器(Web Server)根據客戶的請求在運行時刻產生的Web頁面。 靜態(tài)頁面并不是

16、在客戶發(fā)出請求之后產生的，通常事先存放在Web服務器的文件系統(tǒng)中。 與提供靜態(tài)頁面相比，動態(tài)頁面的生成需要服務器做更多的事情。,隨著瀏覽器技術的發(fā)展，用戶通過瀏覽器不僅能進行超文本的瀏覽查詢，而且還能收發(fā)電子郵件，進行文本的上傳和下載傳輸等工作，也就是說用戶可以在瀏覽器統(tǒng)一的界面上完成各種服務和應用。由此一種新的網絡計算模式在90年代中期逐漸形成和發(fā)展起來，這種基于瀏覽器、WWW服務器和應用服務器以及數據庫服務器的計算結構稱為B/S（瀏覽器/服務器）計算模式。 這種新型的計算模式繼承了原來傳統(tǒng)的C/S模式（客戶/服務器）計算模式中的網絡軟、硬件平臺和應用，并具有傳統(tǒng)C/S計算模式所不及的很多特

17、點，如開放性、與軟硬件平臺的無關性、應用開發(fā)速度快、生命周期長、應用擴充能力強、保護用戶投資、系統(tǒng)維護升級方便等。 正是因為具備這些特點，B/S計算模式目前已經成為企業(yè)網的首選應用模式。,B/S結構的特點：一種多層次的網狀結構網絡用戶在基于瀏覽器的客戶機上以網絡用戶界面(NUI)多對多的方式來訪問應用服務器上的資源。用戶訪問應用服務器資源以動態(tài)交互或互相合作的方式進行。 在B/S模式中主流語言：Java、C#、VB.Net、HTML、XML和各種腳本語言等。,B/S計算模式的應用程序系統(tǒng)可以應用于Internet/Intranet，其結構、主要技術和應用三個方面的發(fā)展在2000年前可以分為三個

18、階段： 第一階段（1997年以前 ） ：連接Internet，建立站點，提供給用戶Internet服務，此階段用戶通過HTML在Web Server上發(fā)布信息，通過瀏覽器URL訪問網上資源和獲取Internet服務。本階段一般稱為“靜態(tài)Web技術”階段。 第二階段 （19971998年 ）：企業(yè)構建企業(yè)內部網絡Intranet，在Internet平臺上建立了基于訪問數據庫和工作流應用基礎上的OA（辦公自動化）和MIS（管理信息系統(tǒng)）系統(tǒng)。 本階段的關鍵技術為動態(tài)Web訪問技術。在動態(tài)Web、HTML及Java的支持下，瀏覽器通過Web Server（例如，IIS或 Apache）連接數據庫，達

19、到用戶通過瀏覽器動態(tài)交互地訪問數據庫資源，這是本階段上要的技術特征。,第三階段 ：以電子商務應用以及分布式合作與事物處理。為了實現(xiàn)這個階段的應用，必須解決應用中的實時性、可伸縮性、可擴展性、更高的安全性等問題，因此這個階段有時又稱為“實時Web技術”階段。,中間件是在計算機硬件和操作系統(tǒng)之上，支持應用軟件開發(fā)和運行的系統(tǒng)軟件，它能夠使應用軟件相對獨立于計算機硬件和操作系統(tǒng)平臺，為當今的大型分布式應用搭起了一個標準的平臺，把大型企業(yè)分散的系統(tǒng)和技術組合在一起，實現(xiàn)大型企業(yè)應用軟件系統(tǒng)的集成。 流行的中間件的解決方案有通用網關技術（CGI）、應用編程接口（API）、ASP(現(xiàn)在已經是ASP.Net

20、)、JSP等幾種技術。,CGI是一種Web站點上可以用來訪問Web站點的用戶交互的各種程序的標準，使用CGI腳本允許用戶進行瀏覽器與服務器上的數據庫交互，完成對數據庫的各種操作。幾乎使用的服務器軟件都支持CGI，開發(fā)者可以使用任何一種Web服務器內置語言編寫CGI，包括Perl語言，C，C+，VB和Delphi等。CGI的工作原理如下圖：,CGI、ASP、JSP等 IE 等 IIS、Apache等 B/S模式的結構,HTTP 中間件,由上圖可以看到，瀏覽器通過Web頁面的表單搜索參數，這些參數通過HTTP傳遞到Web服務器，在服務器通過CGI腳本分析參數（命令行參數或環(huán)境變量），同時啟動應用程

21、序，把分析后的參數轉化為SQL命令，交數據庫服務器(Data Base Server)執(zhí)行，然后CGI程序返回處理結果給Web服務器，最后向客戶機返回HTML或純文本格式的結果并斷開連接。CGI缺點是執(zhí)行速度較慢，Web服務器每啟動一個數據查詢服務，就必須啟動一個新的CGI進程，相對服務器資源代價比較高。,微軟公司的ASP(Active Server Page)技術甩開了 CGI、API等復雜技術，集HTML、ODBC數據庫和其它新技術于一身，實現(xiàn)了網頁的可編程化。ASP提供了一種簡單易學的腳本制作語言，并帶有許多內置的對象，從而大大簡化了Web應用程序的開發(fā)工作。 ASP技術現(xiàn)已發(fā)展到ASP

22、.Net 。 Sun公司的JSP(JavaServerPages)是一種基于Java的腳本技術。 JSP將內容表達與數據生成的分離，數據的生成由服務器端的其他組件(如JavaBeans)來處理，JSP主要處理內容的表達，從這些生成的數據中抽取有關內容，并把它們合并到某個HTML文檔中。,動態(tài)產生的內容通常來自服務器端的數據庫。因此，需要數據庫訪問技術的支持，常用的是ODBC和JDBC。ODBC是一個語言無關的應用編程接口，使應用能采用SQL之類的語言對數據庫進行操作。JDBC類似于ODBC，只不過提供的是Java和SQL的接口。采用JDBC很容易用SQL語句訪問異構數據庫，如通過JDBCAPI

23、，只需編寫一個JDBCAPI，就可以把SQL查詢語句送往Sybase、Oracle或Informix數據庫，同時采用Java語言編寫應用程序，使它具有平臺無關性。 采用JDBC技術其工作方式為：客戶端首先訪問Web服務器，下載Java字節(jié)碼文件，并將Applet相關類的字節(jié)碼文件和JDBC接口字節(jié)碼文件下載到客戶端，然后與Web服務器脫離，接著Applet根據數據庫地址，端口號和賬號與數據庫服務器連接進行交互，這樣用戶與數據庫服務器的交互是由瀏覽器直接完成的。,Java與數據庫的連接機制與CGI和API有所不同，在客戶機上運行JavaApplet通過JDBC技術可以繞過Web服務器直接和數據庫

24、服務器連接，并直接把帶有結果的HTML頁返回客戶機瀏覽器。,JSP的Servlet技術原理,瀏覽器,象ODBC一樣，JDBC提供給程序員的編程接口是由兩部分組成： 一是面向應用程序的編程接口JDBCAPI，它是為應用程序員提供的： 二是供底層開發(fā)的驅動程序接口JDBCDriverAPI，它是各個商業(yè)數據庫廠商提供的。 目前，JDBC已經得到了許多廠商的支持，包括Borland，IBM，Oracle和Sybase等公司，當前流行的大多數數據庫系統(tǒng)都推出了自己的JDBC驅動程序。,建立一個本地站點：實質上就是在本地計算機的硬盤上建立一個文件夾，將所有的網頁和相關文件都存放在該文件夾中，以便進行頁面

25、的制作和管理。,1.3 建立和管理本地站點,作為一個網站，里面有很多不同類型的文件，如文檔、網頁、圖像、聲音等。如果不進行分類組織，而任它們分散在硬盤的各個地方，則網站很可能雜亂無章，不便進行管理和更新。 因此，在建立站點之前，最好對要建立的站點結構進行清楚的規(guī)劃，即在站點的根文件夾下建立一個合理的文件結構來存放所有與網站相關的資料。也就是說，整個站點是一個大的文件夾，其中包括許多小文件夾，分別存放站點中不同類型的文件。根據不同的規(guī)劃原則可用兩種不同的結構規(guī)劃站點：,一、規(guī)劃站點結構,1. 按照文件的類型對文件進行規(guī)劃 這是不同類型的文件分別存放在不同的文件夾中。 以“計算機工程系”網站為例。

26、其中，Computer1為站 點的根文件夾，根文件夾下的各個子文件夾（從上 到下）分別用來存放站點的實例、圖像、聲音、素 材、特效代碼文件等。,以“計算機工程系”網站為例。其中，Computer為站點的根文件夾，根文件夾下根據網站不同的主題可分為department、info、office、student、teacher等欄目，每個欄目分別對應不同的內容。每個主題所有文件都存放在相應的文件夾中，然后再進一步細分文件類型。,2. 按照主題對文件進行規(guī)劃,注意： 站點結構不是固定不變的，因此要根據實際需要建 立合理的站點結構，應注意以下幾點： 網站的首頁文件（通常是index.html或defau

27、l.htm）必須放在站點的根文件夾下； 網站使用的所有的網頁和相關文件都必須存放在站點的文件夾或子文件夾下，但不要將所有的文件都存放在根文件夾下，以免造成文件管理混亂 文件夾的層次不要太深，一般不要超過3層，以方便維護管理。,以“成都工業(yè)學院的計算機工程系”網站為例創(chuàng)建本地站點。首先在E盤上建立本地站點文件夾，其方法同建立一般文件夾一樣： 打開Windows的資源管理器； 在盤的根文件夾下建立一個文件夾“Computer”，在Computer下建立一個子文件夾student用來存放“計算機工程系”網站中“學生專區(qū)”欄目的有關文件，然后再在student文件夾下建立下級子文件夾，如images、

28、sounds及htm等。同樣，在Computer下建立其他各個文件夾。,二、創(chuàng)建本地站點,建立了本地站點文件夾后，接下來可以對本地站點進行定義。 (1) 啟動Dreamweaver，在菜單欄中選擇“站點”“新建站點”命令，打開“站點定義”對話框，單擊“高級”標簽 ，如下圖所示。,(2) 此時的對話框在左邊的“分類”列表中已選擇了“本地信息”選項，在對話框的右邊進行下列操作： “站點名稱”文本框中輸入所定義的網站名稱，例如“計算機工程系”。這里站點名稱只是一個標識，可以用中文名稱。 單擊“本地根文件夾”文本框后面的文件夾按鈕，打開文件夾選擇窗口。此時選擇E盤的“Computer”文件夾，然后單擊

29、“選擇”按鈕。返回到站點定義對話框中，可以看到“本地根文件夾”文本框中顯示了剛才選擇的文件夾“E: Computer ”。 “自動刷新本地文件列表”選項默認情況下已被選中，這表示當往本地站點中復制文件，或者是刪除文件時，都會自動刷新站點窗口中站點文件列表。, 在“HTTP地址”框中可以輸入本網站要使用的網址。由于一般使用其他專門的傳輸工具，故此項可以不填寫。 “啟動緩存”選項默認情況下被選中，這表示創(chuàng)建高速緩存以加快鏈接和網站管理的處理速度。當對文件進行改名、移動、刪除以后，原來指向這個文件的鏈接會斷開，有了緩存就可以及時發(fā)現(xiàn)問題，并加以糾正。 (3)設置完畢，單擊“確認”按鈕，站點的定義就完

30、成了，自動建立了一個空白站點。此時會打開站點管理器窗口 ，如下圖所示。,在Dreamweaver中，可以對本地站點進行多方面的管理，如新建、打開、復制、編輯、刪除等。 編輯站點還包括對站點的編輯、復制、刪除、導出和導入，操作步驟如下：,(1) 在菜單欄中選擇“站點”“編輯站點”命令，打開“編輯站點”對話框 ，如右圖所示； (2) 在對話框的右邊，根據需要單擊相應的按鈕來操作即可； (3) 操作完畢，又回到編輯站點對話框中，再單擊“完成”按鈕，進行確認并關閉對話框。,三、編輯站點,站點管理器不僅用于打開具體的站點，還主要用于管理站點內的文件和文件夾，可對站點內的文件進行新建、打開、更名、編輯、刪

31、除和定位等基本操作，并可檢驗對象的鏈接情況，自動修復其他頁面指向這個對象的鏈接。同時還自帶FTP功能，能完成站點內文件的上傳和下載，進行站點的發(fā)布和遠程管理。,四、使用站點管理器,1. 顯示站點管理器 通過以下幾種方式可以顯示站點管理器： (1) 在菜單欄中選擇“窗口”“站點”命令，或按F8鍵； (2) 在菜單欄中選擇“站點”“站點文件”命令，或按F8鍵。,站點管理器,2. 打開站點 在本地計算機上建立了多個站點時，可以通過下列方法確保打開正確的站點，操作步驟如下： (1) 打開站點管理器； (2) 在站點管理器工具欄中的“站點”下拉菜單中選擇將要打開的站點名稱，如“計算機工程系”； (3)

32、選中該站點的文件夾“E: Computer”，單擊右鍵，從彈出的快捷菜單中選擇“打開”命令即可，或雙擊該文件夾。,3. 操作站點文件 利用站點管理器可以對本地站點中的文件夾和文件進行創(chuàng)建、 打開、移動、復制等操作。其操作類似于Windows資源管理器 中的操作，同時支持右鍵菜單。 例如，在本地站點的根文件夾下創(chuàng)建一個新文件，操作步驟 如下： 通過站點管理器打開需要操作的本地站點“計算機工程系”； 在站點管理器的窗口選中欲操作文件夾“E: Computer” ，單擊右鍵，從彈出的快捷菜單中選擇“新建文件”命令即可，或在站點管理器的菜單欄中選擇“文件”“新建文件”命令即可。 此時剛被創(chuàng)建的文件名稱

33、區(qū)域處于編輯狀態(tài)。輸入文件名“index.htm”，單擊輸入區(qū)外任意位置，即可完成對文件名的命名。 在此建立的文件內容為空，以后可以通過編輯頁面來添加內容。,4. 設置網站首頁 首頁是用戶登錄網站后顯示的第一個頁面，在制作中要首先設置。通常使用Default或Index作為首頁的文件名，常用的有：Default.htm、Default.asp、Index.html、Index.asp等。,把某個網頁設置成首頁的方法有以下幾種：,(1) 在站點管理器中選中“index.htm”文件，單擊右鍵，從彈出的快捷菜單中選擇“設為首頁”命令即可； (2) 在“編輯站點”對話框中單擊“編輯”按鈕，打開站點定

34、義對話框。在站點定義對話框的左邊“分類”列表中選擇“站點地圖布局”選項，如右圖所示。然后再單擊“首頁”文本框右邊的按鈕 選擇“E: Computer index.htm”即可。,5. 顯示站點地圖 站點地圖實際上是一個網站架構圖，它以圖形化的方式直接顯示站點的結構以及當前站點中網頁之間的鏈接關系。利用站點地圖還可以構建文檔之間的鏈接。 例如，顯示“計算機工程系”網站的站點地圖，操作步驟如下： (1) 在站點管理器工具欄中的“站點”下拉列表中選擇“計算機工程系”站點； (2) 在站點管理器工具欄中的“視圖”下拉列表中選擇“地圖視圖”選項；或者在站點管理器的菜單中選擇“視圖”“站點地圖”；或者在主

35、菜單中選擇“站點”“站點地圖”即可。,1. 新建網頁 每次啟動Dreamweaver后，總是自動打開一個空白文檔，相 當于新建一個網頁?？梢栽谖臋n窗口直接輸入文本等。,如果在編輯一個網頁的同時，還想新建另一個網頁，可在菜單欄中選擇“文件”“新建”命令，或者按快捷鍵Ctrl+N。,五、操作網頁文件,2. 保存網頁 編輯好了網頁內容就該保存。在保存網頁需注意，網站中的所有網頁、圖像等文件都應該保存到本地站點內，因為將來要上傳到Internet上的是一個結構完整的網站，而不是一個單獨的網頁。保存網頁分三種情況：首次保存當前網頁、直接保存已存在的網頁和保存當前網頁的副本。,(1) 首次保存當前網頁，操

36、作步驟如下： 在菜單欄中選擇“文件”“保存”命令或者按Ctrl+S鍵，彈出“另存為”對話框，如下圖所示；, 在“保存在”列表框中，確定要把文件保存在哪個文件夾下。 在“文件名”文本框中輸入要保存網頁的文件名，其命名最好能“見名知意”。 單擊“保存”按鈕，關閉“另存為”對話框，回到文檔窗口。,注意：網頁沒有存盤時，文檔窗口標題欄的圓括號內顯示的文件名為Untitled-1*；而一旦網頁存盤之后，文檔窗口標題欄的圓括號內就顯示當前網頁的文件名為（first.htm）及其所在的文件夾名（example）。 (2) 要想直接保存已存在的網頁，操作很簡單，則在菜單欄中選擇“文件”“保存”命令或者按Ctrl+S鍵即可。