1、o 1.1 網(wǎng)頁(yè)概述網(wǎng)頁(yè)概述o 1.2 網(wǎng)頁(yè)的基本元素網(wǎng)頁(yè)的基本元素o 1.3 網(wǎng)站設(shè)計(jì)的一般過(guò)程網(wǎng)站設(shè)計(jì)的一般過(guò)程 1.3.1 網(wǎng)站總體規(guī)劃網(wǎng)站總體規(guī)劃 1. 市場(chǎng)調(diào)研和立項(xiàng)市場(chǎng)調(diào)研和立項(xiàng) 2. 確定網(wǎng)站主題與風(fēng)格確定網(wǎng)站主題與風(fēng)格 3. 確定并申請(qǐng)域名確定并申請(qǐng)域名 4. 確定網(wǎng)站總體設(shè)計(jì)方案確定網(wǎng)站總體設(shè)計(jì)方案第第1章章 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ) o 1.3.2 網(wǎng)站設(shè)計(jì)技術(shù)網(wǎng)站設(shè)計(jì)技術(shù)o 1.3.3 網(wǎng)站測(cè)試與修改網(wǎng)站測(cè)試與修改 1. 功能性測(cè)試功能性測(cè)試 2. 完整性測(cè)試完整性測(cè)試o 1.3.4 網(wǎng)站上傳發(fā)布網(wǎng)站上傳發(fā)布o(jì) 1.3.5 網(wǎng)站維護(hù)更新管理網(wǎng)站維護(hù)更新管理o 1.4 網(wǎng)頁(yè)

2、設(shè)計(jì)的原則與創(chuàng)意網(wǎng)頁(yè)設(shè)計(jì)的原則與創(chuàng)意 1.4.1 網(wǎng)站設(shè)計(jì)原則網(wǎng)站設(shè)計(jì)原則 1明確建立網(wǎng)站的目標(biāo)和用戶需求明確建立網(wǎng)站的目標(biāo)和用戶需求 2總體設(shè)計(jì)方案主題鮮明總體設(shè)計(jì)方案主題鮮明 3. 網(wǎng)站的版式設(shè)計(jì)合理網(wǎng)站的版式設(shè)計(jì)合理 4. 網(wǎng)頁(yè)形式與內(nèi)容相統(tǒng)一網(wǎng)頁(yè)形式與內(nèi)容相統(tǒng)一 5. 色彩在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用色彩在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用 6. 多媒體和三維動(dòng)畫的運(yùn)用多媒體和三維動(dòng)畫的運(yùn)用 7. 不斷對(duì)網(wǎng)站進(jìn)行測(cè)試和改進(jìn)不斷對(duì)網(wǎng)站進(jìn)行測(cè)試和改進(jìn)o 1.4.2 網(wǎng)站設(shè)計(jì)創(chuàng)意網(wǎng)站設(shè)計(jì)創(chuàng)意o 本章小結(jié)本章小結(jié)o 通過(guò)本章的學(xué)習(xí)我們理解了網(wǎng)頁(yè)基本要素、通過(guò)本章的學(xué)習(xí)我們理解了網(wǎng)頁(yè)基本要素、靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)的區(qū)別、網(wǎng)站

3、的基本結(jié)靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)的區(qū)別、網(wǎng)站的基本結(jié)構(gòu)特性和網(wǎng)頁(yè)的布局、網(wǎng)頁(yè)制作工具和美化構(gòu)特性和網(wǎng)頁(yè)的布局、網(wǎng)頁(yè)制作工具和美化工具、站點(diǎn)規(guī)劃的基本流程和網(wǎng)頁(yè)制作的基工具、站點(diǎn)規(guī)劃的基本流程和網(wǎng)頁(yè)制作的基本工具和開發(fā)語(yǔ)言。本工具和開發(fā)語(yǔ)言。第第2 2章章HTMLHTML基礎(chǔ)基礎(chǔ) HTML語(yǔ)言：語(yǔ)言： 超文本標(biāo)記語(yǔ)言。用來(lái)編制網(wǎng)頁(yè)文檔超文本標(biāo)記語(yǔ)言。用來(lái)編制網(wǎng)頁(yè)文檔(也稱也稱HTML文檔文檔) 。并不需要經(jīng)過(guò)編譯，只需要通過(guò)。并不需要經(jīng)過(guò)編譯，只需要通過(guò)瀏覽器來(lái)打開就可以看到結(jié)果。瀏覽器來(lái)打開就可以看到結(jié)果。 采用了標(biāo)記方式，描述了每個(gè)在網(wǎng)頁(yè)上的組采用了標(biāo)記方式，描述了每個(gè)在網(wǎng)頁(yè)上的組件，例如文本段落

