全書課件：網(wǎng)頁(yè)制作與設(shè)計(jì)

網(wǎng)絡(luò)是現(xiàn)代社會(huì)傳播信息的重要途徑，而網(wǎng)頁(yè)又是這一途徑中最為重要的手段。可以說，在上網(wǎng)沖浪已經(jīng)成為一種時(shí)尚的今天，網(wǎng)頁(yè)已經(jīng)成為人們與外界溝通的重要橋梁。本章將介紹關(guān)于網(wǎng)頁(yè)的一些基本知識(shí)，為后續(xù)內(nèi)容的學(xué)習(xí)奠定基礎(chǔ)。

第1章網(wǎng)頁(yè)制作概述學(xué)習(xí)目標(biāo)了解與網(wǎng)頁(yè)有關(guān)的基本概念。了解靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)的區(qū)別。了解常用的網(wǎng)頁(yè)制作軟件。了解目前網(wǎng)站運(yùn)行的基本方式。掌握DreamweaverCS3的工作界面、常用工具欄和面板的使用。1.1基本概念I(lǐng)nternet

與Intranet

IP和域名WWW和FTP瀏覽器和Web服務(wù)器網(wǎng)頁(yè)、網(wǎng)站與URL超級(jí)文本與HTMLASP、VBScript和JavaScript1.1.1Internet與IntranetInternet，中文名也稱因特網(wǎng)或國(guó)際互聯(lián)網(wǎng)，是20世紀(jì)70年代由美國(guó)軍方的ARPANET（AdvancedResearchProjectAgency，美國(guó)高等研究計(jì)劃署，即美國(guó)國(guó)防高等研究計(jì)劃署的前身，創(chuàng)立了Internet的前身ARPANET）發(fā)展而來的。Internet是一個(gè)由各種不同類型和規(guī)模的獨(dú)立運(yùn)行和管理的計(jì)算機(jī)網(wǎng)絡(luò)組成的全球范圍的計(jì)算機(jī)網(wǎng)絡(luò)，網(wǎng)絡(luò)間可以暢通無阻地交換信息。Intranet，中文也稱企業(yè)內(nèi)部互聯(lián)網(wǎng)，是設(shè)計(jì)用來在公司或組織內(nèi)處理信息的網(wǎng)絡(luò)。是Internet技術(shù)在企業(yè)內(nèi)部或封閉的用戶群內(nèi)的應(yīng)用，是一個(gè)公司或組織所特有的不一定與Internet有物理上的連接關(guān)系的網(wǎng)絡(luò)。它的用途包括提供諸如文檔分發(fā)、軟件發(fā)布、訪問數(shù)據(jù)庫(kù)和培訓(xùn)等服務(wù)。雖然Intranet也使用了諸如Web頁(yè)（網(wǎng)頁(yè)）、Web瀏覽器、FTP站點(diǎn)、電子郵件、新聞組和郵件列表等與Internet相關(guān)的應(yīng)用程序，但它的作用范圍僅限定于公司或組織內(nèi)部。1.1.2IP地址和域名IP地址是Internet上主機(jī)地址的數(shù)字形式，與主機(jī)的域名地址是一一對(duì)應(yīng)的。IP地址是一個(gè)32位的二進(jìn)制數(shù)，通常寫成被點(diǎn)分開的4個(gè)十進(jìn)制數(shù)的形式，例如：2等。IP地址通常分為A、B、C3類，這種分類與IP地址中字節(jié)的使用方法相關(guān)。在實(shí)際應(yīng)用中，可以根據(jù)具體情況選擇使用IP地址的類型格式。由于Internet計(jì)算機(jī)的身份標(biāo)識(shí)是IP地址，為了便于記憶，按照一定的規(guī)則給Internet上的計(jì)算機(jī)起的名字就叫做域名。按照Internet的組織模式，對(duì)域名進(jìn)行分級(jí)。1.1.3WWW和FTP

WWW（WorldWideWeb，可譯為“萬維網(wǎng)”），是一個(gè)基于超級(jí)文本的信息查詢工具。WWW是在Internet的基礎(chǔ)上，由各計(jì)算機(jī)節(jié)點(diǎn)上的WWW軟件和超級(jí)文本格式的信息文件組成的。這些節(jié)點(diǎn)稱為WWW服務(wù)器，簡(jiǎn)稱Web服務(wù)器。海量的信息被存儲(chǔ)于Web服務(wù)器上，用戶使用WWW時(shí)只需提出查詢要求，到何處查詢及如何查詢則由WWW自動(dòng)完成。WWW只是Internet上的一種應(yīng)用，Internet還包括許多其他服務(wù)，如Telnet、FTP、Archie、Wais、Mail等。FTP（FileTransferProtocol，即文本傳輸協(xié)議），是Internet上使用非常廣泛的一種通訊協(xié)議。FTP是由支持Internet文件傳輸?shù)母鞣N規(guī)則所組成的集合，這些規(guī)則使Internet用戶可以把文件從一個(gè)主機(jī)傳送到另一個(gè)主機(jī)上。FTP通常也表示用戶執(zhí)行這個(gè)協(xié)議所使用的應(yīng)用程序，如：CutFTP等。用戶使用的方法很簡(jiǎn)單，啟動(dòng)FTP軟件先與遠(yuǎn)程主機(jī)建立連接，然后向遠(yuǎn)程發(fā)出指令即可。1.1.4瀏覽器與Web服務(wù)器瀏覽器是安裝在客戶端用來瀏覽WWW中網(wǎng)頁(yè)的一種工具。因此，每個(gè)上網(wǎng)的用戶都要在其計(jì)算機(jī)上安裝瀏覽器，用于瀏覽網(wǎng)頁(yè)中的信息。瀏覽器有許多種，按其運(yùn)行的平臺(tái)分類，主要有基于UNIX系統(tǒng)、MicrosoftWindows系統(tǒng)和AppleMacintosh系統(tǒng)3種類型，目前使用最廣泛的是基于MicrosoftWindows系統(tǒng)的瀏覽器，如IE瀏覽器。與瀏覽器對(duì)應(yīng)的是Web服務(wù)器，現(xiàn)在最普遍的Web服務(wù)器有Apache軟件基金的ApacheHTTP服務(wù)器、Microsoft的InternetInformationServer（IIS）和ZeusTechnology的ZeusWebServer。網(wǎng)站中的所有文件都是通過Web服務(wù)器來提供訪問。Web服務(wù)器對(duì)數(shù)據(jù)進(jìn)行加工、處理，然后將結(jié)果返回給瀏覽器，瀏覽者便看到了具體的網(wǎng)頁(yè)。兩者相輔相成、缺一不可。1.1.5網(wǎng)頁(yè)、網(wǎng)站和URL

網(wǎng)頁(yè)通常含有文本、圖像、腳本程序、超級(jí)鏈接等元素，網(wǎng)頁(yè)需要通過瀏覽器來閱讀。網(wǎng)頁(yè)盡管可以有多種格式，但通用標(biāo)準(zhǔn)是超文本標(biāo)記語(yǔ)言（HyperTextMarkupLanguage，即HTML）。這種語(yǔ)言可以用于創(chuàng)建輔以圖像、聲音、動(dòng)畫和超級(jí)鏈接的格式化文本，即網(wǎng)頁(yè)。另一種比較流行的語(yǔ)言是XML，是HTML的衍生語(yǔ)言。它是一種元語(yǔ)言，可以自定義文檔標(biāo)簽。當(dāng)使用HTML制作靜態(tài)網(wǎng)頁(yè)不能滿足需求時(shí)，還可以使用CGI、JavaScript和PHP等技術(shù)建立動(dòng)態(tài)網(wǎng)頁(yè)。網(wǎng)頁(yè)服務(wù)器可以借助CGI調(diào)用外部程序，而不是簡(jiǎn)單地返回靜態(tài)文本。如果要將網(wǎng)頁(yè)發(fā)布到因特網(wǎng)，必須將文件上傳到網(wǎng)站服務(wù)器中。1.1.5網(wǎng)頁(yè)、網(wǎng)站和URL

網(wǎng)站是一種信息平臺(tái)，它通常提供網(wǎng)頁(yè)服務(wù)（WebServer）、數(shù)據(jù)傳輸服務(wù)（FtpServer）、郵件服務(wù)（MailServer）、數(shù)據(jù)庫(kù)服務(wù)（DatabaseServer）等多種服務(wù)。網(wǎng)站一般擁有固定的域名。其中，Web網(wǎng)站是指在因特網(wǎng)上，根據(jù)一定的規(guī)則，使用HTML等工具制作的用于展示特定內(nèi)容的相關(guān)網(wǎng)頁(yè)的集合。人們可以通過網(wǎng)站發(fā)布想要公開的信息，或者利用網(wǎng)站提供相關(guān)的網(wǎng)絡(luò)服務(wù)。URL（UniformResourceLocator，統(tǒng)一資源定位），主要用來指明通信協(xié)議和地址的方式，以取得網(wǎng)站提供的各種服務(wù)，它包括通信協(xié)議（Protocol）、主機(jī)名、所要訪問文件的路徑和文件名等幾個(gè)部分。通信協(xié)議包括Http、Ftp等協(xié)議。主機(jī)名指服務(wù)器在網(wǎng)絡(luò)中的IP地址（如78）或域名（如）。在所要訪問文件的路徑和文件名中，主機(jī)名與路徑及文件名之間以“/”分隔。URL的書寫格式為“Protocol://host.domain/path/filename”，即“協(xié)議://主機(jī)名/路徑/文件名”。1.1.6超級(jí)文本和HTML超級(jí)文本（HyperText）與普通文本不同，它是一種使用戶與計(jì)算機(jī)之間發(fā)生更加密切交流的文本顯示技術(shù)，它通過對(duì)相關(guān)詞匯進(jìn)行索引鏈接，可以使帶鏈接的詞匯或語(yǔ)句指向文本中的其他段落、注解或文本。HTML（HyperTextMarkupLanguage，超級(jí)文本標(biāo)記語(yǔ)言），是一種用來制作網(wǎng)絡(luò)中超級(jí)文本文檔的簡(jiǎn)單標(biāo)記語(yǔ)言。它是在文本文件的基礎(chǔ)上加上一系列標(biāo)記，用以描述其顏色、字體、文字大小、格式，再加上聲音、圖像、動(dòng)畫甚至視頻等形成精彩的頁(yè)面。1.1.7ASP、VBScript和JavaScriptASP（ActiveServerPages，動(dòng)態(tài)服務(wù)器主頁(yè)），是Microsoft公司在1996年底推出的一種運(yùn)行于服務(wù)器端的Web應(yīng)用程序開發(fā)技術(shù)，ASP既不是一種語(yǔ)言，也不是一種開發(fā)工具，而是一種內(nèi)含于IIS/PWS之中的集成Script語(yǔ)言（如VBScript、JavaScript）到HTML主頁(yè)的服務(wù)器端的腳本語(yǔ)言環(huán)境，其主要功能是為生成動(dòng)態(tài)的、交互的Web服務(wù)器應(yīng)用程序提供一種功能強(qiáng)大的方式或技術(shù)。VBScript腳本語(yǔ)言是ASP的默認(rèn)語(yǔ)言，它是VB家族的最新成員，可以說VBScript是VB的子集，也可以說VBScript是為了符合Internet小而精的條件而從VB之中萃取出精華功能的程序語(yǔ)言，其語(yǔ)法規(guī)則、函數(shù)與VB很相似，但功能上有所限制。VBScript可以在客戶端使用，也可以在服務(wù)器端使用，這是程序本身決定的。但是并不是所有的瀏覽器都支持VBScript，因此一般在安裝IIS的服務(wù)器端使用VBScript。JavaScript是一種跨平臺(tái)、基于對(duì)象的腳本語(yǔ)言，由JavaScript核心語(yǔ)言、JavaScript客戶端擴(kuò)展、JavaScript服務(wù)器端擴(kuò)展3部分組成。核心語(yǔ)言部分在客戶端、服務(wù)器端均可使用，包括了JavaScript的基本語(yǔ)法（如操作符、語(yǔ)句、函數(shù)）以及一些內(nèi)置對(duì)象等。客戶端擴(kuò)展部分是在JavaScript核心語(yǔ)言的基礎(chǔ)上擴(kuò)展了控制瀏覽器的對(duì)象模型DOM。1.2網(wǎng)頁(yè)內(nèi)涵靜態(tài)網(wǎng)頁(yè)動(dòng)態(tài)網(wǎng)頁(yè)1.2.1靜態(tài)網(wǎng)頁(yè)

