[學(xué)習(xí)]網(wǎng)頁(yè)設(shè)計(jì)與制作教程第三版

1、網(wǎng)頁(yè)設(shè)計(jì)與 制作教程（第三版）,普通高等教育“十一五”國(guó)家級(jí)規(guī)劃教材趙祖蔭 主編,第1章 網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ),1.1 Internet基礎(chǔ)1.2 網(wǎng)頁(yè)圖像基礎(chǔ)1.3 網(wǎng)頁(yè)制作軟件的主要功能和特點(diǎn)1.4 本章小結(jié),,本章重點(diǎn)： Internet基礎(chǔ)知識(shí) 網(wǎng)頁(yè)圖像基礎(chǔ) 網(wǎng)頁(yè)制作套件的主要功能和特點(diǎn),第1章 網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ),1.1.1 Internet與WWW服務(wù)計(jì)算機(jī)網(wǎng)絡(luò)，簡(jiǎn)單的說(shuō)，就是用通信線

2、路把若干計(jì)算機(jī)連起來(lái)，再配以適當(dāng)?shù)能浖陀布?，以達(dá)到計(jì)算機(jī)之間的資源共享和信息交換。Internet的中文名稱是因特網(wǎng)或國(guó)際互聯(lián)網(wǎng)，是一個(gè)幾乎覆蓋了全世界的計(jì)算機(jī)網(wǎng)絡(luò)。,1.1 Internet基礎(chǔ),Internet提供的服務(wù)主要有萬(wàn)維網(wǎng)（WWW）服務(wù)、電子郵件（E- mail）服務(wù)、文件傳輸（FTP）服務(wù)、遠(yuǎn)程登錄（Telnet）服務(wù)和新聞與公告類（Usenet）服務(wù)等。 網(wǎng)頁(yè)能存放在全球的任何一臺(tái)計(jì)算機(jī)上。所以一旦與WWW連接，

3、用戶就可以使用相同的方式輕松地接收全球任何地方的信息。Internet上鏈接在一起的網(wǎng)頁(yè)構(gòu)成了一個(gè)龐大的信息網(wǎng)。,圖1-1 網(wǎng)頁(yè)的超文本結(jié)構(gòu),1.1.2 服務(wù)器與客戶機(jī)Internet連接著難以計(jì)數(shù)的計(jì)算機(jī)，按照功能它們大致可分為服務(wù)器和客戶機(jī)兩類。服務(wù)器是提供資源和服務(wù)的計(jì)算機(jī)。 客戶機(jī)是供用戶使用資源和享受服務(wù)的計(jì)算機(jī)。瀏覽者在訪問(wèn)網(wǎng)頁(yè)時(shí)，使用的是客戶機(jī)。瀏覽器向存放網(wǎng)頁(yè)的WWW服務(wù)器（經(jīng)常是在很遠(yuǎn)的地方

4、）發(fā)出一個(gè)請(qǐng)求；收到請(qǐng)求后，WWW服務(wù)器將響應(yīng)信號(hào)和網(wǎng)頁(yè)發(fā)送給客戶機(jī)。該流程如圖1-2所示。,圖 1-2 客戶機(jī)和服務(wù)器,客戶機(jī)也可以通過(guò)瀏覽器將數(shù)據(jù)信息上傳給WWW服務(wù)器的數(shù)據(jù)庫(kù)或者應(yīng)用程序，還可以利用交互式網(wǎng)頁(yè)向服務(wù)器的數(shù)據(jù)庫(kù)查詢數(shù)據(jù)，然后服務(wù)器將處理結(jié)果以網(wǎng)頁(yè)的形式反饋給用戶。,1.1.3 IP地址和域名網(wǎng)絡(luò)上的每一臺(tái)計(jì)算機(jī)都必須有IP地址或域名作為其獨(dú)一無(wú)二的標(biāo)識(shí)，就像我們每個(gè)人都有一個(gè)身份證號(hào)一樣，作為身份的確認(rèn)。I