4、、文本格式、圖像、超鏈接等，件，例如文本段落、文本格式、圖像、超鏈接等，通過(guò)超文本鏈接能方便地進(jìn)行各種信息之間切換。通過(guò)超文本鏈接能方便地進(jìn)行各種信息之間切換。2.1 HTML概述o HTML是Hypertext Markup Language（超文本標(biāo)記語(yǔ)言）的縮寫，是一套專門用來(lái)建立網(wǎng)頁(yè)，用來(lái)表示網(wǎng)上信息的的符號(hào)標(biāo)記語(yǔ)言，是構(gòu)成Web頁(yè)面的主要工具。通過(guò)HTML，將所需要表達(dá)的信息按照某種規(guī)則寫成HTML文件，通過(guò)專門的瀏覽器來(lái)識(shí)別，所以WWW瀏覽器由遠(yuǎn)程的服務(wù)器所獲得的網(wǎng)頁(yè)數(shù)據(jù)大部分都是HTML格式，瀏覽器將這些HTML翻譯成可識(shí)別的信息，就是我們所見到的網(wǎng)頁(yè)。HTML并非是一種編程語(yǔ)言

5、，而是通過(guò)標(biāo)注式的命令，告訴瀏覽器數(shù)據(jù)的鏈接和顯示的方式，使文檔可以在WWW上發(fā)布。2.1.1 HTML2.1.1 HTML文件的編輯環(huán)境文件的編輯環(huán)境o 由于由于HTML文件采用標(biāo)準(zhǔn)的文件采用標(biāo)準(zhǔn)的ASCII格式，格式，因此可以使用任何文本編輯器來(lái)編輯，包括因此可以使用任何文本編輯器來(lái)編輯，包括記事本、寫字板、記事本、寫字板、Word、WPS等皆可。等皆可。只要將編好的文件存成只要將編好的文件存成ASCII格式，擴(kuò)展格式，擴(kuò)展名為名為.htm（對(duì)（對(duì)DOS/Windows3.1而言）而言）或或.html（對(duì)能支持長(zhǎng)文件名的操作系統(tǒng)如（對(duì)能支持長(zhǎng)文件名的操作系統(tǒng)如Windows2000/XP、

6、UNIX而言）即可。而言）即可。2.1.2 HTML2.1.2 HTML文件的基本結(jié)構(gòu)文件的基本結(jié)構(gòu)o 1基本結(jié)構(gòu)基本結(jié)構(gòu)o HTML文件是一種純文本格式的文件，其基本結(jié)構(gòu)為：文件是一種純文本格式的文件，其基本結(jié)構(gòu)為：o o o 網(wǎng)頁(yè)的標(biāo)題網(wǎng)頁(yè)的標(biāo)題o o o 網(wǎng)頁(yè)的內(nèi)容網(wǎng)頁(yè)的內(nèi)容o o o HTML文件必須以文件必須以開頭，以開頭，以結(jié)尾。結(jié)尾。o HTML文件包括頭部（文件包括頭部（head）和主體（）和主體（body）。）。創(chuàng)建過(guò)程創(chuàng)建過(guò)程 o 選擇任務(wù)欄上的“開始”按鈕“程序”“附件”“記事本”。o 在打開的記事本中，按照HTML語(yǔ)言的規(guī)則來(lái)進(jìn)行編輯。例如在“記事本”窗口按照HTML文