靜態(tài)網(wǎng)頁(yè)也稱為普通網(wǎng)頁(yè)，是相對(duì)動(dòng)態(tài)網(wǎng)頁(yè)而言的，靜態(tài)并不是指網(wǎng)頁(yè)中的元素都是靜止不動(dòng)的，而是指網(wǎng)頁(yè)被瀏覽時(shí)，在Web服務(wù)器中不再發(fā)生動(dòng)態(tài)改變（沒有表單處理程序或者其他應(yīng)用程序的執(zhí)行），因此網(wǎng)頁(yè)不是即時(shí)生成的。1.2.2圖像動(dòng)態(tài)網(wǎng)頁(yè)中除了普通網(wǎng)頁(yè)中的元素外，還包括一些應(yīng)用程序，這些應(yīng)用程序使瀏覽器與Web服務(wù)器之間發(fā)生交互行為，而且應(yīng)用程序的執(zhí)行需要應(yīng)用程序服務(wù)器才能夠完成。

應(yīng)用程序服務(wù)器讀取網(wǎng)頁(yè)上的代碼，根據(jù)代碼中的指令形成發(fā)給客戶端的網(wǎng)頁(yè)，然后將代碼從網(wǎng)頁(yè)上去掉，所得的結(jié)果將是一個(gè)靜態(tài)網(wǎng)頁(yè)。應(yīng)用程序服務(wù)器將該網(wǎng)頁(yè)傳遞回網(wǎng)頁(yè)服務(wù)器，然后Web服務(wù)器將該網(wǎng)頁(yè)傳回給瀏覽器，當(dāng)該網(wǎng)頁(yè)到達(dá)客戶端時(shí)，瀏覽器得到的全部?jī)?nèi)容是HTML格式。1.3網(wǎng)頁(yè)制作軟件

按工作方式通?？梢詫⒕W(wǎng)頁(yè)制作軟件分為兩類，一類是所見即所得式的網(wǎng)頁(yè)編輯軟件，如Dreamweaver、MicrosoftFrontPage等，另一類是直接編寫HTML源代碼的軟件，如Hotdog、Editplus等。這兩類軟件在功能上各有千秋，也都有各自所適應(yīng)的范圍。不過，Dreamweaver因其功能全面、操作簡(jiǎn)單靈活，特別是能夠可視化創(chuàng)建帶有后臺(tái)數(shù)據(jù)庫(kù)的應(yīng)用程序，因而受到網(wǎng)頁(yè)制作人員的青睞，并成為網(wǎng)頁(yè)制作軟件領(lǐng)域中的佼佼者。但由于網(wǎng)頁(yè)元素的多樣化，要想制作出精致美觀、豐富生動(dòng)的網(wǎng)頁(yè)，單純依靠一種軟件是不行的，往往需要多種軟件的互相配合，如網(wǎng)頁(yè)制作軟件Dreamweaver，圖像處理軟件Fireworks和Photoshop，動(dòng)畫創(chuàng)作軟件Flash等。Dreamweaver、Fireworks和Flash曾被稱為網(wǎng)頁(yè)制作三劍客，不過，現(xiàn)在一般將Dreamweaver、Photoshop和Flash稱為新網(wǎng)頁(yè)制作三劍客。作為一般網(wǎng)頁(yè)制作人員，掌握這3種軟件，就可以制作出精美的網(wǎng)頁(yè)。1.4網(wǎng)站運(yùn)行方式實(shí)體主機(jī)主機(jī)托管虛擬主機(jī)1.4.1實(shí)體主機(jī)自行購(gòu)買、建設(shè)和維護(hù)服務(wù)器主機(jī)，然后向InternetServiceProvider（簡(jiǎn)稱ISP，Internet服務(wù)提供商）申請(qǐng)連接Internet的專線和網(wǎng)址。這種方案的主動(dòng)權(quán)較大，可以根據(jù)需要隨時(shí)增加服務(wù)項(xiàng)目。通過專線，主機(jī)將成為網(wǎng)絡(luò)中的一個(gè)節(jié)點(diǎn)，網(wǎng)絡(luò)中的用戶可以隨時(shí)訪問主機(jī)。其缺點(diǎn)是，購(gòu)買服務(wù)器主機(jī)和每個(gè)月的專線租用費(fèi)較高，而且還要聘用專人維護(hù)網(wǎng)站和服務(wù)器主機(jī)。但對(duì)于公司內(nèi)部的Intranet來說，這種方式比較適合，因?yàn)镮ntranet本身就是服務(wù)于公司內(nèi)部的，自身網(wǎng)絡(luò)及服務(wù)器都不需要花費(fèi)額外的費(fèi)用，只需要選擇性能好的服務(wù)器主機(jī)即可。1.4.2主機(jī)托管只需購(gòu)買主機(jī)，不必租用專線，自行創(chuàng)建網(wǎng)站和管理服務(wù)器主機(jī)。這種方案比實(shí)體主機(jī)方案省掉一部分的專線租用費(fèi)，但必須通過其他方式（如撥號(hào)、ISDN、ADSL等）上網(wǎng)，服務(wù)器必須放置在提供主機(jī)托管的服務(wù)商那里。目前多數(shù)的企業(yè)采取這種方式在Internet上安家落戶。1.4.3虛擬主機(jī)

只需租用ISP的主機(jī)硬盤空間，由ISP負(fù)責(zé)所有硬件和技術(shù)人員的費(fèi)用以及連接Internet的專線月租。這種方案，網(wǎng)站建造者可以不必通過ISP的網(wǎng)絡(luò)接入上網(wǎng)，而是通過其他更省錢的方式上網(wǎng)，還可以向其他ISP申請(qǐng)專有的域名。小型企業(yè)或者個(gè)人用戶多采取這種方式在Internet上落戶。

1.5認(rèn)識(shí)DreamweaverCS3工作界面常用工具欄常有面板1.5.1工作界面啟動(dòng)DreamweaverCS3，在DreamweaverCS3的工作界面中首先出現(xiàn)的是歡迎屏幕。1.5.1工作界面在歡迎屏幕的頂部顯示的是DreamweaverCS3的名稱和Adobe的標(biāo)志，在中間部分的左欄提供了用戶打開文檔的方式，在中欄提供了新建文檔的方式，在右欄提供了從模板創(chuàng)建文檔的方式，在歡迎屏幕的底部提供了幫助信息。如果希望以后在啟動(dòng)DreamweaverCS3時(shí)不再顯示歡迎屏幕，可以選中底部的【不再顯示】復(fù)選框。也可以通過選擇【編輯】/【首選參數(shù)】命令打開【首選參數(shù)】對(duì)話框，在【常規(guī)】分類中設(shè)置是否顯示歡迎屏幕，選中該項(xiàng)表示在啟動(dòng)DreamweaverCS3時(shí)顯示歡迎屏幕，否則表示不顯示歡迎屏幕。1.5.1工作界面在歡迎屏幕中，選擇【新建】／【HTML】選項(xiàng)，將新建一個(gè)HTML文檔。1.5.1工作界面在狀態(tài)欄中有一組相乘的數(shù)值，單擊此處會(huì)彈出一個(gè)下拉菜單。這些數(shù)值用來定制文檔窗口的大小，括號(hào)內(nèi)的數(shù)值是對(duì)應(yīng)的瀏覽器端的分辨率。下拉菜單最底部的一項(xiàng)是【編輯大小】命令，選擇此項(xiàng)會(huì)打開【首選參數(shù)】對(duì)話框，可以直接將自定義窗口大小的數(shù)值輸入到【窗口大小】列表框中?！具B接速度】選項(xiàng)的下拉列表框中有7組數(shù)值，單位是“KB/秒”，這個(gè)速度是用來模擬瀏覽器速度的，現(xiàn)在上網(wǎng)的用戶采用56KB調(diào)制解調(diào)器已屬于最低配置，因此將【連接速度】選項(xiàng)修改為“56”。狀態(tài)欄中的“1K/1秒”表示當(dāng)前文檔大小為1KB，以56KB/秒的連接速度打開該網(wǎng)頁(yè)需要1秒。這些參數(shù)可以使設(shè)計(jì)者清楚地了解網(wǎng)頁(yè)的瀏覽速度，避免網(wǎng)頁(yè)的瀏覽時(shí)間過長(zhǎng)。1.5.2常用工具欄一、 【插入】工具欄【插入】工具欄位于菜單欄的下面，如圖1-9所示，可以選擇【查看】／【工具欄】／【插入】命令或【窗口】／【插入】命令將其顯示或隱藏?！静迦搿抗ぞ邫谕ǔＳ袃煞N表現(xiàn)形式：制表符格式和菜單格式。1.5.2常用工具欄二、 【文檔】工具欄選擇【查看】／【工具欄】／【文檔】命令可以顯示或隱藏【文檔】工具欄。1.5.2常用工具欄三、 【標(biāo)準(zhǔn)】工具欄在默認(rèn)情況下，【標(biāo)準(zhǔn)】工具欄是不顯示的，可以選擇【查看】／【工具欄】／【標(biāo)準(zhǔn)】命令來顯示或隱藏。1.5.3常用面板一、 【文件】面板DreamweaverCS3提供了許多功能面板，這些功能面板的命令都集中在【窗口】菜單中。如果要顯示某個(gè)面板，在【窗口】菜單中選擇相應(yīng)的命令（即在命令前打上“√”號(hào)）即可。這些功能面板絕大多數(shù)都顯示在窗口的右側(cè)，多個(gè)面板可以組成一個(gè)面板組，如【文件】面板組包括【文件】、【資源】和【代碼片斷】3個(gè)面板，再如【CSS】面板組包括【CSS樣式】和【AP元素】?jī)蓚€(gè)面板。在【文件】面板中可以創(chuàng)建文件夾和文件，也可以上傳或下載服務(wù)器端的文件，可以說，它是站點(diǎn)管理器的縮略圖。1.5.3常用面板二、 【屬性】面板【屬性】面板通常顯示在編輯區(qū)域的最下面，如果工作界面中沒有顯示【屬性】面板，選擇【窗口】／【屬性】命令即可將其顯示出來。單擊【屬性】面板右下角的按鈕或按鈕可以隱藏或重新顯示【屬性】面板的高級(jí)設(shè)置項(xiàng)目。