5、P地址是Internet上計(jì)算機(jī)的數(shù)字標(biāo)識(shí)。兩臺(tái)計(jì)算機(jī)不能有相同的IP地址。它通常由四個(gè)0～255間的十進(jìn)制整數(shù)和中分點(diǎn)構(gòu)成，例如202.121.80.18、196.2.56.3都是合法的IP地址。,1.1.4 URL和超鏈接Internet是全球最大的信息庫(kù)，每個(gè)服務(wù)器上都有成千上萬(wàn)的各種資源，那么如何來(lái)標(biāo)識(shí)這些資源呢？用于解決這一問(wèn)題的是統(tǒng)一資源定位器（uniform resource locator簡(jiǎn)稱URL）。URL是

6、全球WWW網(wǎng)服務(wù)器資源的標(biāo)準(zhǔn)尋址定位編碼，它被用來(lái)確定資源的相應(yīng)位置。URL采用統(tǒng)一的格式： 協(xié)議名://服務(wù)器的IP地址或域名/路徑/文件名,1.1.5 HTML語(yǔ)言和網(wǎng)頁(yè)制作工具網(wǎng)頁(yè)實(shí)際上就是一個(gè)用超文本標(biāo)記語(yǔ)言HTML（hyper text markup language）編寫(xiě)的文本文件，從而把文字、表格、圖像、動(dòng)畫(huà)、聲音和視頻等各種媒體有機(jī)地組合在一起。HTML語(yǔ)言能夠運(yùn)行于各種操作系統(tǒng)。,例如圖1-3所示的網(wǎng)頁(yè)

7、的HTML語(yǔ)言源文件為：網(wǎng)頁(yè)設(shè)計(jì)大家學(xué)網(wǎng)頁(yè)設(shè)計(jì)大家學(xué),圖 1-3 網(wǎng)頁(yè)的例子,1.2 網(wǎng)頁(yè)圖像基礎(chǔ),1.2.1 位圖和矢量圖1. 位圖位圖是由分配了特定位置和顏色值的點(diǎn)(象素)的排列組成。位圖的色彩和色調(diào)變化豐富，但占用空間較多。對(duì)位圖進(jìn)行編輯時(shí)，處理的實(shí)際上是一個(gè)個(gè)象素。位圖的質(zhì)量與分辨率有關(guān)。如果在屏幕上以較大的倍數(shù)放大顯示圖像，在圖像邊緣可能會(huì)產(chǎn)生鋸齒。如圖1-4所示，位圖格式的向日葵圖片

8、被放大后與原圖對(duì)比有很明顯的馬賽克紋樣。,圖1-4 將位圖格式的局部圖像放大前后的效果對(duì)比,2. 矢量圖矢量圖用一組繪圖指令來(lái)描述圖像的內(nèi)容，這些指令根據(jù)圖形的幾何特性定義圖形的輪廓，并用顏色進(jìn)行描邊和填充。矢量圖主要用于表示線框型的圖畫(huà)、工程制圖、藝術(shù)字等。矢量圖文件的容量較小。矢量圖形和分辨率無(wú)關(guān)，它們?cè)诓煌直媛实妮敵鲈O(shè)備上顯示效果都相同。圖1-5顯示了將矢量格式的向日葵局部圖像放大前后的實(shí)際效果。,圖1-5 將矢

9、量格式的局部圖像放大前后的實(shí)際效果。,1.2.2常用圖像格式及其特點(diǎn)圖像格式是指計(jì)算機(jī)中存儲(chǔ)圖像文件的方法，它們代表不同的圖像信息、色彩數(shù)和壓縮程度。圖形圖像處理軟件通?？梢蕴幚矶喾N圖像文件格式，每一種圖像格式都有它的特點(diǎn)和用途。在選擇輸出的圖像文件格式時(shí)，應(yīng)考慮圖像的應(yīng)用目的以及圖像文件格式的特點(diǎn)。,1．BMP圖像文件格式BMP圖像是Microsoft Windows所定義的圖像文件格式，在Windows中運(yùn)行的圖形圖像軟件都