7、件的基本結(jié)構(gòu)輸入HTML語(yǔ)言。如圖2-1所示。o 編輯好HTML文件后，選擇菜單中的“文件”“保存”，在彈出的“另存為”對(duì)話框中選擇文件要存放的路徑，并在“文件名”文本框中輸入以“.html”或“.htm”為后綴的文件名。 o 如果希望這一頁(yè)是主頁(yè)（首頁(yè)），通常都為其命名為“index.html”或“index.htm”。 標(biāo)記標(biāo)記 標(biāo)記以標(biāo)記以“”及標(biāo)記名組成及標(biāo)記名組成雙邊標(biāo)記：雙邊標(biāo)記： 示例：示例： . 單邊標(biāo)記：?jiǎn)芜厴?biāo)記： 示例：示例： 標(biāo)記的屬性標(biāo)記的屬性 o 標(biāo)記之中還可以附加一些屬性，用來(lái)完成某些特殊效果或功能。標(biāo)記只是規(guī)定這是什么信息，如文本或是圖片，但怎樣顯示或控制這些信息

8、，如文本的大小、顏色等，就需要在標(biāo)記后面加上相關(guān)的屬性來(lái)表示。其格式為：o 受標(biāo)記控制的內(nèi)容 o 或o 例如：網(wǎng)頁(yè)內(nèi)容2.1.3 HTML2.1.3 HTML標(biāo)記分類標(biāo)記分類o 1文件結(jié)構(gòu)標(biāo)記文件結(jié)構(gòu)標(biāo)記o 此類標(biāo)記是用于標(biāo)示出文件的結(jié)構(gòu)，主要有：此類標(biāo)記是用于標(biāo)示出文件的結(jié)構(gòu)，主要有：o （1）：標(biāo)示出：標(biāo)示出HTML文文件的開始和結(jié)束。件的開始和結(jié)束。o （2）：表示出文件標(biāo)：表示出文件標(biāo)題區(qū)。題區(qū)。o （3）：表示出文件主：表示出文件主體區(qū)。體區(qū)。o （4）：設(shè)置網(wǎng)頁(yè)標(biāo)題。：設(shè)置網(wǎng)頁(yè)標(biāo)題。o2字符格式標(biāo)記字符格式標(biāo)記o用來(lái)改變HTML文件文字的外觀，增加文件的美觀程度。主要有：o（1）：

9、改變字體設(shè)置。 o（2）：粗體字。o（3）：斜體字。o（4）：標(biāo)準(zhǔn)打印機(jī)字體。o（5）：文字帶下劃線。o（6）：文字帶刪除線。o（7）：下標(biāo)。o（8）：上標(biāo)。o（9）：居中對(duì)齊。o（10）：文字閃爍。o（11）：加大字型。o（12）：縮小字型。o（13）：參照。o3區(qū)段格式標(biāo)記區(qū)段格式標(biāo)記o此類標(biāo)記的主要用途是將HTML文件中的某個(gè)區(qū)段文字，以特定格式顯示，增加文件的可看度。主要有：o（1）：產(chǎn)生一條水平線。o（2）：強(qiáng)行換行。o（3）：網(wǎng)頁(yè)標(biāo)題。n=1，2，3，6，使用時(shí)將n用16六個(gè)數(shù)字替換掉。o（4）：文件段落。o（5）：以輸入時(shí)的原始格式顯示。o（6）：分區(qū)顯示標(biāo)記。o（7）：標(biāo)注聯(lián)絡(luò)