現(xiàn)在因特網(wǎng)已經(jīng)觸及到社會(huì)的各個(gè)領(lǐng)域，隨著因特網(wǎng)的發(fā)展，網(wǎng)站建設(shè)也得到飛速發(fā)展。本章將介紹規(guī)劃網(wǎng)站、在DreamweaverCS3中定義和管理站點(diǎn)、創(chuàng)建文件夾和文件以及站點(diǎn)管理器的使用等內(nèi)容。第2章創(chuàng)建站點(diǎn)學(xué)習(xí)目標(biāo)了解網(wǎng)站規(guī)劃的內(nèi)容掌握設(shè)置首選參數(shù)的方法掌握定義站點(diǎn)的方法掌握站點(diǎn)結(jié)構(gòu)和命名規(guī)則掌握創(chuàng)建文件夾和文件的基本方法掌握站點(diǎn)管理器的使用方法2.1規(guī)劃網(wǎng)站在創(chuàng)建站點(diǎn)之前，首先要對(duì)網(wǎng)站進(jìn)行一個(gè)總體規(guī)劃，具體包括前期策劃、網(wǎng)頁(yè)制作、網(wǎng)站發(fā)布、網(wǎng)站推廣以及后期維護(hù)等工作。一、前期策劃無論是大的門戶站點(diǎn)還是只有少量頁(yè)面的個(gè)人站點(diǎn)，都需要做好前期策劃工作。明確網(wǎng)站主題、網(wǎng)站名稱、網(wǎng)站結(jié)構(gòu)、網(wǎng)站風(fēng)格、網(wǎng)站創(chuàng)意等，是制作一個(gè)網(wǎng)站的良好開端。二、網(wǎng)頁(yè)制作在前期策劃完成后，接著就進(jìn)入網(wǎng)頁(yè)設(shè)計(jì)與制作階段。這一時(shí)期的工作按其性質(zhì)可以分為3類：頁(yè)面美工設(shè)計(jì)、靜態(tài)頁(yè)面制作和程序開發(fā)。三、網(wǎng)站發(fā)布發(fā)布站點(diǎn)前，必須確定網(wǎng)頁(yè)的存儲(chǔ)空間。如果自己有服務(wù)器，配置好后，直接發(fā)布到上面即可。如果自己沒有服務(wù)器，則最好在網(wǎng)上申請(qǐng)一個(gè)空間來存放網(wǎng)頁(yè)，并申請(qǐng)一個(gè)域名來指定站點(diǎn)在網(wǎng)上的位置。2.1規(guī)劃網(wǎng)站四、網(wǎng)站推廣網(wǎng)站推廣活動(dòng)一般發(fā)生在網(wǎng)站發(fā)布之后，當(dāng)然也不排除一些網(wǎng)站在籌備期間就開始宣傳的可能。網(wǎng)站推廣是網(wǎng)絡(luò)營(yíng)銷的主要內(nèi)容，可以說，大部分的網(wǎng)絡(luò)營(yíng)銷活動(dòng)都是為了網(wǎng)站推廣的需要，如發(fā)布新聞、搜索引擎登記、交換鏈接、網(wǎng)絡(luò)廣告等。五、后期維護(hù)站點(diǎn)上傳到服務(wù)器后，首先要檢查運(yùn)行是否正常，如果有錯(cuò)誤要及時(shí)更正。另外，每隔一段時(shí)間，還應(yīng)對(duì)站點(diǎn)中的內(nèi)容進(jìn)行更新，以便提供最新消息，吸引更多的用戶。2.2定義和管理站點(diǎn)設(shè)置【首選參數(shù)】定義站點(diǎn)管理站點(diǎn)2.2.1設(shè)置首選參數(shù)在使用DreamweaverCS3制作網(wǎng)頁(yè)之前，可以結(jié)合自己的需要來定義DreamweaverCS3的使用規(guī)則。例如，在DreamweaverCS3啟動(dòng)時(shí)是否顯示歡迎屏幕，在文本處理中是否允許輸入多個(gè)連續(xù)的空格，在定義文本或其他元素外觀時(shí)是使用CSS標(biāo)簽還是使用HTML標(biāo)簽，不可見元素是否顯示，新建文檔默認(rèn)的擴(kuò)展名是什么等。這些規(guī)則可以通過設(shè)置DreamweaverCS3的【首選參數(shù)】來實(shí)現(xiàn)。1、設(shè)置【常規(guī)】分類2.2.1設(shè)置首選參數(shù)2、設(shè)置【不可見元素】分類3、設(shè)置【復(fù)制/粘貼】分類2.2.1設(shè)置首選參數(shù)4、設(shè)置【新建文檔】分類2.2.2定義站點(diǎn)

1、選擇【站點(diǎn)】/【新建站點(diǎn)】命令，設(shè)置站點(diǎn)的名稱和HTTP地址。

2、設(shè)置是否使用服務(wù)器技術(shù)。2.2.2定義站點(diǎn)3、設(shè)置文件的使用方式。4、設(shè)置瀏覽站點(diǎn)的URL。5、設(shè)置是否使用遠(yuǎn)程服務(wù)器。2.2.3管理站點(diǎn)一、 編輯站點(diǎn)選擇【站點(diǎn)】/【管理站點(diǎn)】命令，打開【管理站點(diǎn)】對(duì)話框，在站點(diǎn)列表中選中要編輯的站點(diǎn)，然后單擊按鈕。2.2.3管理站點(diǎn)二、 復(fù)制站點(diǎn)在站點(diǎn)列表中選中要復(fù)制的站點(diǎn)，然后單擊按鈕將復(fù)制一個(gè)站點(diǎn)。2.2.3管理站點(diǎn)三、刪除站點(diǎn)在【管理站點(diǎn)】對(duì)話框中選中要?jiǎng)h除的站點(diǎn)，然后單擊按鈕，將彈出提示對(duì)話框。2.2.3管理站點(diǎn)四、導(dǎo)出站點(diǎn)選中要導(dǎo)出的站點(diǎn)，然后單擊按鈕打開【導(dǎo)出站點(diǎn)】對(duì)話框，設(shè)置導(dǎo)出站點(diǎn)文件的路徑和文件名稱。五、導(dǎo)入站點(diǎn)在【管理站點(diǎn)】對(duì)話框中單擊按鈕，打開【導(dǎo)入站點(diǎn)】對(duì)話框，選中要導(dǎo)入的站點(diǎn)文件。2.3創(chuàng)建文件夾和文件站點(diǎn)結(jié)構(gòu)和命名規(guī)則創(chuàng)建文件夾和文件2.3.1站點(diǎn)結(jié)構(gòu)和命名規(guī)則一個(gè)站點(diǎn)中創(chuàng)建哪些文件夾，通常是根據(jù)網(wǎng)站結(jié)構(gòu)圖進(jìn)行的。文件夾代表站點(diǎn)的各個(gè)欄目或版塊，每個(gè)欄目或版塊都要有自己對(duì)應(yīng)的文件夾。建立站點(diǎn)文件夾結(jié)構(gòu)的原則就是層次最少，結(jié)構(gòu)最清晰，訪問最容易。具體有以下幾點(diǎn)。? 站點(diǎn)根文件夾通常只存放主頁(yè)文檔以及其他必須的系統(tǒng)文件，不要將大量的網(wǎng)頁(yè)放在根文件夾下。網(wǎng)站內(nèi)每個(gè)一級(jí)欄目或版塊的所有文件都統(tǒng)一存放在單獨(dú)的文件夾內(nèi)，根據(jù)包含的文件多少，可以細(xì)分到子文件夾。? 根文件夾下的“images”文件夾用于存放各頁(yè)面都要使用的圖像文件，子文件夾下的“images”文件夾存放本欄目或版塊頁(yè)面所使用的圖像文件。? 所有腳本文件存放在根文件夾下的“scripts”文件夾中，所有CSS文件存放在“styles”文件夾中，多媒體文件存放在根文件夾下的“media”文件夾中。? 文件夾層次不要太深，最好不超過3層，如果超過3層，可在頁(yè)面中添加導(dǎo)航鏈接信息，幫助瀏覽者明確自己所處的位置。2.3.1站點(diǎn)結(jié)構(gòu)和命名規(guī)則文件夾創(chuàng)建好以后就可在各自的文件夾里面創(chuàng)建文件了。在給文件夾和文件命名時(shí)應(yīng)該遵循一定的規(guī)則，特別是應(yīng)該注意以下幾點(diǎn)。? 最好使用英文原義（如“booklist.htm”）或英文縮寫（如“asp.htm”）命名，也可以使用漢語(yǔ)拼音（如“jianje.htm”）命名，在文件數(shù)量非常多的情況下，盡量不要使用拼音縮寫（“gsjj.htm”）命名，更不要使用中文命名。命名時(shí)可以與數(shù)字、符號(hào)組合使用，如“book1.htm”、“book_1.htm”。? 最好使用小寫字母，盡量不要使用大寫字母，因?yàn)橄馯nix等操作系統(tǒng)對(duì)大小寫敏感，為了讓瀏覽者能夠順利瀏覽到文件，最好將文件夾名和文件名小寫。? 不要使用特殊符號(hào)、空格以及“~”、“！”、“@”、“#”、“$”、“%”、“^”、“&”、“*”等符號(hào)進(jìn)行命名，但可以使用下劃線“_”，如“title_news.htm”、“booklist_01.htm”等。? 文件夾名和文件名長(zhǎng)短適宜，一定不要過長(zhǎng)。2.3.2創(chuàng)建文件夾和文件在【文件】面板中創(chuàng)建文件夾的方法是，用鼠標(biāo)右鍵單擊根文件夾，在彈出的快捷菜單中選擇【新建文件夾】命令，然后在“untitled”處輸入新的文件夾名，然后按Enter鍵確認(rèn)。在【文件】面板中創(chuàng)建文件的方法是，用鼠標(biāo)右鍵單擊根文件夾，在彈出的快捷菜單中選擇【新建文件】命令，然后在“untitled.asp”處輸入新的文件名，并按Enter鍵確認(rèn)。2.4站點(diǎn)管理器【文件】面板實(shí)際上就是站點(diǎn)管理器的縮略圖。在【文件】面板中單擊（展開）按鈕，將展開站點(diǎn)管理器，再次單擊（折疊）按鈕，將又切換到縮略圖狀態(tài)。在【文件】面板中創(chuàng)建文件夾和文件空間相對(duì)較小，可以將其展開進(jìn)行相應(yīng)操作，操作方法是一樣的。2.5綜合小實(shí)例━━創(chuàng)建站點(diǎn)創(chuàng)建一個(gè)站點(diǎn)，具體要求如下。(1)定義站點(diǎn)：站點(diǎn)名字為“mypersonalsite”，不使用服務(wù)器技術(shù)，保存在硬盤上的“mypersonalsite”文件夾下，暫不連接到遠(yuǎn)程服務(wù)器。(2)導(dǎo)出站點(diǎn)：將定義好的站點(diǎn)進(jìn)行導(dǎo)出，保存為“mypersonalsite.ste”。(3)創(chuàng)建文件夾：分別創(chuàng)建文件夾“images”、“pictures”和“papers”。(4)創(chuàng)建文件：分別創(chuàng)建主頁(yè)文件“index.htm”和3個(gè)網(wǎng)頁(yè)文件“mypaper_01.htm”、“mypaper_02.htm”、“mypaper_03.htm”，分別保存在根文件夾下和“papers”文件夾下。(5)建立鏈接：在站點(diǎn)地圖中將3個(gè)網(wǎng)頁(yè)文件與主頁(yè)文件鏈接起來。2.5綜合小實(shí)例━━創(chuàng)建站點(diǎn)