10、支持BMP圖像格式。BMP圖像文件只能存放一幅圖像，圖像數(shù)據(jù)有壓縮或不壓縮兩種處理方式。,2．GIF圖像文件格式GIF圖像是一種包含有幀、調(diào)色板、優(yōu)化方案等工作信息的位圖格式。最多只支持256種顏色，支持透明色。采用無(wú)損壓縮的方法，產(chǎn)生的文件很小。GIF圖像在網(wǎng)絡(luò)上使用廣泛。網(wǎng)絡(luò)圖像中色彩簡(jiǎn)單、內(nèi)容不很復(fù)雜、動(dòng)畫(huà)以及包含透明區(qū)域的圖像比較適合使用該圖像格式。,3. JPEG圖像文件格式JPEG圖像支持多達(dá)224種顏色，可以描

11、繪真實(shí)場(chǎng)景圖像或顏色豐富、內(nèi)容細(xì)膩的圖像。JPEG圖像采用有損壓縮的方法，圖像質(zhì)量與采用的壓縮比相關(guān)，經(jīng)過(guò)高倍壓縮的JPEG圖像文件比較小，是目前網(wǎng)絡(luò)中使用最廣泛的圖像格式之一。,4．PNG圖像文件格式PNG圖像是一種專門(mén)針對(duì)網(wǎng)絡(luò)發(fā)布而開(kāi)發(fā)的無(wú)損壓縮圖像文件格式，可以保存灰度模式、索引顏色模式、圖層、幀等圖像信息，并提供從28到232種顏色的支持，同時(shí)支持透明背景和動(dòng)態(tài)效果。256色的PNG圖像格式具有GIF圖像格式的全部功能，

12、文件大小比GIF圖像格式小。支持224或232種顏色的PNG圖像格式提供高壓縮比的無(wú)損圖像壓縮。PNG圖像使用的是高速交替顯示方案，顯示速度很快，只需要下載1/64的圖像信息就可以顯示出低分辨率的預(yù)覽圖像。,5．PSD圖像文件格式PSD圖像是著名圖像處理軟件PhotoShop中使用的一種標(biāo)準(zhǔn)圖像文件格式，能夠保存圖像處理的每一個(gè)細(xì)節(jié)部分，便于圖像的編輯和再處理。,1.2.3 色彩的屬性網(wǎng)頁(yè)中的色彩是網(wǎng)頁(yè)內(nèi)容的一種表現(xiàn)，能夠突

13、出地顯示整個(gè)網(wǎng)站的風(fēng)格，給人以視覺(jué)沖擊。不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問(wèn)者的情緒。好的色彩搭配具有感染力，同時(shí)也具有象征性，所以確定網(wǎng)頁(yè)的基準(zhǔn)色彩就顯得尤為重要。,1.2.3 色彩的屬性色彩可以分為無(wú)彩色和有彩色兩大類。無(wú)彩色包括黑、白、灰三種顏色；有彩色包括紅、黃、綠、青、藍(lán)、紫等多種顏色。各種色彩都具有明度、色相和純度三種屬性。,1．明度明度是指色彩的明暗程度，任何色彩都有自己的明暗特征。從光譜上可以看到最明亮

14、的顏色是黃色，處于光譜的中心位置。最暗的是紫色，處于光譜的邊緣。一個(gè)物體表面的光反射率越大，對(duì)視覺(jué)的刺激的程度越大，看上去就越亮，這一顏色的明度就越高。因此明度表示顏色的明暗特征，也就是說(shuō)明度較高的色彩較亮、明度較低的色彩較暗。明度在色彩三要素中可以不依賴于其他性質(zhì)而單獨(dú)存在，任何色彩都可以還原成明度關(guān)系來(lái)考慮，明度適于表現(xiàn)物體的立體感和空間感。黑白之間可以形成許多明度臺(tái)階，人的最大明度層次辨別能力可達(dá)200個(gè)臺(tái)階左右，普通使用

15、的明度標(biāo)準(zhǔn)大都為9級(jí)左右。,,圖1-6 色彩明度值由高到低的明度變化過(guò)程,2．色相色相是指色彩的相貌，用來(lái)區(qū)別色彩種類。紅、黃、藍(lán)等色族便就是色相，它們之間的差別屬于色相差別。在應(yīng)用色彩理論中，通常用色環(huán)來(lái)表示色彩系列。最初的基本色相為紅、橙、黃、綠、藍(lán)、紫；在各色中間加插中間色后，可制出紅、橙紅、黃橙、黃、黃綠、綠、綠藍(lán)、藍(lán)綠、藍(lán)、藍(lán)紫、紫、紅紫十二個(gè)基本色相。如果進(jìn)一步再找出中間色，還可以得到二十四個(gè)色相。,3．純度