10、人的姓名、電話、地址等信息。o（8）：區(qū)段引用標(biāo)記。o4列表標(biāo)記列表標(biāo)記o利用列表標(biāo)記，可以將一些所要表達(dá)的信息以列表的方式系統(tǒng)地表達(dá)出來(lái)。主要有：o（1）：無(wú)編號(hào)列表。o（2）：有編號(hào)列表。o（3）：列表項(xiàng)目。o（4）：定義式列表。o（5）：定義描述。o（6）：定義項(xiàng)目。o（7）：目錄式列表。o（8）：菜單式列表。o 5鏈接標(biāo)記鏈接標(biāo)記o 超鏈接（Hyperlink）可以看作是一個(gè)“熱點(diǎn)”，它可以從當(dāng)前Web頁(yè)定義的位置跳轉(zhuǎn)到其他位置，包括當(dāng)前頁(yè)的某個(gè)位置，Internet或本地硬盤或局域網(wǎng)上的其它文件，甚至跳轉(zhuǎn)到圖片、聲音、視頻等多媒體文件。此類標(biāo)記的主要用途為超文本文件鏈接作標(biāo)示。o （

11、1）：建立超鏈接。o 6表格標(biāo)記表格標(biāo)記o 此類標(biāo)記用來(lái)制作表格。主要有：o （1）：定義表格區(qū)域。o （2）：表格的標(biāo)題。o （3）：表頭。o （4）：表格的列。o （5）：表格的單元格。o7表單標(biāo)記表單標(biāo)記o此類標(biāo)記用來(lái)制作交互式表單，主要有：o（1）：產(chǎn)生單行文本框、單選按鈕、復(fù)選框等。o（2）：標(biāo)明表單區(qū)域的開始與結(jié)束。o（3）：產(chǎn)生多行輸入文本框。o（4）：標(biāo)明下拉列表的開始與結(jié)束。o（5）：在下拉列表中產(chǎn)生一個(gè)選擇項(xiàng)目。o 8多媒體標(biāo)記多媒體標(biāo)記o 此類標(biāo)記用來(lái)顯示圖像、聲音、視頻等數(shù)據(jù)。主要有：o （1）：嵌入圖像。o （2）：嵌入多媒體對(duì)象。o （3）：背景音樂(lè)。o （4）：描

12、述網(wǎng)頁(yè)關(guān)鍵字和網(wǎng)頁(yè)說(shuō)明、定義網(wǎng)頁(yè)語(yǔ)言編碼、頁(yè)面刷新設(shè)置等。o 9框架標(biāo)記框架標(biāo)記o （1）：定義一個(gè)框架組，用于創(chuàng)建框架。o （2）：定義各子窗口的屬性，用于給各子窗口指定頁(yè)面的內(nèi)容。2.2 文本標(biāo)記o 文本標(biāo)記也被稱為文字標(biāo)記或字符標(biāo)記。在網(wǎng)頁(yè)中為了增強(qiáng)頁(yè)面的層次，其中的文字可以使用不同的大小、字體、字型、顏色。只要適當(dāng)?shù)睦肏TML所提供的字符格式標(biāo)記來(lái)改變文字的外觀，就可以大大增加文件的美觀程度 .1設(shè)置文字大小、字體和顏色。設(shè)置文字大小、字體和顏色。o 格式：被設(shè)置的文字o 說(shuō)明：o size：用來(lái)設(shè)置文字的大小。數(shù)字取之范圍從17，默認(rèn)值是3，size取1時(shí)最小，取7

13、時(shí)最大。 o face：用來(lái)設(shè)置字體。默認(rèn)為宋體。如黑體、宋體、隸書、Times New Roman等。o color：用來(lái)設(shè)置文字的顏色，默認(rèn)為黑色。o 可以根據(jù)需要選擇其中某個(gè)屬性來(lái)對(duì)文字作設(shè)置，也可以選擇全部的屬性。.2設(shè)置字型設(shè)置字型o 格式：受影響的文字o 受影響的文字o 受影響的文字o o 說(shuō)明：各種字型的標(biāo)記有許多，但是格式都一樣。所不同的是標(biāo)記名和需要受影響的文字而已。.3特殊替換字符特殊替換字符o 在HTML文件中，有一些特殊字符是用來(lái)代表特定意義的。例如小于（）符號(hào)，是標(biāo)記指令專用的，但是當(dāng)要在瀏覽器上顯示出此類符號(hào)時(shí)，就不能直接在代碼中書寫