制作網(wǎng)頁(yè)離不開文本，文本是網(wǎng)頁(yè)傳遞信息的最基本的手段，掌握好文本的使用在網(wǎng)頁(yè)制作中無疑是非常重要的。本章將介紹創(chuàng)建和保存文檔、添加文檔內(nèi)容、設(shè)置文檔格式以及插入文件頭標(biāo)簽的基本方法。第3章設(shè)置文檔學(xué)習(xí)目標(biāo)掌握創(chuàng)建和保存文檔的方法。掌握添加文檔內(nèi)容的方法。掌握設(shè)置文檔格式的方法。掌握插入文件頭標(biāo)簽的方法。3.1創(chuàng)建和保存文檔創(chuàng)建文檔保存文檔3.1.1創(chuàng)建文檔一、通過【文件】面板創(chuàng)建文檔? 用鼠標(biāo)右鍵單擊根文件夾，在彈出的快捷菜單中選擇【新建文件】命令。? 單擊面板組標(biāo)題欄右側(cè)的按鈕，在彈出的快捷菜單中選擇【文件】／【新建文件】命令。3.1.1創(chuàng)建文檔二、通過歡迎屏幕創(chuàng)建文檔在歡迎屏幕的【新建】或【從模板創(chuàng)建】列表中選擇相應(yīng)命令即可創(chuàng)建相應(yīng)類型的文件，如選擇【新建】／【HTML】命令即可創(chuàng)建一個(gè)HTML文檔。3.1.1創(chuàng)建文檔三、通過【文件】/【新建】菜單命令創(chuàng)建文檔選擇【文件】／【新建】命令打開【新建文檔】對(duì)話框，根據(jù)需要選擇相應(yīng)的選項(xiàng)創(chuàng)建文件。3.1.2保存文檔如果對(duì)新建文檔進(jìn)行保存，可選擇【文件】菜單中的【保存】命令或【另存為】命令，打開【另存為】對(duì)話框進(jìn)行保存文檔被保存以后，如果又對(duì)其進(jìn)行了編輯，可以直接選擇【文件】/【保存】命令進(jìn)行保存如果要換個(gè)名字保存，則選擇【文件】/【另存為】命令進(jìn)行保存選擇【文件】/【保存全部】命令可同時(shí)保存已打開的所有文檔3.2添加文檔內(nèi)容導(dǎo)入文檔復(fù)制和粘貼插入字符3.2.1導(dǎo)入文檔目前，Word文檔是使用最廣泛的一種。選擇【文件】/【導(dǎo)入】/【W(wǎng)ord文檔】命令，打開【導(dǎo)入Word文檔】對(duì)話框。3.2.2復(fù)制和粘貼選擇【編輯】／【粘貼】命令，將文本粘貼到網(wǎng)頁(yè)文檔中。直接使用該命令粘貼文本將按照【首選參數(shù)】對(duì)話框中的【復(fù)制/粘貼】分類設(shè)置的粘貼方式進(jìn)行粘貼，其中勾選【保留換行符】復(fù)選框。3.2.2復(fù)制和粘貼選擇【編輯】／【選擇性粘貼】命令，打開【選擇性粘貼】對(duì)話框，在【粘貼為】欄中選擇第2項(xiàng)，并取消勾選【清理Word段落間距】復(fù)選框。3.2.3插入字符在DreamweaverCS3中，也可以通過【插入記錄】/【HTML】/【特殊字符】中的相應(yīng)命令插入特殊字符。3.3設(shè)置文檔格式設(shè)置瀏覽器標(biāo)題設(shè)置段落格式設(shè)置文本格式插入空格、水平線和日期3.3.1設(shè)置瀏覽器標(biāo)題（1）

在【文檔】工具欄的【標(biāo)題】文本框中輸入瀏覽器標(biāo)題

（2）選擇【修改】/【頁(yè)面屬性】命令，或單擊【屬性】面板中的【頁(yè)面屬性】按鈕，打開【頁(yè)面屬性】對(duì)話框，然后選擇【標(biāo)題/編碼】分類，在【標(biāo)題】文本框中輸入網(wǎng)頁(yè)標(biāo)題3.3.2設(shè)置段落格式一、分段和換行在文檔窗口中，每按一次Enter鍵便會(huì)另起一個(gè)段落，而且段落與段落之間會(huì)產(chǎn)生一個(gè)空行間距。如果希望文本換行后不產(chǎn)生段落間距，可以采取插入換行符的方法。選擇【插入記錄】／【HTML】／【特殊字符】／【換行符】命令，或按Shift+Enter組合鍵，可以插入換行符。3.3.2設(shè)置段落格式二、文檔標(biāo)題在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，一般都會(huì)加入一個(gè)或多個(gè)文檔標(biāo)題，用來對(duì)頁(yè)面內(nèi)容進(jìn)行概括或分類。文檔標(biāo)題和瀏覽器標(biāo)題是不一樣的，它們的作用、顯示方式以及HTML標(biāo)簽都是不同的。將光標(biāo)置于文檔標(biāo)題所在行，然后在【屬性】面板的【格式】下拉列表中選擇標(biāo)題類型。3.3.2設(shè)置段落格式打開【頁(yè)面屬性】對(duì)話框，在【分類】列表中選擇【標(biāo)題】分類，重新定義標(biāo)題字體、大小和顏色。3.3.2設(shè)置段落格式三、頁(yè)邊距選擇【修改】/【頁(yè)面屬性】命令，或在【屬性】面板中單擊【頁(yè)面屬性】按鈕，打開【頁(yè)面屬性】對(duì)話框進(jìn)行設(shè)置即可。3.3.2

設(shè)置段落格式四、對(duì)齊方式文本的對(duì)齊方式通常有4種：左對(duì)齊、居中對(duì)齊、右對(duì)齊和兩端對(duì)齊?？梢酝ㄟ^【屬性】面板來設(shè)置，也可以通過【文本】/【對(duì)齊】菜單中的相應(yīng)命令來實(shí)現(xiàn)。如果同時(shí)設(shè)置多個(gè)段落的對(duì)齊方式，則需要先選中這些段落。五、縮進(jìn)和凸出在文檔排版過程中，有時(shí)會(huì)遇到需要使某段文本整體向內(nèi)縮進(jìn)或向外凸出的情況。選擇【文本】／【縮進(jìn)】或【凸出】命令，或者單擊【屬性】面板上的按鈕或按鈕，可以使段落整體向內(nèi)縮進(jìn)或向外凸出。如果同時(shí)設(shè)置多個(gè)段落的縮進(jìn)和凸出，則需要先選中這些段落。3.3.2設(shè)置段落格式

通過以下任意一種方式將所選文本設(shè)置為編號(hào)列表或項(xiàng)目列表。在【屬性】面板中單擊編號(hào)列表或項(xiàng)目列表按鈕。選擇【文本】/【列表】/【編號(hào)列表】或【編號(hào)列表】命令。在【插入】工具欄中，切換到【文本】選項(xiàng)卡，在【文本】工具面板中單擊編號(hào)列表或項(xiàng)目列表按鈕。如果對(duì)插入的列表不滿意，可以進(jìn)行修改，方法是：選擇【文本】/【列表】/【屬性】命令，或在【屬性】面板中單擊【列表項(xiàng)目】按鈕，打開【列表屬性】對(duì)話框。3.3.3設(shè)置文本格式一、設(shè)置文本的字體、大小和顏色在【頁(yè)面屬性】對(duì)話框的【外觀】分類中定義頁(yè)面文本的字體、大小和顏色。3.3.3設(shè)置文本格式在【屬性】面板中定義所選文本的字體、大小和顏色。3.3.3設(shè)置文本格式二、設(shè)置文本樣式這里所說的文本樣式主要是指粗體、斜體、下劃線等樣式。在DreamweaverCS3文檔中，首先選擇要設(shè)置文本樣式的文本，然后可以通過以下3種方式設(shè)置文本樣式。在【屬性】面板中設(shè)置文本粗體或斜體樣式。在【文本】/【樣式】菜單中選擇相應(yīng)的命令也可以對(duì)文本設(shè)置樣式，如下劃線、刪除線等。在【插入】工具欄中，切換到【文本】選項(xiàng)卡，將出現(xiàn)【文本】工具面板，單擊相應(yīng)的按鈕也可以設(shè)置粗體或斜體樣式。3.3.4插入空格、水平線和日期一、添加空格在【首選參數(shù)】對(duì)話框的【常規(guī)】分類中，是否勾選【允許多個(gè)連續(xù)的空格】復(fù)選框只對(duì)按Space鍵有影響，而對(duì)【插入記錄】/【HTML】/【特殊字符】/【不換行空格】命令和在【插入】/【文本】面板中單擊按鈕沒有影響。另外，不換行空格在源代碼中顯示為“ ”。3.3.4