16、純度是指色彩的鮮艷度、飽和度。比如，紅色中有鮮艷沒(méi)有雜質(zhì)的紅、干澀灰暗的紅以及淡薄的粉紅等，它們的色相都是紅，但卻強(qiáng)弱不一，這說(shuō)明它們的純度不同。通常色彩純度越高的顏色越鮮艷，純度越低的越灰暗。任何一種色相只要和黑、白、灰中的任意一種混合純度就會(huì)降低。比如，和白色相混明度增加純度減弱；和黑色相混明度減弱色相變暗。,1.2.4 RGB色彩模式和Web安全色3物體的顏色，實(shí)際上是由物體表面發(fā)出的特定波長(zhǎng)的光作用于人的視覺(jué)器官而產(chǎn)生的

17、。自然界中的顏色千變?nèi)f化、數(shù)不勝數(shù)，但每種顏色都可以用紅(R)、綠(G)、藍(lán)(B)三種色光按一定的比例混合而成，這三種色光被稱為光的三原色。網(wǎng)頁(yè)制作中使用最廣泛的是RGB色彩模式的十六進(jìn)制顯示模式。即用3個(gè)00~FF的十六進(jìn)制數(shù)來(lái)表示組成顏色的紅、綠、藍(lán)色的數(shù)值。例如：000000表示黑色， FFFFFF表示白色，00FF00表示紅色，0000FF表示藍(lán)色，總共有224種顏色。,1.2.4 RGB色彩模式和Web安全色3在圖像

18、處理軟件中一般都有調(diào)色板，用戶可以通過(guò)調(diào)整RGB的數(shù)值選擇所需的顏色。圖1-7是Fireworks 8中的調(diào)色板。,圖1-7 Fireworks 8中的調(diào)色板,不同的操作系統(tǒng)和瀏覽器可能采用不同的調(diào)色板。圖像在網(wǎng)絡(luò)發(fā)布后，色彩的顯示可能會(huì)受到瀏覽端的操作系統(tǒng)和瀏覽器的影響，同一種顏色也許會(huì)在不同的瀏覽端顯示出不同的明度或者色相。我們把在不同的操作系統(tǒng)和瀏覽器中顯示效果一致的216種顏色稱為網(wǎng)絡(luò)安全色。辨別一種顏色是否是網(wǎng)絡(luò)安全色的

19、方法是看其顏色值，任何由00、33、66、99、CC或者FF組合而成的顏色值都是Web安全色。例如：003366、0066FF、33CC99等。通常在軟件中如圖1-8所示的顏色拾取框中可以直接選取的顏色都是Web安全色,圖1-8 Fireworks 8中的顏色拾取框,1.2.5 圖像元素在網(wǎng)頁(yè)中的應(yīng)用網(wǎng)頁(yè)傳達(dá)的信息由視覺(jué)和聽(tīng)覺(jué)兩種形式組成，目前主要通過(guò)視覺(jué)進(jìn)行傳播。網(wǎng)頁(yè)的視覺(jué)設(shè)計(jì)過(guò)程和其他傳統(tǒng)媒體的視覺(jué)設(shè)計(jì)過(guò)程一樣，通過(guò)合理的組織

20、文字、圖像和視頻等視覺(jué)元素來(lái)實(shí)現(xiàn)設(shè)計(jì)效果。圖像是十分重要的網(wǎng)頁(yè)組成元素，沒(méi)有圖像的網(wǎng)頁(yè)往往會(huì)顯得單調(diào)枯燥。,1.LOGO(標(biāo)志)LOGO是文字、符號(hào)、圖案按照特定的設(shè)計(jì)理念有機(jī)結(jié)合的產(chǎn)物。網(wǎng)站的標(biāo)志(LOGO)和產(chǎn)品的商標(biāo)—樣，是網(wǎng)站主題和風(fēng)格的集中體現(xiàn)。2.標(biāo)題在網(wǎng)頁(yè)中可以使用圖像標(biāo)題或文本標(biāo)題。文本標(biāo)題在設(shè)計(jì)時(shí)采用的字體，如果瀏覽端沒(méi)有安裝就會(huì)被其他字體代替，影響網(wǎng)頁(yè)的質(zhì)量。圖像標(biāo)題表現(xiàn)形式豐富，可以使用各種圖案，也可以使