14、它們，而是利用以下的一些特殊符號(hào)來(lái)替代它們。o &lt：替代小于符號(hào)（）。o &quot：替代雙引號(hào)（）。o &nbsp：替代不可分的空格。有時(shí)因?yàn)榘婷娴年P(guān)系會(huì)將有空格的字符分成兩行，此時(shí)就可以將兩個(gè)字符之間的空格定義為&nbsp。2.3 表格標(biāo)記o 表格將文本和圖片按行、列排列，使整個(gè)頁(yè)面更規(guī)則地放置圖片和空白，并使條目清晰。在網(wǎng)頁(yè)的布局上，通常都是選用表格來(lái)實(shí)現(xiàn)的。 2.3.1 2.3.1 定義表格區(qū)域定義表格區(qū)域o格式：oo表頭1表頭2表頭3表頭no表項(xiàng)1表項(xiàng)2表項(xiàng)3表項(xiàng)noo表項(xiàng)1表項(xiàng)2表項(xiàng)3表項(xiàng)no2.3.2 2.3.2 定義表格行定義表格行o 格式：

15、o 說(shuō)明：o align：設(shè)置同一列文字水平方向的排列方式，其值可設(shè)為left、middle或right。o valign：設(shè)置同一列文字垂直方向的排列方式，其值可設(shè)為top、middle或bottom。2.3.3 2.3.3 定義表格單元格定義表格單元格o 單元格是表格的的基本組成單位，一般單元格的字體都按正常字體顯示。o 格式：o 單元格內(nèi)容o 說(shuō)明：o rowspan：設(shè)置該單元格所占的列高。也可以表示合并的行數(shù)。o colspan：設(shè)置該單元格所占的行高，也可以表示合并的列數(shù)。2.3.4 2.3.4 定義表格表頭定義表格表頭o 表頭單元格的字體為粗體而且居中對(duì)齊，這是表頭單元格和一般單

16、元格最大的差異。而格式和屬性都與一般單元格一樣。o 格式：o 單元格內(nèi)容.5定義表格標(biāo)題定義表格標(biāo)題o 格式：標(biāo)題o 說(shuō)明：align：設(shè)置標(biāo)題置于表格的位置。取值為top（默認(rèn)）時(shí)，標(biāo)題置于表格上方正中處；取值為bottom時(shí)，標(biāo)題置于表格下方正中處；取值為left時(shí)，標(biāo)題置于表格上方左側(cè)處；取值為right時(shí)，標(biāo)題置于表格上方右側(cè)處。2.4 表單標(biāo)記o 表單是HTML文件中一段特殊格式的組件，主要作用是制作交互式網(wǎng)頁(yè)。在網(wǎng)頁(yè)上具有可輸入表項(xiàng)及項(xiàng)目選擇等控件所組成的欄目就稱為表單。 2.4.1 2.4.1 表單及輸入組件標(biāo)記表單及輸入組件標(biāo)記o 格式：o o o 2.4.2

17、2.4.2 選擇欄選擇欄o 當(dāng)瀏覽者選擇的項(xiàng)目較多時(shí)，如果采用選擇按鈕來(lái)選擇，占用的頁(yè)面區(qū)域就會(huì)較多。此時(shí)采用選擇欄（也稱下拉列表框），就會(huì)減少占用頁(yè)面區(qū)域，選擇欄分為彈出式和字段式兩種。o 格式： o o o 2.4.3 2.4.3 多行文本框多行文本框o 當(dāng)需要瀏覽者發(fā)表意見或建議時(shí)，網(wǎng)頁(yè)就要提供比較大的輸入?yún)^(qū)域供瀏覽者使用，一般可以輸入較多的文字內(nèi)容。比如留言板、BBS等。所以，通常使用多行文本框來(lái)實(shí)現(xiàn)這個(gè)功能。o 格式：多行文本o 說(shuō)明：o name：對(duì)象名稱。o rows：多行文本框的可見行數(shù)。o cols：多行文本框的可見列數(shù)。2.5 超鏈接標(biāo)記o 超鏈接是由來(lái)源節(jié)點(diǎn)和目的節(jié)點(diǎn)所構(gòu)