插入空格、水平線和日期二、插入水平線擇【插入記錄】/【HTML】/【水平線】命令，插入水平線。選中水平線，在【屬性】面板中可以設(shè)置其屬性。3.3.4插入空格、水平線和日期三、插入日期選擇【插入記錄】/【日期】】命令打開【插入日期】對(duì)話框，只有在【插入日期】對(duì)話框中勾選【儲(chǔ)存時(shí)自動(dòng)更新】復(fù)選框，才能使單擊日期時(shí)顯示日期的【屬性】面板，否則插入的日期僅僅是一段文本而已。3.4插入文件頭標(biāo)簽文件頭標(biāo)簽也就是通常所說的META標(biāo)簽。META標(biāo)簽在網(wǎng)頁(yè)中是看不到的，因?yàn)樗贖TML語(yǔ)言中的“<head>…</head>”標(biāo)簽之間。所有包含在該標(biāo)簽之間的內(nèi)容在網(wǎng)頁(yè)中都是不可見的，所以通常也叫做文件頭標(biāo)簽。一、METAMETA是一個(gè)記錄當(dāng)前頁(yè)面重要信息的頭部標(biāo)簽，如編碼、作者、版權(quán)和關(guān)鍵字等。這些標(biāo)簽可以為服務(wù)器提供參考信息，如發(fā)布日期、刷新設(shè)置等。META主要是針對(duì)網(wǎng)絡(luò)中的搜索引擎而建立的，其中的信息被搜索引擎獵取到并提取所需要的內(nèi)容。選擇【插入記錄】/【HTML】/【文件頭標(biāo)簽】/【META】命令，打開【META】對(duì)話框。3.4插入文件頭標(biāo)簽二、關(guān)鍵字關(guān)鍵字是與網(wǎng)頁(yè)的主題、內(nèi)容、風(fēng)格、作者等內(nèi)容相關(guān)的簡(jiǎn)短而有代表性的詞匯，這也是為網(wǎng)絡(luò)中的搜索引擎準(zhǔn)備的。關(guān)鍵字一般要盡可能地概括網(wǎng)頁(yè)主題，以便瀏覽者在輸入很少關(guān)鍵字的情況下，就能最大程度地搜索到網(wǎng)頁(yè)。國(guó)內(nèi)的網(wǎng)站關(guān)鍵字可以直接使用中文，如果是全球性的網(wǎng)站，為了讓更多的搜索引擎能夠識(shí)別，最好使用英文。關(guān)鍵字用半角的逗號(hào)分隔，不能使用全角的逗號(hào)。選擇【插入記錄】/【HTML】/【文件頭標(biāo)簽】/【關(guān)鍵字】命令，打開【關(guān)鍵字】對(duì)話框。3.4插入文件頭標(biāo)簽三、說明如果說【關(guān)鍵字】忌諱的是詞匯冗長(zhǎng)，那么【說明】忌諱的就是詞匯過于簡(jiǎn)短?！菊f明】為設(shè)計(jì)者提供了可以詳細(xì)說明網(wǎng)頁(yè)內(nèi)容的機(jī)會(huì)，而【關(guān)鍵字】是為了讓搜索引擎最大程度地捕捉到網(wǎng)頁(yè)。選擇【插入記錄】/【HTML】/【文件頭標(biāo)簽】/【說明】命令，打開【說明】對(duì)話框，在【說明】文本框中輸入網(wǎng)頁(yè)的說明。3.4插入文件頭標(biāo)簽四、刷新【刷新】實(shí)際上是META屬性為【HTTP-equivalent】時(shí)的一個(gè)常用的設(shè)置，即定時(shí)刷新網(wǎng)頁(yè)功能。選擇【插入記錄】/【HTML】/【文件頭標(biāo)簽】/【刷新】命令打開【刷新】對(duì)話框，在【刷新】對(duì)話框中設(shè)置相應(yīng)參數(shù)即可。3.4插入文件頭標(biāo)簽五、基礎(chǔ)【基礎(chǔ)】是指在文件頭里添加一個(gè)基本的鏈接，該網(wǎng)頁(yè)文檔中所有的鏈接都以此鏈接為基準(zhǔn)，而其他網(wǎng)頁(yè)中的鏈接與該網(wǎng)頁(yè)中的基準(zhǔn)鏈接無關(guān)。選擇【插入記錄】/【HTML】/【文件頭標(biāo)簽】/【基礎(chǔ)】命令打開【基礎(chǔ)】對(duì)話框，在【基礎(chǔ)】對(duì)話框中設(shè)置相應(yīng)參數(shù)即可。該網(wǎng)頁(yè)中的所有鏈接都是以“”為基準(zhǔn)鏈接的，而且都是在新窗口中打開網(wǎng)頁(yè)。3.4插入文件頭標(biāo)簽六、鏈接【鏈接】主要用來定義當(dāng)前文件和其他文件的關(guān)聯(lián)性，這與網(wǎng)頁(yè)中的普通鏈接是不同的。選擇【插入記錄】/【HTML】/【文件頭標(biāo)簽】/【鏈接】命令打開【鏈接】對(duì)話框，在【鏈接】對(duì)話框中設(shè)置相應(yīng)參數(shù)即可。3.5 綜合小實(shí)例━━設(shè)置“奧動(dòng)會(huì)小知識(shí)”文檔將本章素材文件“實(shí)例素材\第3章\綜合小實(shí)例\images”文件夾復(fù)制到站點(diǎn)根目錄下，然后創(chuàng)建和設(shè)置“奧動(dòng)會(huì)小知識(shí)”文檔，具體要求如下。(1) 創(chuàng)建文檔：創(chuàng)建一個(gè)新文檔，并保存為“shili.htm”。(2) 設(shè)置頁(yè)面屬性：頁(yè)面字體為“宋體”，大小為“12像素”，背景圖像為“images/wuhuan.jpg”，頁(yè)邊距均為“20像素”，瀏覽器標(biāo)題為“奧動(dòng)會(huì)小知識(shí)”。(3) 導(dǎo)入文本：素材文件為“實(shí)例素材\第3章\綜合小實(shí)例\奧動(dòng)會(huì)小知識(shí).doc”，導(dǎo)入時(shí)選擇“帶結(jié)構(gòu)的文本（段落、列表、表格）”，并取消選擇【清理Word段落間距】選項(xiàng)。(4) 設(shè)置文本格式：文檔標(biāo)題為“標(biāo)題1”并居中顯示，文本“以友誼、團(tuán)結(jié)和公平精神互相了解”顏色為“#FF0000”并加粗顯示，正文中的小標(biāo)題按項(xiàng)目列表方式顯示，其它正文文本縮進(jìn)顯示。(5) 插入水平線和日期：在正文最后插入一條水平線，在其下面插入日期，不要顯示星期，日期格式為“1974年3月7日”，時(shí)間格式為“22:18”，并能儲(chǔ)存時(shí)自動(dòng)更新。3.5 綜合小實(shí)例━━設(shè)置“奧動(dòng)會(huì)小知識(shí)”文檔

圖像與文本一樣，是網(wǎng)頁(yè)制作中不可缺少的重要元素。使用圖像不僅可以美化網(wǎng)頁(yè)，還可以幫助表述網(wǎng)頁(yè)主題。絢麗的圖像，強(qiáng)大的視覺沖擊力往往可以更好地表述文字所無法描述的信息。本章將介紹有關(guān)圖像的基本知識(shí)及其在網(wǎng)頁(yè)中的應(yīng)用。第4章使用圖像學(xué)習(xí)目標(biāo)了解圖像的基本格式。掌握設(shè)置網(wǎng)頁(yè)背景的方法。掌握插入圖像的方法。掌握設(shè)置圖像屬性的方法。掌握創(chuàng)建網(wǎng)站相冊(cè)的方法。4.1網(wǎng)頁(yè)圖像格式一、GIF格式GIF格式（GraphicsInterchangeFormat，圖像交換格式，文件擴(kuò)展名為“.gif”）是由Compuserve公司提出的與設(shè)備無關(guān)的圖像存儲(chǔ)標(biāo)準(zhǔn)，也是在Web上使用最早、應(yīng)用最廣泛的圖像格式。GIF圖像格式的優(yōu)點(diǎn)主要有以下幾點(diǎn)。? 最大支持256色，圖像在大多數(shù)瀏覽器中都能正常顯示。? 圖像使用顏色少，壓縮效率高，文件的尺寸較小。? GIF格式的圖像支持1bit透明度，可以制作背景透明的文字或圖像。? 可以將GIF格式的圖像制作成動(dòng)畫GIF。? 可以對(duì)GIF文件交錯(cuò)下載，在下載過程中即可呈現(xiàn)圖像內(nèi)容。4.1網(wǎng)頁(yè)圖像格式GIF圖像格式的缺點(diǎn)主要有以下幾點(diǎn)。? 最大支持256色，不適合于有暈光、漸變色彩等顏色細(xì)膩的圖像和照片。? 保存為GIF格式后，不能通過直接打開來編輯圖像。如果確實(shí)需要編輯4.1網(wǎng)頁(yè)圖像格式二、JPEG格式JPEG格式（JointPhotographicExpertsGroup，聯(lián)合圖像專家組文件格式，文件擴(kuò)展名為“.jpg”）是目前互聯(lián)網(wǎng)中最受歡迎的圖像格式。JPEG圖像格式的優(yōu)點(diǎn)主要有以下幾點(diǎn)。? 支持24位圖像，能夠很好地表現(xiàn)照片等全彩色的圖像。? 可以生成類似GIF的交錯(cuò)關(guān)聯(lián)圖像──漸變JPEG。4.1網(wǎng)頁(yè)圖像格式JPEG圖像格式的缺點(diǎn)主要有以下幾點(diǎn)。? 有損壓縮使之不適合表達(dá)高清晰度的圖像。? 最高只能以256色顯示的用戶可能無法觀看JPEG圖像。? 當(dāng)圖像中包含“fine”字體時(shí)，應(yīng)避免使用JPEG格式，在該字體與純顏色重疊的輪廓區(qū)域會(huì)出現(xiàn)模糊的痕跡。? 采用JPEG格式對(duì)圖像進(jìn)行壓縮后，不能直接打開圖像對(duì)它重新編輯、壓縮。如果確實(shí)需要重新編輯，應(yīng)打開最初的24位圖像文件，編輯后再保存為JPEG格式。4.1網(wǎng)頁(yè)圖像格式三、PNG圖像PNG格式（PortableNetworkGraphics，便攜式網(wǎng)絡(luò)圖像，文件擴(kuò)展名為“.png”）是最近使用量逐漸增多的圖像格式，該格式圖像的優(yōu)點(diǎn)是，在壓縮方面能夠像GIF格式的圖像一樣沒有壓縮上的損失，并能像JPEG那樣呈現(xiàn)更多的顏色。而且PNG格式也提供了一種隔行顯示方案，在顯示速度上比GIF和JPEG更快一些。同時(shí)PNG格式圖像又具有JPEG格式圖像沒有的透明度支持能力。不過PNG格式圖像還沒有普及到所有的瀏覽器，但在未來它有可能是一種非常受歡迎的圖像格式。4.1網(wǎng)頁(yè)圖像格式四、GIF和JPEG兩種格式圖像的區(qū)別雖然GIF和JPEG兩種格式的圖像在網(wǎng)頁(yè)中可以同時(shí)使用，但還是有區(qū)別的。? GIF適用于純顏色、向量式、少于256色的圖像，而JPEG在應(yīng)用于純色的插圖時(shí)遜色于GIF。? GIF是制作透明圖像和動(dòng)畫的首選格式。? JPEG適用于有漸變色、顏色細(xì)膩的圖像，如照片、油畫等，而GIF在這方面遜色于JPEG，如圖4-2所示。在實(shí)際操作過程中不但應(yīng)遵循以上原則，反復(fù)對(duì)輸出圖像的格式、大小、壓縮比等進(jìn)行比較，還要把圖像的下載速度、顯示器的分辨率等各種因素考慮進(jìn)去，選擇最佳方案。4.2設(shè)置網(wǎng)頁(yè)背景在制作網(wǎng)頁(yè)的時(shí)候，頁(yè)面要經(jīng)常使用一些圖像來裝飾，使其更美觀。其中方法之一就是設(shè)置網(wǎng)頁(yè)背景，包括背景顏色和背景圖像。選擇【修改】／【頁(yè)面屬性】命令，打開【頁(yè)面屬性】對(duì)話框，設(shè)置【背景圖像】和【背景顏色】。4.3插入圖像插入GIF圖像插入PSD圖像