21、用各種藝術(shù)字，在瀏覽端也不存在字體被替換的問(wèn)題。,3.照片和插圖照片和插圖是給網(wǎng)頁(yè)增強(qiáng)視覺(jué)效果的基本工具。它們不僅能夠美化頁(yè)面，而且能夠簡(jiǎn)潔準(zhǔn)確地傳達(dá)信息。照片和插圖的選擇取決于站點(diǎn)的內(nèi)容和風(fēng)格，還要注意圖片文件不能過(guò)大以免用戶下載時(shí)間過(guò)長(zhǎng)。選用JPEG圖像文件有必要的話應(yīng)進(jìn)行壓縮，在文件大小和圖片質(zhì)量間取得平衡。,4.廣告橫幅（Banner）網(wǎng)絡(luò)廣告是推廣產(chǎn)品的重要途徑。在網(wǎng)站上做廣告通常有兩種形式，一種是文字鏈接廣告，一種是

22、Banner圖像廣告。圖像廣告能快速醒目地吸引瀏覽者的注意。廣告（Banner）可以有任意大小和形狀。圖像格式也常選擇GIF動(dòng)畫(huà)或Flash動(dòng)畫(huà)。,5.背景網(wǎng)頁(yè)的背景是網(wǎng)站整體設(shè)計(jì)風(fēng)格的重要體現(xiàn)方法之一。背景可以是單色，也可以是圖像。背景圖像可以是GIF格式，也可以是JPEG格式。這些都取決于整體風(fēng)格的要求。制作背景時(shí)要注意避免喧賓奪主，不能妨礙瀏覽者瀏覽頁(yè)面內(nèi)容。背景圖像一般平鋪在網(wǎng)頁(yè)上，圖像尺寸和文件大小都不必也不宜太大

23、。,6.導(dǎo)航欄整個(gè)網(wǎng)站會(huì)有很多網(wǎng)頁(yè)，各網(wǎng)頁(yè)之間存在著較為復(fù)雜的鏈接關(guān)系。導(dǎo)航欄指向網(wǎng)站的關(guān)鍵部分，能幫助瀏覽者熟悉網(wǎng)站結(jié)構(gòu)，快速找到想瀏覽的網(wǎng)頁(yè)。導(dǎo)航欄有兩種形式：文字式導(dǎo)航和圖像化導(dǎo)航，兩種方法各有所長(zhǎng)。文字式導(dǎo)航清楚易懂，下載迅速，適用于信息量大的網(wǎng)站。圖像化導(dǎo)航欄大方美觀，表現(xiàn)力強(qiáng)，適用于一般的商業(yè)網(wǎng)站。也有很多網(wǎng)站把這兩種方法結(jié)合使用，同時(shí)設(shè)立文字式導(dǎo)航和圖像化導(dǎo)航。一個(gè)站點(diǎn)中，導(dǎo)航欄的設(shè)計(jì)應(yīng)盡可能保持一致，達(dá)到站點(diǎn)

24、風(fēng)格的統(tǒng)一。,1.3 網(wǎng)頁(yè)制作軟件的主要功能和特點(diǎn)Macromedia公司的Dreamweaver 8、Fireworks 8、Flash 8三個(gè)軟件是優(yōu)秀的網(wǎng)頁(yè)制作套件，被許多用戶稱之為網(wǎng)頁(yè)制作的夢(mèng)幻組合，又稱為網(wǎng)頁(yè)設(shè)計(jì) “三劍客”。Macromedia公司對(duì)這三款軟件的功能進(jìn)行了合理的劃分。如Dreamweaver 8用于對(duì)網(wǎng)頁(yè)進(jìn)行整體的布局和設(shè)計(jì)，以及對(duì)網(wǎng)站的創(chuàng)建和管理；Fireworks 8用來(lái)繪制和優(yōu)化網(wǎng)頁(yè)中所用到的