18、成：來(lái)源節(jié)點(diǎn)又稱錨點(diǎn)，是超鏈接的起點(diǎn)；目的節(jié)點(diǎn)又稱宿點(diǎn)，是超鏈接的終點(diǎn)。超鏈接也可以看作是一個(gè)“熱點(diǎn)”，當(dāng)單擊某一個(gè)詞、句或圖片，可從此處轉(zhuǎn)到另一個(gè)鏈接資源。那么，具有以上特點(diǎn)的詞、句或圖片就稱為熱點(diǎn)。o 基本格式：熱點(diǎn)2.5.1 2.5.1 創(chuàng)建指向本頁(yè)中的鏈接創(chuàng)建指向本頁(yè)中的鏈接o 要在當(dāng)前頁(yè)面實(shí)現(xiàn)超鏈接，需要定義兩個(gè)標(biāo)記：一個(gè)為超鏈接標(biāo)記；另一個(gè)為書簽標(biāo)記。o 超鏈接標(biāo)記的格式：熱點(diǎn)文本o 說(shuō)明：?jiǎn)螕魺狳c(diǎn)文本，將跳轉(zhuǎn)到“記號(hào)名”開始的文本。o 書簽就是用標(biāo)記對(duì)該文本作記號(hào)。若有多個(gè)鏈接，不同目標(biāo)文本九需要設(shè)置不同的書簽名。o 書簽標(biāo)記的格式：目標(biāo)文本附近的字符串2.5.2 2.5.2 創(chuàng)

19、建指向其他頁(yè)面的鏈接創(chuàng)建指向其他頁(yè)面的鏈接o 創(chuàng)建指向其他頁(yè)面的鏈接，就是在當(dāng)前頁(yè)面與其他相關(guān)頁(yè)面間建立超鏈接。o 格式：熱點(diǎn)文本o 根據(jù)目標(biāo)文件與當(dāng)前文件的目錄關(guān)系，可以有四種格式。o1鏈接到同一目錄內(nèi)的網(wǎng)頁(yè)文件鏈接到同一目錄內(nèi)的網(wǎng)頁(yè)文件o格式：格式：熱點(diǎn)文本熱點(diǎn)文本o說(shuō)明：目標(biāo)文件名是鏈接所指向的文件。說(shuō)明：目標(biāo)文件名是鏈接所指向的文件。o2鏈接到下一級(jí)目錄中的網(wǎng)頁(yè)文件鏈接到下一級(jí)目錄中的網(wǎng)頁(yè)文件o格式：熱點(diǎn)文本o3鏈接到上一級(jí)目錄中的網(wǎng)頁(yè)文件鏈接到上一級(jí)目錄中的網(wǎng)頁(yè)文件o格式：熱點(diǎn)文本o說(shuō)明：其中“./”表示返回到上一級(jí)目錄中。o4鏈接到同級(jí)目錄中的網(wǎng)頁(yè)文件鏈接到同級(jí)目錄中的網(wǎng)頁(yè)文件o格

20、式：熱點(diǎn)文本o說(shuō)明：表示先返回到上一級(jí)目錄，然后再進(jìn)入到目標(biāo)文件所在目錄。.3創(chuàng)建指向下載文件的鏈接創(chuàng)建指向下載文件的鏈接o 如果鏈接到的文件不是HTML文件，而是鏈接到即將作為下載目標(biāo)的文件，則：o 格式：熱點(diǎn)文本.4創(chuàng)建指向電子郵件的鏈接創(chuàng)建指向電子郵件的鏈接o 單擊指向電子郵件的鏈接，將啟動(dòng)默認(rèn)的電子郵件程序，如Outlook Express，并填寫地址。o 格式：熱點(diǎn)文本2.6 多媒體標(biāo)記o WWW的突出特色之一就是結(jié)合了圖、文、影、音數(shù)據(jù)于一身，因此，網(wǎng)上顯示圖形的能力就成了所有瀏覽器必備的功能。o 對(duì)于網(wǎng)頁(yè)上的多媒體而言，主要是如何增加圖片、聲音和視