插入圖像占位符4.3.1插入GIF圖像在DreamweaverCS3中插入圖像，通?？梢允褂靡韵路椒?。選擇【插入記錄】/【圖像】命令。在【插入】/【常用】工具欄中單擊（圖像）按鈕或?qū)⑵渫蟿?dòng)到文檔中。在【文件】面板中選中圖像并拖動(dòng)到文檔中。在【資源】面板中選中圖像并單擊【插入】按鈕或直接拖動(dòng)到文檔中。4.3.2插入PSD圖像作為Adobe家族的新成員，DreamweaverCS3可以無縫地與其他程序進(jìn)行組合，這其中包括Photoshop。將圖像從一個(gè)程序移到另一個(gè)程序的方法有很多，最直接的方法就是在DreamweaverCS3中打開一個(gè)原始的PhotoshopPSD文件。作為源文件，PhotoshopPSD文件不能用于網(wǎng)頁(yè)。但是，當(dāng)選擇PSD文件時(shí)，DreamweaverCS3會(huì)自動(dòng)呈現(xiàn)出【圖像預(yù)覽】對(duì)話框，以創(chuàng)建一個(gè)準(zhǔn)備用于Web的圖像。4.3.2插入PSD圖像4.3.3插入圖像占位符在網(wǎng)頁(yè)中插入圖像，這些圖像通常是事先準(zhǔn)備好的。如果在網(wǎng)頁(yè)制作過程中，需要插入的圖像當(dāng)時(shí)又沒有，怎么辦呢？此時(shí)，可以臨時(shí)插入一個(gè)圖像占位符，把這塊空間臨時(shí)占著，等到有了合適的圖像后再進(jìn)行更換。選擇【插入記錄】／【圖像對(duì)象】／【圖像占位符】命令，或在【插入】／【常用】面板的【圖像】下拉按鈕組中單擊（圖像占位符）按鈕，打開【圖像占位符】對(duì)話框。4.4設(shè)置圖像屬性認(rèn)識(shí)圖像【屬性】面板設(shè)置替換文本 設(shè)置圖像大小

設(shè)置對(duì)齊方式邊距和邊框

低解析度源

4.4.1認(rèn)識(shí)圖像【屬性】面板選中圖像，將顯示圖像【屬性】面板。在【屬性】面板中，可以設(shè)置圖像名稱、大小、替換文本、邊距、邊框、圖文混排方式等。4.4.2設(shè)置替換文本在瀏覽網(wǎng)頁(yè)時(shí)，將鼠標(biāo)指針放在圖像上，有時(shí)會(huì)出現(xiàn)一些提示文本，這些文本就是替換文本。當(dāng)圖像不能正常顯示或沒有下載完時(shí)，這些替換文本也會(huì)出現(xiàn)在圖像的位置，瀏覽者可以通過替換文本了解圖像的信息?？梢酝ㄟ^【圖像標(biāo)簽輔助功能屬性】對(duì)話框添加替換文本，也可以選中圖像，在【屬性】面板的【替換】文本框內(nèi)添加替換文本。當(dāng)圖像在網(wǎng)頁(yè)中不能正常顯示時(shí)，在圖像位置上會(huì)顯示出替換文本，而且當(dāng)鼠標(biāo)經(jīng)過圖像時(shí)，會(huì)浮現(xiàn)包含替換文本的信息框4.4.3設(shè)置圖像大小設(shè)置圖像的大小通常有兩種方法。?

選中圖像，在【屬性】面板的【寬】和【高】文本框中輸入數(shù)值。?

使用鼠標(biāo)選中圖像，然后通過拖動(dòng)圖像上的控制句柄來調(diào)整圖像的大小。拖動(dòng)右側(cè)的句柄可以改變圖像的寬度，拖動(dòng)下方的句柄可以改變圖像的高度，拖動(dòng)右下角的句柄可以同時(shí)改變圖像的寬度和高度。一旦圖像的寬度和高度發(fā)生變化，【屬性】面板的【寬】和【高】文本框中的數(shù)字也會(huì)立即發(fā)生變化，并且以粗體顯示。而且在【寬】和【高】文本框的后面出現(xiàn)了按鈕，單擊之將恢復(fù)圖像原來的大小。4.4.4設(shè)置對(duì)齊方式在圖文混排的文檔中，如何正確處理圖像與相鄰元素的相對(duì)位置顯得非常重要，如果處理不好，將直接影響頁(yè)面的美觀。由于插入的圖像占用了1行，使第1行的行高增大，因此文本不能頂頭排列，變得很不整齊。那么如何能改變一下文本的排列方式，使其和圖像緊湊地排列呢？其實(shí)方法很簡(jiǎn)單，選中圖像，然后在【屬性】面板的【對(duì)齊】下拉列表中選擇【左對(duì)齊】選項(xiàng)即可。此時(shí)所選擇的圖像靠左邊界對(duì)齊，文本在右邊向左圍繞著圖像排列。4.4.5邊距和邊框可以通過設(shè)置圖像邊距的方法，控制圖像與其他文本或?qū)ο蟮木嚯x，還可以給圖像添加邊框，設(shè)置邊框的粗細(xì)。方法是，首先選中圖像，然后在【屬性】面板的【垂直邊距】、【水平邊距】和【邊框】文本框中輸入具體數(shù)值即可。4.4.6低解析度源低解析度源可以用來指定在載入主圖像之前應(yīng)該載入的圖像，這個(gè)圖像文件很小，一般只包括黑白兩色，因?yàn)樗梢匝杆佥d入，讓訪問者對(duì)等待的內(nèi)容事先的所了解，以決定是否再繼續(xù)等待。在使用該選項(xiàng)前，需要通過圖像處理軟件事先將低解析度圖像做好，然后再通過圖像【屬性】面板的【低解析度源】選項(xiàng)進(jìn)行設(shè)置。不過，如果確實(shí)沒有必要，一般不推薦使用這種方式，因?yàn)橛中枰嘞螺d一張圖像，實(shí)際上增加了網(wǎng)絡(luò)負(fù)擔(dān)。4.5創(chuàng)建網(wǎng)站相冊(cè)創(chuàng)建網(wǎng)站相冊(cè)的過程就是批處理大量圖像的過程，是通過JavaScript調(diào)用Fireworks來完成的。前提是要確定待處理的圖像是否統(tǒng)一放在一個(gè)文件夾里面，圖像文件的擴(kuò)展名是否為“.gif、.jpg、.jpeg、.png、.psd、.tif、.tiff”格式，這兩個(gè)條件都具備，就可以開始創(chuàng)建工作了。選擇【命令】/【創(chuàng)建網(wǎng)站相冊(cè)】命令打開【創(chuàng)建網(wǎng)站相冊(cè)】對(duì)話框進(jìn)行設(shè)置即可。4.6實(shí)例──編輯“世外桃園”網(wǎng)頁(yè)將本章素材文件“實(shí)例素材\第4章\綜合小實(shí)例”下的所有文件復(fù)制到站點(diǎn)根目錄下，然后編輯“世外桃園”網(wǎng)頁(yè)，具體要求如下。(1) 設(shè)置背景圖像：將圖像“images/bg.jpg”設(shè)為網(wǎng)頁(yè)背景。(2) 插入圖像：在正文第2段開頭處插入圖像“images/habahe.gif”，在正文第7段結(jié)尾處插入圖像“images/qikong.gif”。(3) 設(shè)置圖像屬性：將兩幅圖像的寬度和高度分別設(shè)置原來的一半，替換文本分別為“哈巴河”和“小七孔”，對(duì)齊方式為“左對(duì)齊”和“右對(duì)齊”。4.6實(shí)例──編輯“世外桃園”網(wǎng)頁(yè)

多媒體技術(shù)的發(fā)展使網(wǎng)頁(yè)設(shè)計(jì)者能夠輕松自如地在頁(yè)面中加入聲音、動(dòng)畫、影片等內(nèi)容，使制作的網(wǎng)頁(yè)充滿了樂趣，更給訪問者增添了幾分欣喜，同時(shí)網(wǎng)頁(yè)看起來更有趣味性和觀賞性。本章將介紹在網(wǎng)頁(yè)中使用多媒體的方法。第5章使用多媒體學(xué)習(xí)目標(biāo)了解多媒體的種類。掌握插入Flash動(dòng)畫的方法。掌握插入圖像查看器的方法。掌握插入FlashPaper的方法。掌握插入Flash視頻的方法。掌握插入Shockwave的方法。掌握插入Applet和ActiveX的方法。5.1使用FlashFlash動(dòng)畫

圖像查看器FlashPaperFlash視頻 5.1.1

Flash動(dòng)畫插入Flash動(dòng)畫的常用方法通常有以下3種。? 選擇【插入記錄】／【媒體】／【Flash】命令。? 在【插入】／【常用】工具欄的媒體下拉按鈕組中單擊按鈕。? 在【文件】面板中選中Flash文件，然后將其拖動(dòng)到文檔中。插入Flash動(dòng)畫后，可以通過【屬性】面板對(duì)其屬性進(jìn)行設(shè)置。5.1.1

Flash動(dòng)畫5.1.2

圖像查看器圖像查看器就像是在網(wǎng)頁(yè)中放置一個(gè)看圖軟件，使圖像一幅幅地展示出來。圖像查看器是一種特殊形式的Flash動(dòng)畫，但它的插入和使用方法與Flash動(dòng)畫略有不同。選擇【插入記錄】/【媒體】/【圖像查看器】命令，插入Flash占位符。在文檔中右鍵單擊Flash占位符，在彈出的快捷菜單中選擇【編輯標(biāo)簽<object>】命令打開【標(biāo)簽編輯器－object】對(duì)話框，切換至【替代內(nèi)容】分類，在文本框內(nèi)找到默認(rèn)的圖像文件路徑名修改為現(xiàn)有圖像的文件路徑名。5.1.3