25、圖像，并可以制作按鈕、導(dǎo)航條和簡(jiǎn)單的動(dòng)畫(huà)；Flash 8則主要用于制作網(wǎng)頁(yè)中的矢量動(dòng)畫(huà)。綜合使用這套軟件便能夠制作出理想的網(wǎng)頁(yè)。下面就來(lái)介紹這三款軟件的主要功能和特點(diǎn)。,1.3.1 Fireworks 8 的主要功能和特點(diǎn)Fireworks 8是網(wǎng)絡(luò)圖形的處理軟件，它集網(wǎng)頁(yè)圖形的創(chuàng)建、編輯、管理于一體，簡(jiǎn)化了制作網(wǎng)頁(yè)圖形的流程，能生成大小合適而且質(zhì)量較好的網(wǎng)頁(yè)圖形。Fireworks 8具有易學(xué)易用、方便快捷、輕巧高效等眾多優(yōu)點(diǎn)，可

26、以快速創(chuàng)建所需的各種網(wǎng)頁(yè)圖形。,Fireworks 8 的主要功能和特點(diǎn)（1）Fireworks 8工作環(huán)境與Dreamweaver 8、Flash 8和諧統(tǒng)一，具有相同風(fēng)格的面板、菜單欄、工具箱等。（2）提供了強(qiáng)大的矢量圖形和位圖圖像的編輯功能，可以直接在位圖圖像和矢量圖像兩者之間進(jìn)行切換，可以避免圖像在多個(gè)應(yīng)用程序之間轉(zhuǎn)移。（3）可以快速創(chuàng)建Web導(dǎo)航，由向?qū)С绦蜃詣?dòng)生成圖形和JavaScript代碼，并可以在Dreamwea

27、ver 8 中方便地編輯所生成的圖形文件。,（4）可以進(jìn)行圖形的熱區(qū)與切片制作，創(chuàng)建復(fù)雜的交互動(dòng)作和GIF動(dòng)畫(huà)文件。（5）輸入輸出功能強(qiáng)大，完全支持HTML、JavaScript和圖像的輸出；允許導(dǎo)入、導(dǎo)出Photoshop文件，支持層的遮罩控制和保持對(duì)象各種效果的可編輯性；允許對(duì)同一圖形中的不同區(qū)域采用不同級(jí)別的壓縮，在保證圖像質(zhì)量的同時(shí)減小文件的體積，有利于圖像在網(wǎng)絡(luò)上的傳輸。（6）提供了一個(gè)批處理命令環(huán)境，允許設(shè)計(jì)者快速地創(chuàng)建

28、并執(zhí)行批處理任務(wù)。,1.3.2 Flash 8的主要功能和特點(diǎn)Flash 8是制作適合網(wǎng)絡(luò)傳輸?shù)牧髅襟w動(dòng)畫(huà)的專用軟件。Flash動(dòng)畫(huà)文件具有體積小、可邊下載邊播放、多媒體交互性等特點(diǎn)，已成為當(dāng)前制作高壓縮網(wǎng)絡(luò)動(dòng)畫(huà)的專業(yè)工具軟件。,Flash 8的主要功能和特點(diǎn)（1）Flash 8與Dreamweaver 8、Fireworks 8有相同風(fēng)格的快速啟動(dòng)欄、浮動(dòng)面板、菜單欄、工具箱等。（2）提供了與Fireworks 8基本相同的繪

29、圖工具，因此對(duì)于掌握Fireworks 8的設(shè)計(jì)者來(lái)講，在使用Flash 8的繪圖工具時(shí)，基本上不需要再進(jìn)行重復(fù)學(xué)習(xí)。（3）利用關(guān)鍵幀和元件等技術(shù)，可以輕而易舉地制作出各類動(dòng)畫(huà)。許多動(dòng)畫(huà)僅需制作開(kāi)頭和結(jié)尾的關(guān)鍵幀，就可以由Flash 8自動(dòng)生成中間的部分，大大減少了設(shè)計(jì)者的工作量。,（4）提供了層技術(shù)，使動(dòng)畫(huà)的各組成部分既分又合，方便了動(dòng)畫(huà)的制作和修改。（5）支持許多圖像、聲音、視頻格式，這些多媒體文件均可以直接導(dǎo)入動(dòng)畫(huà)中，從而使F