21、頻等。 2.6.1 2.6.1 加入圖片加入圖片o加入網(wǎng)頁(yè)的圖片，通常使用GIF格式和JPEG格式。兩種格式的圖片有著各自的特點(diǎn)：o1GIF格式文件的特點(diǎn)格式文件的特點(diǎn)oGIF格式文件最多只能顯示256種顏色，所以在存儲(chǔ)照片是很少使用它。但是存放圖標(biāo)、剪貼畫和藝術(shù)線條等對(duì)顏色要求不高的圖片，已經(jīng)足夠了。GIF格式圖片的優(yōu)點(diǎn)在于制作透明、隔行和動(dòng)畫效果。o2JPEG格式文件的特點(diǎn)格式文件的特點(diǎn)oJPEG格式文件可以擁有計(jì)算機(jī)所能提供的最多種顏色，適合存放高質(zhì)量的彩色圖片、照片。另外，JPEG格式文件采用壓縮方式存儲(chǔ)文件信息，相同的圖片所占空間比GIF文件要小，所以下載時(shí)間較短，瀏覽速度較快。但是

22、JPEG格式的文件沒(méi)有GIF格式文件的3種特殊效果。o3圖片標(biāo)記圖片標(biāo)記o格式：2.6.2 2.6.2 加入音頻和視頻加入音頻和視頻o 1背景音樂(lè)的添加背景音樂(lè)的添加o 格式：o 2視頻剪輯的添加視頻剪輯的添加o 格式：o3設(shè)置滾動(dòng)字幕設(shè)置滾動(dòng)字幕o格式：o4自動(dòng)刷新頁(yè)面自動(dòng)刷新頁(yè)面o格式：o說(shuō)明：ohttp-equiv：設(shè)定為“refresh”時(shí)，要求顯示URL制定的文件。ocontent：該屬性含兩個(gè)值，分別為秒數(shù)和URL，它們之間以；分隔。該URL鏈接將在指定的時(shí)間后被打開。n 本章小結(jié)本章小結(jié) 本章從一個(gè)簡(jiǎn)單的本章從一個(gè)簡(jiǎn)單的HTML文檔開始，結(jié)合文檔開始，結(jié)合具體示例，對(duì)具體示例，對(duì)

23、HTML的基本知識(shí)進(jìn)行了簡(jiǎn)單的的基本知識(shí)進(jìn)行了簡(jiǎn)單的介紹，包括介紹，包括HTML文檔的基本結(jié)構(gòu)、標(biāo)記及屬文檔的基本結(jié)構(gòu)、標(biāo)記及屬性的概念、常用標(biāo)記的使用、如何使用表格進(jìn)性的概念、常用標(biāo)記的使用、如何使用表格進(jìn)行頁(yè)面布局等。行頁(yè)面布局等。 n 思考題思考題n 見書本見書本P56P56頁(yè)。頁(yè)。o 3.1 Dreamweaver cs3簡(jiǎn)介簡(jiǎn)介o 3.1.1 Dreamweaver cs3的特點(diǎn)和功能的特點(diǎn)和功能o 3.1.2 Dreamweaver cs3的工作界面的工作界面第第3章章 Dreamweaver cs3使用基礎(chǔ)使用基礎(chǔ) o 3.2 創(chuàng)建站點(diǎn)創(chuàng)建站點(diǎn)1.3.3 網(wǎng)站測(cè)試與修改 3.2.1 本地站點(diǎn)和遠(yuǎn)程站點(diǎn)本地站點(diǎn)和遠(yuǎn)程站點(diǎn) 3.2.2 文件面板文件面板 3.2.3 創(chuàng)建站點(diǎn)創(chuàng)建站點(diǎn) 1創(chuàng)建本地站點(diǎn)創(chuàng)建本地站點(diǎn) 創(chuàng)建站點(diǎn)時(shí)，