FlashPaperFlashPaper是一種文檔格式，可以使用諸如Adobe公司的FlashPaper2軟件建立。FlashPaper能夠?qū)⑷魏晤愋偷目纱蛴∥臋n轉(zhuǎn)換為SWF或PDF格式，可通過各種平臺(tái)來查看生成的FlashPaper文檔。文檔的格式、圖像、字體、特殊符號(hào)、顏色等全部保留，而且生成的SWF文件與Flash所生成的SWF文件格式是相同的。FlashPaperSWF文件通常比其他格式的文檔要小得多，可以使用任何支持Flash的瀏覽器查看它們，或者可以直接使用Macromedia的FlashPlayer來查看。選擇【插入記錄】／【媒體】／【FlashPaper】命令，打開【插入FlashPaper】對(duì)話框進(jìn)行設(shè)置即可。5.1.3

FlashPaper在瀏覽器中預(yù)覽。5.1.4

Flash視頻Flash視頻，即FLV流媒體格式是一種新的視頻格式，全稱為FlashVideo。它的出現(xiàn)有效地解決了視頻文件導(dǎo)入Flash后，使導(dǎo)出的SWF文件體積龐大，不能在網(wǎng)絡(luò)上很好地使用等缺點(diǎn)。選擇【插入記錄】／【媒體】／【Flash視頻】命令，打開【插入Flash視頻】對(duì)話框，由于選擇【視頻類型】的不同，對(duì)話框會(huì)呈現(xiàn)兩種形式。5.1.4

Flash視頻5.1.4

Flash視頻所謂累進(jìn)式下載視頻就是將Flash視頻（FLV）文件下載到站點(diǎn)訪問者的硬盤上，然后播放。這與傳統(tǒng)的“下載并播放”視頻傳送方法不同，累進(jìn)式下載允許在下載完成之前就開始播放視頻文件。而所謂流視頻就是對(duì)Flash視頻內(nèi)容進(jìn)行流式處理，并在一段時(shí)間內(nèi)要確保流暢播放，但必須在緩沖時(shí)間后才能在網(wǎng)頁(yè)上播放該內(nèi)容。如果希望在網(wǎng)上啟用流視頻，就必須具有訪問AdobeFlashMediaPlayer的條件。5.2 使用ShockwaveShockwave是Macromedia公司的又一杰作，主要用于在Web中插放豐富的交互式多媒體內(nèi)容的業(yè)界標(biāo)準(zhǔn)，其真正含義就是插件?？梢酝ㄟ^MacromediaDirector來創(chuàng)建Shockwave影片，它生成的壓縮格式可以被瀏覽器快速下載，并且可被目前的主流瀏覽器所支持。選擇【插入記錄】／【媒體】／【Shockwave】命令，打開【選擇文件】對(duì)話框來插入Shockwave文件。Shockwave文件的擴(kuò)展名是“.dcr”、“.dir”、“.dxr”。5.3

插入特殊對(duì)象Applet

ActiveX5.3.1

AppletApplet就是Java程序，可以實(shí)現(xiàn)網(wǎng)頁(yè)特效。JavaApplet被嵌入到HTML語(yǔ)言中，通過主頁(yè)發(fā)布到因特網(wǎng)，用戶訪問服務(wù)器的Applet時(shí)，這些Applet就從網(wǎng)絡(luò)上進(jìn)行傳輸，然后在支持Java的瀏覽器中運(yùn)行。在看一些帶有Java效果的網(wǎng)頁(yè)時(shí)，瀏覽器會(huì)啟動(dòng)Java解釋器以執(zhí)行JavaApplet。Applet可以像圖像、聲音、動(dòng)畫等一樣從網(wǎng)絡(luò)上下載，從http://www.J或一些愛好者站點(diǎn)也可以得到不少可用的Applet應(yīng)用程序。這些程序不同于多媒體的文件格式，它可以接收用戶的輸入，動(dòng)態(tài)地進(jìn)行改變，這是Applet最靈活的特點(diǎn)。選擇【插入記錄】／【媒體】／【Applet】命令，打開【選擇文件】對(duì)話框，選擇JavaApplet文件路徑，Applet文件的擴(kuò)展名是以“.class”結(jié)尾的。插入Applet，在文檔窗口中右擊Applet占位符，選擇【編輯標(biāo)簽】命令，打開【標(biāo)簽編輯器】對(duì)話框，切換至【替代內(nèi)容】選項(xiàng)，輸入相應(yīng)代碼。5.3.1

Applet5.3.1

Applet也可以直接單擊【屬性】面板中的【參數(shù)】按鈕，打開【參數(shù)】對(duì)話框，修改與顯示效果相關(guān)的參數(shù)。5.3.2插入ActiveXActiveX的主要作用是在不發(fā)布瀏覽器新版本的情況下擴(kuò)展瀏覽器的能力。如果瀏覽器載入了一個(gè)網(wǎng)頁(yè)，而這個(gè)網(wǎng)頁(yè)中有瀏覽器不支持的ActiveX控件，瀏覽器會(huì)自動(dòng)安裝所需控件。WMV和RM是網(wǎng)絡(luò)常見的兩種視頻格式。其中，WMV影片是Windows的視頻格式，使用的播放器是MicrosoftMediaPlayer。選擇【插入記錄】／【媒體】／【ActiveX】命令，系統(tǒng)自動(dòng)在文檔中插入一個(gè)ActiveX占位符。在【屬性】面板的【ClassID】下拉列表框中添加“CLSID:22D6f312-b0f6-11d0-94ab-0080c74c7e95”。在【屬性】面板中勾選【嵌入】復(fù)選框，然后單擊【參數(shù)】按鈕，打開【參數(shù)】對(duì)話框添加參數(shù)。5.3.2插入ActiveX在WMV視頻的ActiveX【屬性】面板中，許多參數(shù)沒有設(shè)置，便無法正常播放WMV格式的視頻。這時(shí)需要做兩項(xiàng)工作：一是添加“ClassID”；二是添加控制播放參數(shù)。對(duì)于控制播放參數(shù)，可以根據(jù)需要有選擇地添加。5.3.2插入ActiveX除了當(dāng)前的WMV視頻，此種方式還可以播放MPG、ASF等格式的視頻，但不能播放RM、RMVB格式。播放RM格式的視頻不能使用MicrosoftMediaPlayer播放器，必須使用RealPlayer播放器。設(shè)置方法是：在【屬性】面板的【ClassID】下拉列表中選擇“RealPlayer/clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA”，勾選【嵌入】復(fù)選框，然后在【屬性】面板中單擊【參數(shù)】按鈕，打開【參數(shù)】對(duì)話框，添加參數(shù)，最后設(shè)置【寬】和【高】為固定尺寸。在播放WMV格式的視頻時(shí)，可以不設(shè)置具體的尺寸，但是RM格式的視頻必須要設(shè)置一個(gè)具體的尺寸。當(dāng)然，這個(gè)尺寸可能不是影片的原始比例尺寸，可以通過將參數(shù)“MAINTAINASPECT”設(shè)置為“true”來恢復(fù)影片的原始比例尺寸。5.4 綜合小實(shí)例──完善“西湖十景”網(wǎng)頁(yè)將本章素材文件“實(shí)例素材\第5章\綜合小實(shí)例”下的所有文件復(fù)制到站點(diǎn)根目錄下，然后完善“西湖十景”網(wǎng)頁(yè)，具體要求如下。(1) 插入Flash動(dòng)畫：將Flash動(dòng)畫“images/fengjing.swf”插入到正文第3段的開頭，并設(shè)置寬度為“180”，高度為“120”，左對(duì)齊。(2) 插入圖像查看器：在正文第5段的開頭插入圖像查看器，能夠查看舊西湖十景的圖像，寬度和高度均為“200”，左對(duì)齊。5.4 綜合小實(shí)例──完善“西湖十景”網(wǎng)頁(yè)在因特網(wǎng)中，超級(jí)鏈接就好比橋梁，瀏覽者每單擊一次鼠標(biāo)就好比是從橋的這一端走到了橋的那一端。超級(jí)鏈接將整個(gè)因特網(wǎng)關(guān)聯(lián)了起來，構(gòu)成了紛繁復(fù)雜的Web世界。本章將介紹超級(jí)鏈接的基本知識(shí)以及創(chuàng)建超級(jí)鏈接的基本方法。第6章創(chuàng)建超級(jí)鏈接學(xué)習(xí)目標(biāo)了解超級(jí)鏈接的概念。掌握設(shè)置文本和圖像超級(jí)鏈接的方法。掌握設(shè)置圖像熱點(diǎn)超級(jí)鏈接的方法。掌握設(shè)置電子郵件超級(jí)鏈接的方法。掌握設(shè)置下載超級(jí)鏈接和空鏈接的方法。掌握設(shè)置錨記超級(jí)鏈接的方法。掌握設(shè)置鼠標(biāo)經(jīng)過圖像和導(dǎo)航條的方法。掌握設(shè)置Flash文本和Flash按鈕的方法。掌握設(shè)置跳轉(zhuǎn)菜單和腳本鏈接的方法。6.1

超級(jí)鏈接的概念URL的概念和格式 URL地址的類型超級(jí)鏈接的分類6.1.1URL的概念和格式

URL，英文全稱為“UniformResoureLocator”，即統(tǒng)一資源定位器，是因特網(wǎng)中網(wǎng)頁(yè)的地址。URL的地址格式為：scheme://host:port/path/file。scheme：Internet資源類型，又稱通信協(xié)議，如http、ftp、telnet等，分別表示W(wǎng)WW服務(wù)器、FTP服務(wù)器、TELNET服務(wù)器。host：服務(wù)器主機(jī)，指出服務(wù)器在網(wǎng)絡(luò)中的IP地址（如“18”）或域名（如“”）。port：端口，對(duì)某些資源的訪問需要給出服務(wù)器相應(yīng)的端口號(hào)，但許多時(shí)候不需要。path：路徑，指明服務(wù)器上資源的位置，有時(shí)不需要。file：文件，指明服務(wù)器上資源的文件名稱，有時(shí)不需要。6.1.2URL地址的類型在超級(jí)鏈接中，URL地址有絕對(duì)地址和相對(duì)地址之分。一、絕對(duì)地址絕對(duì)地址就是某個(gè)文件在網(wǎng)絡(luò)上的完整地址，包括所使用的傳輸協(xié)議、服務(wù)器名、路徑和文件名等。當(dāng)創(chuàng)建的超級(jí)鏈接要連接到網(wǎng)站以外的其他網(wǎng)站的某個(gè)文件時(shí)，必須使用絕對(duì)地址，例如“/special/00052FJJ/rocketteam.html”。二、相對(duì)地址相對(duì)地址又可分為文檔相對(duì)地址和站點(diǎn)根目錄相對(duì)地址兩種。(1) 文檔相對(duì)地址文檔相對(duì)地址就是指以當(dāng)前文檔所在位置為起點(diǎn)到被鏈接文檔經(jīng)由的路徑。當(dāng)創(chuàng)建的鏈接要連接到網(wǎng)站內(nèi)部文件時(shí)通常使用文檔相對(duì)路徑。6.1.2URL地址的類型