30、lash動(dòng)畫(huà)聲像并茂。（6）提供了功能比較完善的ActionScript腳本語(yǔ)言，可以為動(dòng)畫(huà)加入交互效果。在Flash 8中處理的文檔可以保存為Flash 5.0文檔的格式、HTML格式、EXE可執(zhí)行文件格式等多種文件格式。,1.3.3 Dreamweaver 8的主要功能和特點(diǎn)Dreamweaver 8是集網(wǎng)頁(yè)制作和網(wǎng)站管理于一身的網(wǎng)頁(yè)編輯軟件，是一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)者和開(kāi)發(fā)者的可視化網(wǎng)頁(yè)開(kāi)發(fā)工具。它具有功能強(qiáng)大、代碼簡(jiǎn)潔和操

31、作方便等特點(diǎn)，利用它可以非常輕松地制作出跨越平臺(tái)和瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。,1.網(wǎng)頁(yè)制作方面的功能和特點(diǎn)（1）在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，浮動(dòng)面板和選項(xiàng)卡式的文檔窗口在編輯窗口中可隨意移動(dòng)，這些面板可以組合在一起，也可以折疊或者擴(kuò)展，并且可以根據(jù)需要讓其縮到屏幕一邊，給工作區(qū)增加更大的空間。利用各種浮動(dòng)面板來(lái)調(diào)整網(wǎng)頁(yè)元素的參數(shù)，在不關(guān)閉浮動(dòng)面板的情況下可以直接看到修改的結(jié)果，真正實(shí)現(xiàn)了所見(jiàn)即所得的功能。（2）可使用HTML標(biāo)記、HTML樣式、

32、CSS樣式來(lái)格式化文本。（3）支持使用表格、布局表格和布局單元格、層、框架來(lái)規(guī)劃網(wǎng)頁(yè)的布局。（4）支持用時(shí)間軸和行為來(lái)制作與控制動(dòng)感網(wǎng)頁(yè)。,（5）可使用單選鈕、復(fù)選框、列表和文字編輯框制作各種交互式表單，用于信息交流。（6）可以創(chuàng)建批量制作網(wǎng)頁(yè)的模板，利用模板來(lái)建立風(fēng)格一致的網(wǎng)頁(yè)，將網(wǎng)頁(yè)的內(nèi)容與頁(yè)面的設(shè)計(jì)分開(kāi)，使得網(wǎng)頁(yè)制作更規(guī)范、網(wǎng)站更新更迅速。（7）可以很方便地將Flash、Fireworks、Shockwave、Java和A

33、ctiveX等軟件生成的文件插入到網(wǎng)頁(yè)上。（8）Dreamweaver 8可與Macromedia公司出品的其它軟件如Fireworks 8、Flash 8等密切配合，從而更高效地完成網(wǎng)頁(yè)制作工作。（9）支持多種瀏覽器，并且可以選擇主要的瀏覽器。（10）支持第三方插件，任何人可以根據(jù)自己的需要擴(kuò)展Dreamweaver 8的功能，并且可以發(fā)布這些插件。,2.網(wǎng)站管理方面的功能和特點(diǎn)（1）在【站點(diǎn)】面板中，可以快速創(chuàng)建、設(shè)計(jì)、更新

34、和重組網(wǎng)頁(yè)，也可以快速瀏覽桌面和網(wǎng)絡(luò)上的資源和文件。（2）利用網(wǎng)站管理器能建立、復(fù)制和修改網(wǎng)站。（3）使用【站點(diǎn)地圖】可以有效地管理各網(wǎng)頁(yè)之間的鏈接關(guān)系，改變網(wǎng)頁(yè)文件的位置和名稱?？缮蟼骰蛳螺d網(wǎng)站的文件，并同步更新站點(diǎn)內(nèi)容。,1.4本章小結(jié)Internet是一個(gè)覆蓋幾乎全球的計(jì)算機(jī)網(wǎng)絡(luò)，WWW服務(wù)是互聯(lián)網(wǎng)上最為先進(jìn)、應(yīng)用最廣、交互性能最好的信息檢索工具，它向人類提供了一個(gè)無(wú)比豐富的資源庫(kù)，網(wǎng)頁(yè)是其上主要的資源組織形式。圖像是網(wǎng)