通過文檔相對(duì)路徑構(gòu)建超級(jí)鏈接的兩個(gè)文件之間的相對(duì)關(guān)系，不會(huì)受到站點(diǎn)文件夾所處的服務(wù)器位置的影響，可以省略絕對(duì)地址中的相同部分。這種方式可以確保在站點(diǎn)文件夾所在的服務(wù)器地址發(fā)生改變的情況下，文件夾的所有內(nèi)部鏈接都不會(huì)出現(xiàn)錯(cuò)誤。而且，在Dreamweaver的站點(diǎn)管理器內(nèi)進(jìn)行文件和文件夾的重命名、文件和文件夾的移動(dòng)等操作時(shí)，使用文檔相對(duì)地址創(chuàng)建的超級(jí)鏈接都會(huì)動(dòng)態(tài)地自動(dòng)進(jìn)行更新，這對(duì)站點(diǎn)管理帶來了方便。與同一文件夾內(nèi)的文件建立鏈接只寫文件名即可，例如“rocketteam.html”。與下一層文件夾內(nèi)的文件建立鏈接，只寫文件夾名稱和文件名即可，例如“00052FJJ/rocketteam.html”。與上一層文件夾內(nèi)的文件建立鏈接，只需在文件名前加上“../”即可，例如“../rocketteam.html”。如果與上一層文件夾的再上一層文件夾內(nèi)的文件建立鏈接，需要在上一層文件夾名前加上“../”，例如“../00052FJJ/rocketteam.html”?！?./”表示在文件夾層次結(jié)構(gòu)中上移一層。6.1.2URL地址的類型(2) 站點(diǎn)根目錄相對(duì)地址站點(diǎn)根目錄相對(duì)地址就是指所有路徑都開始于當(dāng)前站點(diǎn)的根目錄，以“/”開始，“/”表示站點(diǎn)根目錄，如“/special/00052FJJ/rocketteam.html”。通常只有在站點(diǎn)的規(guī)模非常大、文件需要放置在幾個(gè)服務(wù)器上，或者是在一個(gè)服務(wù)器上放置多個(gè)站點(diǎn)時(shí)才使用站點(diǎn)根目錄相對(duì)地址。移動(dòng)包含站點(diǎn)根目錄相對(duì)地址鏈接的文檔時(shí)，不需要更改這些鏈接。另外，站點(diǎn)根目錄相對(duì)地址只能由站點(diǎn)服務(wù)器軟件（例如IIS）來解釋，因此在硬盤上打開一個(gè)帶有根目錄相對(duì)地址鏈接的網(wǎng)頁(yè)時(shí)，上面所有的鏈接都是失效的。這是因?yàn)樵谟脖P目錄中不存在站點(diǎn)根目錄，而只有文件夾。6.1.3超級(jí)鏈接的分類超級(jí)鏈接通常由源端點(diǎn)和目標(biāo)端點(diǎn)兩部分組成。根據(jù)源端點(diǎn)的不同，超級(jí)鏈接可分為文本超級(jí)鏈接、圖像超級(jí)鏈接和表單超級(jí)鏈接。文本超級(jí)鏈接以文本作為超級(jí)鏈接源端點(diǎn)，圖像超級(jí)鏈接以圖像作為超級(jí)鏈接源端點(diǎn)，表單超級(jí)鏈接比較特殊，選擇某個(gè)選項(xiàng)后會(huì)自動(dòng)跳轉(zhuǎn)到目標(biāo)端點(diǎn)，或需要單擊相應(yīng)按鈕會(huì)自動(dòng)跳轉(zhuǎn)到目標(biāo)端點(diǎn)。根據(jù)目標(biāo)端點(diǎn)的不同，超級(jí)鏈接可分為內(nèi)部超級(jí)鏈接、外部超級(jí)鏈接、電子郵件超級(jí)鏈接和錨記超級(jí)鏈接等。內(nèi)部超級(jí)鏈接是使多個(gè)網(wǎng)頁(yè)組成為一個(gè)網(wǎng)站的一種鏈接形式，目標(biāo)端點(diǎn)和源端點(diǎn)是同一網(wǎng)站內(nèi)的網(wǎng)頁(yè)文檔。外部超級(jí)鏈接指的是目標(biāo)端點(diǎn)與源端點(diǎn)不在同一個(gè)網(wǎng)站內(nèi)，外部超級(jí)鏈接可以實(shí)現(xiàn)網(wǎng)站之間的跳轉(zhuǎn)，從而將瀏覽范圍擴(kuò)大到整個(gè)網(wǎng)絡(luò)。電子郵件超級(jí)鏈接將會(huì)啟動(dòng)郵件客戶端程序，可以寫郵件并發(fā)送到鏈接的郵箱中。利用錨記超級(jí)鏈接，在瀏覽時(shí)網(wǎng)頁(yè)時(shí)可以跳轉(zhuǎn)到當(dāng)前網(wǎng)頁(yè)或其他網(wǎng)頁(yè)中的某一指定位置。6.2普通超級(jí)鏈接文本和圖像超級(jí)鏈接圖像熱點(diǎn)超級(jí)鏈接下載超級(jí)鏈接和空鏈接電子郵件超級(jí)鏈接錨記超級(jí)鏈接6.2.1文本和圖像超級(jí)鏈接一、文本超級(jí)鏈接用文本做鏈接載體就是文本超級(jí)鏈接，它是最常見的超級(jí)鏈接類型。創(chuàng)建文本超級(jí)鏈接比較常用的方式主要有兩種：一種是在【屬性】面板中創(chuàng)建超級(jí)鏈接，另一種是在【超級(jí)鏈接】對(duì)話框中設(shè)置超級(jí)鏈接。對(duì)于文本超級(jí)鏈接，還可以通過【頁(yè)面屬性】對(duì)話框設(shè)置文本的顏色、下劃線等樣式。1、通過【屬性】面板創(chuàng)建超級(jí)鏈接。6.2.1文本和圖像超級(jí)鏈接2、通過【超級(jí)鏈接】對(duì)話框設(shè)置超級(jí)鏈接。選擇【插入記錄】／【超級(jí)鏈接】命令，打開【超級(jí)鏈接】對(duì)話框進(jìn)行設(shè)置。6.2.1文本和圖像超級(jí)鏈接3、通過【頁(yè)面屬性】對(duì)話框設(shè)置文本超級(jí)鏈接的狀態(tài)。6.2.1文本和圖像超級(jí)鏈接二、圖像超級(jí)鏈接用圖像作為鏈接載體就是圖像超級(jí)鏈接。了解了通過【屬性】面板創(chuàng)建文本超級(jí)鏈接的方法，也就等于掌握了創(chuàng)建圖像超級(jí)鏈接的方法，因?yàn)椴僮鞣椒ǘ际且粯樱皇擎溄虞d體由文本變成了圖像。圖像超級(jí)鏈接不像文本超級(jí)鏈接那樣會(huì)發(fā)生許多提示性的變化，圖像本身不會(huì)發(fā)生改變，只是鼠標(biāo)在指向圖像超級(jí)鏈接時(shí)會(huì)變成手形（默認(rèn)狀態(tài)）。6.2.2圖像熱點(diǎn)超級(jí)鏈接圖像熱點(diǎn)，又稱圖像地圖、圖像熱區(qū)，實(shí)際上就是為圖像繪制一個(gè)或幾個(gè)特殊區(qū)域，并為這些區(qū)域添加超級(jí)鏈接。創(chuàng)建圖像熱點(diǎn)超級(jí)鏈接必須使用圖像熱點(diǎn)工具，它位于圖像【屬性】面板的左下方，包括（矩形熱點(diǎn)工具）、（橢圓形熱點(diǎn)工具）和（多邊形熱點(diǎn)工具）3種形式。創(chuàng)建圖像熱點(diǎn)超級(jí)鏈接的方法是：（1）使用圖像熱點(diǎn)工具繪制熱點(diǎn)區(qū)域（2）接著在【屬性】面板中設(shè)置鏈接地址、目標(biāo)窗口等6.2.3下載超級(jí)鏈接和空鏈接在實(shí)際應(yīng)用中，鏈接目標(biāo)也可以是其他類型的文件，如壓縮文件、Word文件等。如果要在網(wǎng)站中提供資料下載，就需要為文件提供下載超級(jí)鏈接。下載超級(jí)鏈接并不是一種特殊的鏈接，只是下載超級(jí)鏈接所指向的文件是特殊的?？真溄邮且粋€(gè)未指派目標(biāo)的鏈接。建立空鏈接的目的通常是激活頁(yè)面上的對(duì)象或文本，使其可以應(yīng)用行為。給頁(yè)面對(duì)象添加空鏈接很簡(jiǎn)單，在【屬性】面板的【鏈接】文本框中輸入“#”即可。6.2.4電子郵件超級(jí)鏈接電子郵件超級(jí)鏈接與一般的文本和圖像鏈接不同，因?yàn)殡娮余]件鏈接要將瀏覽者的本地電子郵件管理軟件（如OutlookExpress、Foxmail等）打開，而不是向服務(wù)器發(fā)出請(qǐng)求，因此它的添加步驟也與普通鏈接有所不同。使用以下兩種方法打開【電子郵件鏈接】對(duì)話框進(jìn)行設(shè)置。選擇【插入記錄】/【電子郵件】命令在【插入】/【常用】面板中單擊（電子郵件鏈接）按鈕6.2.5錨記超級(jí)鏈接一般超級(jí)鏈接只能從一個(gè)網(wǎng)頁(yè)文檔跳轉(zhuǎn)到另一個(gè)網(wǎng)頁(yè)文檔，使用錨記超級(jí)鏈接不僅可以跳轉(zhuǎn)到同一網(wǎng)頁(yè)中的指定位置，還可以跳轉(zhuǎn)到其他網(wǎng)頁(yè)中指定的位置，包括同一站點(diǎn)內(nèi)的和不同站點(diǎn)內(nèi)的。創(chuàng)建錨記超級(jí)鏈接，需要經(jīng)過兩步：首先需要命名錨記，即在文檔中設(shè)置標(biāo)記，這些標(biāo)記通常放在文檔的特定主題處或頂部，然后在【屬性】面板中設(shè)置指向這些錨記的超級(jí)鏈接。創(chuàng)建錨記超級(jí)鏈接的方法：（1）使用以下兩種方式之一打開【命名錨記】對(duì)話框來插入錨記。選擇【插入記錄】/【命名錨記】命令在【插入】/【常用】面板中單擊（命名錨記）按鈕（2）選中鏈接文本，在