dreamweaver網(wǎng)頁設(shè)計實驗指導(dǎo)書要點

1、網(wǎng)頁設(shè)計實驗指導(dǎo)書（一）dreamweave靜態(tài)網(wǎng)頁制作第一章網(wǎng)站規(guī)劃 - 2 -第二章dreamweaver靜態(tài)網(wǎng)頁設(shè)計實驗 -5 -實驗一在dreamweaver中建立一個站點 -5 -實驗二 在網(wǎng)頁中使用文本 - 9 -實驗三超級鏈接的建立 -14-實驗四網(wǎng)頁圖像的應(yīng)用 -20-實驗五網(wǎng)頁表格操作 -25-實驗六利用表格進行網(wǎng)頁布局 -27-實驗七利用層進行網(wǎng)頁布局 -32-實驗八行為和圖層的應(yīng)用 -35-實驗九框架型網(wǎng)頁的制作 -44-實驗十一交互式表單的應(yīng)用 - 55 -實驗十二html語言基萬應(yīng)用 -59 -實驗十三 網(wǎng)頁動態(tài)效果輯 - 63 -實驗十四css樣式表的創(chuàng)建及運用 -

2、68 - 4 -第一章網(wǎng)站規(guī)劃一、網(wǎng)站建設(shè)的基本流程網(wǎng)站建設(shè)的基本流程是：網(wǎng)站規(guī)劃，網(wǎng)頁設(shè)計，網(wǎng)上安家以及網(wǎng)站維護與管理，如圖1-1所示。規(guī)范的網(wǎng)站建設(shè)大致需要做如下工作：1、網(wǎng)站規(guī)劃收集網(wǎng)站前期資料以及所需文檔在確定了制作哪方面的網(wǎng)站后， 需收集和整理與網(wǎng)站內(nèi)容相關(guān)的文字資料、 圖像、動畫 素材等。如想要制作影視網(wǎng)站就需收集大量中外電影的信息以及演員資料；要制作公司網(wǎng)站就需收集公司的介紹、產(chǎn)品信息和企業(yè)文化等。收集好資料后還需對資料進行有效地管理，站點就是管理資料、素材的場所。在創(chuàng)建站點之前需對站點進行規(guī)劃，站點的形式有并列、層次和網(wǎng)狀等，用戶需根據(jù)實際情況選擇。規(guī)劃站點時應(yīng)按素材的不同種類

3、分為幾個站點，再將收集好的素材分類放置在相應(yīng)站點中，然后在不同站點中將不同的素材進行細分。站點規(guī)劃好后即可對其進行創(chuàng)建了。注意：站點的主題與名稱應(yīng)易于記憶，要上傳到網(wǎng)上的站點名稱必須是英文。2、網(wǎng)頁設(shè)計(1)將策劃方案打印給小組成員人手一份，開始設(shè)計人員進行設(shè)計工作。根據(jù)策劃文 檔及網(wǎng)站設(shè)計規(guī)范，主要設(shè)計人員進行前期的首頁設(shè)計。網(wǎng)站是由多個頁面鏈接而成的。在制作網(wǎng)頁時需注意以下幾面的問題，以便瀏覽者輕松瀏覽網(wǎng)站。a) 頁面框架的構(gòu)建頁面框架的構(gòu)建是指對網(wǎng)頁的整體布局，針對網(wǎng)頁中的內(nèi)容應(yīng)將網(wǎng)頁有條理地劃分為幾部分。b)導(dǎo)航條導(dǎo)航條應(yīng)出現(xiàn)在網(wǎng)站的各個頁面中， 提供各個站點的相關(guān)主題， 引領(lǐng)瀏覽者有

4、條理地瀏覽網(wǎng)站。導(dǎo)航條通常放置在頁面的上部或左側(cè)。c) 返回首頁鏈接在分頁面中放置返回首頁鏈接， 以便瀏覽者在訪問分頁面后快速回到首頁， 以重新選擇 其他頁面進行瀏覽。d) 添加網(wǎng)頁元素, 網(wǎng)頁添加相應(yīng)的內(nèi)容，以傳遞網(wǎng)頁信息給瀏覽者。(2) 根據(jù)網(wǎng)站的模式和特點以及網(wǎng)站制作規(guī)范定制出最適當(dāng)?shù)臉?biāo)準(zhǔn)樣式。(3) 設(shè)計人員進行二級頁面設(shè)計工作。(4) 制作人員開始制作工作。(5) 程序開發(fā)階段。(6) 完成。(7) 網(wǎng)站測試和改進站點測試可根據(jù)瀏覽器種類、 客戶端要求以及網(wǎng)站大小等要求進行測試， 通常是將站點 移到一個模擬調(diào)試服務(wù)器上對其進行測試或編輯。測試站點的過程中應(yīng)注意以下幾方面：a) 監(jiān)測頁

5、面的文件大小以及下載速度。b) 運行鏈接檢查報告對鏈接進行測試。 由于在網(wǎng)頁制作中， 各站點的重新設(shè)計、 重新調(diào) 整會使某些鏈接所指向的頁面可能已被移動或刪除， 所以應(yīng)檢查站點是否有斷開的鏈接， 若 有則自動重新修復(fù)斷開的鏈接。c) 為了使頁面不支持的樣式、 層、 插件等在瀏覽器中能兼容且功能正常， 可進行瀏覽器兼容性的檢查。 使用“檢查瀏覽器”行為， 可自動將訪問者定向到另外的頁面， 這樣就可解 決在較早版本的瀏覽器中無法運行頁面的問題。d) 網(wǎng)頁布局、 字體大小、 顏色和默認瀏覽器窗口大小等區(qū)別是在目標(biāo)瀏覽器檢查中無法預(yù)見的，需在不同的瀏覽器和平臺上預(yù)覽頁面進行查看。3、網(wǎng)上安家網(wǎng)上安家即

6、將站點發(fā)布到互聯(lián)網(wǎng)上。發(fā)布站點之前需在 internet 上申請一個主頁空間， 以指定網(wǎng)站或主頁在 internet 上的 位置。網(wǎng)頁發(fā)布通常使用ftp(遠程文件傳輸)軟件上傳網(wǎng)頁到服務(wù)器中申請的網(wǎng)址目錄下，這樣速度較快，也可使用 dreamweaver 或 frontpage 中的發(fā)布站點命令進行上傳。4、網(wǎng)站維護與管理(1) 網(wǎng)站內(nèi)容更新與溝通站點上傳到服務(wù)器后， 還需對站點進行更新和維護， 以保持站點內(nèi)容的最新和頁面元素 的正常。(2) 合理運用新技術(shù)。(3)推廣你的 webte址。二、 網(wǎng)站設(shè)計技巧1、網(wǎng)頁風(fēng)格要統(tǒng)一。2、網(wǎng)站導(dǎo)航要清晰。3、網(wǎng)頁內(nèi)容便于瀏覽。4、網(wǎng)站logo 要有代表

7、性。5、設(shè)計網(wǎng)站的標(biāo)準(zhǔn)色彩。6、頁面容量越小越好，別超過75kb。7、能適應(yīng)不同瀏覽器及分辨率。8、網(wǎng)頁內(nèi)容要精彩。三、 網(wǎng)頁的基本組成網(wǎng)頁由網(wǎng)頁標(biāo)題、頁眉、站標(biāo)、導(dǎo)航欄、內(nèi)容版塊的頁腳組成。標(biāo)題（說明網(wǎng)站的形式和類型）站標(biāo)即網(wǎng)站標(biāo)識（ logo ） （代表了網(wǎng)站的形象）頁眉（放置網(wǎng)站最希望瀏覽者看的信息）導(dǎo)航欄（網(wǎng)站的索引）內(nèi)容（是網(wǎng)站的精神所在）頁腳（網(wǎng)站設(shè)計者的基本信息）四、網(wǎng)頁元素網(wǎng)頁中包含的元素很多，主要包括文字、圖像、表格、表單、動畫和視頻等。五、網(wǎng)頁的分類1、按所處位置分類按網(wǎng)頁在網(wǎng)站中所處的位置可將網(wǎng)頁分為主頁和子頁兩類。 打開一個網(wǎng)站時看到的第一 個頁面就是主頁，也稱為首頁；

8、與主頁相鏈接的其他各個頁面就稱之為子頁。2、按表現(xiàn)形式分類按網(wǎng)頁的表現(xiàn)形式可將網(wǎng)頁分為靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁。靜態(tài)網(wǎng)頁：指用 html語言編寫的網(wǎng)頁，其制作方法簡單易學(xué)，但缺乏靈活性。靜態(tài) web 站點由一組相關(guān)的 html 頁和文件組成， 這些頁和文件駐留在運行web 服務(wù)器的計算機上。web 服務(wù)器是響應(yīng)來自 web 瀏覽器的請求以提供 web 頁的軟件。當(dāng)訪問者單擊web頁上的某個鏈接、 在瀏覽器中選擇一個書簽、 或在瀏覽器的地址文本框中輸入一個url 時，便生成一個頁請求。靜態(tài) web 頁的最終內(nèi)容由網(wǎng)頁設(shè)計人員確定，當(dāng)接到請求時，內(nèi)容不發(fā)生更改。動態(tài)網(wǎng)頁：這類網(wǎng)頁使用asp ph可口 c

9、gi等程序生成，具有動態(tài)效果，且大多數(shù)以數(shù)據(jù)庫為基礎(chǔ)，使用語言為html asp 或 html php 或 html jsp 等。當(dāng) web 服務(wù)器接收到對靜態(tài)web 頁的請求時， 服務(wù)器將該頁直接發(fā)送到請求瀏覽器。但是，當(dāng) web 服務(wù)器接收到對動態(tài)頁的請求時，它將作出不同的反應(yīng)：它會將該頁傳遞給一個負責(zé)完成頁面的特殊軟件。這個特殊軟件叫做應(yīng)用程序服務(wù)器，如 asp 頁面就要安裝 iis 服務(wù)器。應(yīng)用程序服務(wù)器讀取頁上的代碼， 根據(jù)代碼中的指令完成頁， 然后將代碼從頁上刪除。所得的結(jié)果將是一個靜態(tài)頁， 應(yīng)用程序服務(wù)器將該頁傳遞回 web 服務(wù)器， 然后 web 服務(wù)器 將該頁發(fā)送到請求瀏覽器

10、。當(dāng)該頁到達時，瀏覽器得到的全部內(nèi)容都是純html。第二章dreamweaver靜態(tài)網(wǎng)頁設(shè)計實驗實驗一 在 dreamweaver中建立一個站點、實驗?zāi)康?、掌握認識并熟悉 dreamweaver的工作界面。2、能夠自定義工作環(huán)境。3、進行一個簡單的網(wǎng)頁設(shè)計。二、實驗內(nèi)容建立一個以自己名字命名的站點，該站點包含三個文件夾，image, css, mdb,四個網(wǎng)頁，分別為 index.html , jianjie.html , zuopin.html , xuexi.html ,設(shè)置主頁 index.html 的標(biāo)題為“本站主頁。其中index.html頁面效果圖如2-1-1所示。圖 2-1-1

11、、知識點分解本實驗主要涉及到如下知識點:1、 在 dreamweaver中建立站點。2、 在dreamweaver站點文件列表下新建文件和文件夾。3、 在網(wǎng)頁中插入背景圖片。四、實驗步驟1、創(chuàng)建本地站點步驟:(1) 打開dreamweavers菜單下站點/管理站點|/新建川 站點命令.彈出如 圖2-1-2所示對話框。(2)在彈出“站點定義”對話框的“高級”標(biāo)簽中輸入如下信息。圖 2-1-2(3)“站點名稱”一一輸入站點名稱如“myweb。(4)“本地根文件夾”選擇本地文件夾如“dmyweb(5)”自動刷新本地文件列表”一一選中是否每次拷貝文件到本地站點時都自動更新 本地文件夾列表，選中該選項。

12、(6)”默認圖像文件夾”選擇圖像所放置的文件夾如“dmyweb image”注意：圖像文件夾一定要在站點文件夾下，且一般命名為 image或images。(7) “http地址”輸入實用的完整網(wǎng)站的url以便dreamweaver能檢驗使用絕對url網(wǎng)站鏈接。(8)“緩存”一一選擇是否創(chuàng)建一個緩存以提高鏈接和網(wǎng)站維護任務(wù)的速度。選中該 選項。(9)設(shè)置完畢，點擊“確認”按鈕。(10)在dreamweaver的工作界面右側(cè)“浮動面板組中的“文件面板中的文件”標(biāo)簽下就能看到剛才新建的站點myweb如圖2-1-3所示。- 6 -圖 2-1-3如果要對所建立的站點進行修改的話，可以選擇菜單下站點” 管

13、理站點| 編輯命2、在站點文件列表下新建文件和文件夾步驟：(1)在站點文件列表中右鍵單擊“站點一myweb(d:myweb)”,在彈出的菜單中選擇“新建文件夾”，文件列表中就會出現(xiàn)名為“新建文件夾”的文件夾，將該文件夾命名為image,同樣操作建立css文件夾和mdb文件夾。(2)在站點文件列表下新建文件有2種方法：a)選擇文件” 新建,在彈出的“新建文檔”對話框中，選擇“ html,就新建了一 個htmm頁，然后再選擇文件” 保存或者是按【ctrl+s】鍵，將網(wǎng)頁名稱改為index.html , 同樣操作建立 jianjie.html, zuopin.html , xuexi.html 。b

14、)在站點文件列表中右鍵單擊“站點一myweb(d:myweb)”,在彈出的菜單中選擇“新建文件”，文件列表中就會出現(xiàn)名為“新建文件”的網(wǎng)頁文件，將該文件命名為index.html , 同樣操作建立 jianjie.html, zuopin.html , xuexi.html 。3、在“文件列表”中選中 index.html文件，單擊右鍵，在彈出的菜單中選擇“設(shè)為 首頁”，回到頁面上，在“文檔工具欄”中將“標(biāo)題”更改為“本站主頁” 。注意：要想在站點文件列表下自動出現(xiàn)新建的文件和文件夾，前提條件必需在建立站點時選中“自動刷新本地文件列表”，否則的話必需單擊“刷新 c ”按鈕才能出現(xiàn)新建的文 件和

15、文件夾，效果圖如圖2-1-4所示。醺 css t底用程序 i 標(biāo)塞檢查器 萬,文件!=資源代碼片斷匕)myvebv 地視圖7ac 分歹禽 s-myw eb ji站點-myweb： imaigecss rmdbindtk. html j i tnj i q.h-tml mop in. html苴uesl. htnnl4、設(shè)計index.html網(wǎng)頁步驟：(1)在站點文件列表中雙擊index.html ，打開該網(wǎng)頁。(2)將光標(biāo)定位到“文檔工具欄”中的“標(biāo)題”，將標(biāo)題中的內(nèi)容改為“本站主頁”，如圖2-1-5所示。胴網(wǎng)圖勵同該十嘏:就顆 例火塘a | c目，&圖 2-1-5(3)單擊“屬性面板”中的

16、“頁面屬性”按鈕，彈出如圖2-1-6所示的“頁面屬性”對話框，單擊“背景圖像”后面的“瀏覽”按鈕，添加背景圖像即可。(4)在工作區(qū)的“編輯窗口”中輸入“歡迎光臨我的小站”圖 2-1-6(5)瀏覽測試。瀏覽測試的方法有3種，第1種方法是直接按f12鍵，這是最快捷的方法，建議大家以后盡量采用這種方法。第2種方法是單擊如上圖所示的“文檔工具欄”中的“ 按鈕，在彈出的菜單中選擇“預(yù)覽在iexplore ”命令后即可在ie瀏覽器中瀏覽當(dāng)前網(wǎng)頁。第3種方法是選擇文件/在瀏覽器中預(yù)覽/iexplore 菜單命令即可在ie瀏 覽器中瀏覽測試當(dāng)前網(wǎng)頁。思考題：在設(shè)置網(wǎng)頁背景圖像時，如果圖像太小，鋪不滿整個網(wǎng)頁，

17、怎么辦?實驗二在網(wǎng)頁中使用文本一、實驗?zāi)康?、“常用面板”，“文本菜單”和“文本屬性面板”的掌握“插入面板”中的“文本面板?使用及設(shè)置文本格式的方法。二、實驗內(nèi)容1、在頁面中插入特殊符號，如：“和空格符”。2、在頁面中插入日期，要求日期格式為“xx xx年x月x日 星期x xx：（時） xx （分）3、在頁面中插入水平線。4、在新的頁面中編輯一個項目列表，如圖 2-2-1所示，要求：字體為“楷體”、大小為 “16pt”、顏色為“黃色”，網(wǎng)頁背景顏色為綠色。在頁面中插入特殊捋號如：“和空格符飛l將光標(biāo)定位到插入特秣字符的隹置。2.或擊盜人”桎中的“文本”選項卡如由所示1 在寬面中插入日期，設(shè)置日

18、期的星期、日期、時間格式和保存時目都更新。a.選擇插入臼期菜單命令，或者選擇“插入k攔的“常用選項中. 熬后單擊皿插入日期”按鈕.則打開如圖所示的插入日期”時h框。b.在彈出的插入日期”時h框中選擇星期格式，日期格式和時間格式。2 衣頁面申插入水平鼠七3 編輯一小項闿列表圖 2-2-1三、實驗步驟內(nèi)容1的實驗步驟如下：1、將光標(biāo)定位到插入特殊字符的位置。2、單擊“插入”面板中的“文本”選項卡，如圖2-2-2 所示。獻竄用捐糖1$ ol bla藏收融埼 b / s 前* v 畫 hl hl h3 ul ol li dl dt dd 此舶c 科，圖 2-2-23、單擊吧-按鈕，展開如圖2-2-3所

19、示的“字符”下拉列表。圖 2-2-3- 9 -4、單擊相應(yīng)的選項即可在web頁面中添加相應(yīng)的特殊字符，如圖 2-2-3所示。圖 2-2-3- 21 -5、插入不換行空格，可執(zhí)行如下操作之一。(1)在“插入”面板的“文本”選項卡中，單擊“字符”型按鈕，在下拉列表中選擇“插入不換行空格”選項。(2)選才i 插入/html/特殊字符/不換行空格菜單命令。(3)按【ctrl+shift+ 空格鍵】鍵輸入。(4)將輸入法切換到全角狀態(tài)再按空格鍵。內(nèi)容2的實驗步驟如下：1. 選才！插入/日期菜單命令，或者選擇“插入”面板的“常用”選項中，然后單 擊“插入日期”按鈕，則打開如圖 2-2-4所示的“插入日期”

20、對話框。圖 2-2-42.在彈出的“插入日期”對話框中選擇星期格式為“星期四”、日期格式為“ 1974年3月7日”、時間格式為“ 22: 18”。注意：如果希望網(wǎng)頁在保存時系統(tǒng)都會自動更新日期信息，則選中選中回三謠每過自建更新.復(fù)選框。4、單擊“確定”按鈕即可插入日期。內(nèi)容3的實驗步驟：1、在“文檔”窗口中，將插入點放在要插入水平線的位置。2、執(zhí)行以下操作之一。 選擇插入/html/水平線菜單命令；，如圖2-2-5所示(2)單擊“插入”面板的“ html選項卡，再單擊“水平線”按鈕html 箏 也 tawe frame 令1、在頁面中輸入如下文字：在頁面中插入特殊符號如：“和空格符”。將光標(biāo)定

21、位到插入特殊字符的位置。單擊“插入”欄中的“文本”選項卡，如圖所示。在頁面中插入日期，設(shè)置日期的星期、日期、時間格式和保存時自動更新。選擇插入/日期菜單命令，或者選擇“插入”面板中的“常用”選項卡，然后單擊“插入日期”按鈕，則打開 “插入日期”對話框。在彈出的“插入日期”對話框中選擇星期格式、日期格式和時間格式。在頁面中插入水平線。編輯一個項目列表。2、選擇上面輸入的所有內(nèi)容，進行如下的操作：(1)選中文字：在頁面中插入特殊符號如：“和空格符”，單擊“文本”屬性面板中的“項目列表” w三按鈕，則會出現(xiàn)圖2-2-1中所示的圓形符號，重復(fù)該操作進行下面的項目列 表符號的添加。注意：默認情況下項目列

22、表符號為圓形，如果想要出現(xiàn)的項目列表符號為方形，可以進行如下操作：a)選才i 文本/列表/列表屬性菜單命令，彈出如圖 2-2-6所示的“列表屬性”對 話框。圖 2-2-6b)在“列表類型”下拉框中選擇“項目列表” ，在“樣式”下拉框中選擇“正方形”c)單擊“確定”按鈕。(2)選中文字：將光標(biāo)定位到插入特殊字符的位置。單擊“插入”欄中的“文本”選項卡，如圖所示。單擊“文本”屬性面板中的“編號列表”“二按鈕，則會出現(xiàn)圖2-2-7中所示的編號, 重復(fù)該操作進行下面的編號的添加。(3)上述操作進行完畢后，效果圖如圖2-2-7所示，把該圖與圖2-2-1進行比較可以發(fā)現(xiàn)編號所在的位置不一樣，此時我們只需要

23、把圖2-2-7中帶編號的文字給縮進一下就可以了，選中帶編號的文字，單擊“文本縮進”=按鈕即可。，在反面申猷特殊符號如：和窗格符*,在反面中插入日帆設(shè)f日期的星期.日期、時間格魏保存時自重更斯。4 .磔搐入/產(chǎn)期琮單命明或者選擇“插入”面板中的啼用項卡，爵后單擊“摘入日期嗜鈿 .通t升:秋日期嘶臃*5 .在里出的嘴人e期”幫舌柢中選擇星期格大日期咯式和時間格加舞得1圖 2-2-7(4)在進行完上面操作后我們發(fā)現(xiàn)，第 2塊列表區(qū)域的列表符號還是 1, 2,此時，先將 光標(biāo)移到“選擇”前，單擊“屬性面板”中的“列表項目”，彈出如圖2-2-6所示的對話框，此時將“列表類型”改為“編號列表” ，樣式改為

24、“小寫字母(a,b,c):單擊“確定”按鈕 即可。(5)在“屬性”面板中“字體”下拉列表中選擇“楷體”，如果該下拉列表中沒有“楷體”，則需要添加“楷體”，單擊該下拉列表中的“編輯字體列表”，彈出如圖2-2-8的所示的“編輯字體列表”對話框。圖 2-2-8(6)在“可用字體”列表框中找到“楷體”，單擊回按鈕，則“楷體”同時出現(xiàn)在“字體列表框”和“選擇的字體”列表框中，再單擊“確定”按鈕，則在“字體”下拉列表中就 可以選擇“楷體”。注意：如果添加了錯誤的字體，則可以單擊日 按鈕刪除該字體。(7)同理在“屬性”面板中“大小”下拉列表中選擇“ 16pt”。(8)單擊“文本顏色” 匚按鈕，在彈出的拾色器

25、中選擇“ #ffff00或者直接在按鈕后面的文本框中輸入yellow ”。注意：顏色可以用 2種方式表示，一種是用英文，一種是用十六進制代碼。(9)單擊“屬性”面板中的“頁面屬性” 1頁面屈性一一按鈕,在彈出的“頁面屬性”對話框，單擊“背景顏色”后面的按鈕，在拾色器中選擇“#006600”。3、按【f12】鍵，預(yù)覽。思考題：在編輯字體列表時如果同時選擇了隸書、楷體、華文彩云，也就是在字體列 表中出現(xiàn)“隸書，楷體，華文彩云”，則文本最終會以哪種字體出現(xiàn)？實驗三超級鏈接的建立、實驗?zāi)康?、掌握超鏈接的基本概念和種類2、能熟練設(shè)置文本和圖片超鏈接。3、能熟練設(shè)置錨點超級鏈接和電子郵件鏈接。4、掌握將

26、外部文件導(dǎo)入 dreamweaver中的方法。二、實驗內(nèi)容某站點下有如下 4 個網(wǎng)頁，index.html , meiwen.html , aiqing.html , hunyin.html , 1、首頁效果圖如圖2-3-1所示，圖像顯示在網(wǎng)頁的中間，單擊“情感美文”會在新的ie窗口才t開meiwen.html ,單擊“愛情故事”會打開 aiqing.html ,單擊婚姻情感會打 開hunyin.html ,單擊“與我聯(lián)系”會發(fā)送電子郵件。圖 2-3-12、hunyin.html 效果圖如圖 2-3-2所示，圖2-3-2(a)是網(wǎng)頁上半部分的效果圖，圖2-3-2(b)是網(wǎng)頁下半部分的效果圖，單

27、擊“再看一遍”能返回到“中華人民共和國婚姻法” 該法規(guī)內(nèi)容在fa.txt中，單擊右下角的“返回首頁”能夠返回首頁。中華人民共前國的婚禮s-i ” 年一條西坦醺察13關(guān)基本陋也第二冬新期s自由，一夫t.男女甲等由園圜m度.償蹲女、j重到衛(wèi)陽含ijn益，頭行削也航 一年三米工芻也工專埼用切r也毛存的妊口回內(nèi)行力，里止節(jié)審至則依，止宣97止用品隼看1wl同居.策士班阜力.普工黑三定員司希虐尋和青耳星四系梭叵當(dāng)且觸耳亙用蕤 霹星旗阿鶴就勃，afflfw.緡坪格更隹妞湖 嫡第4w系.szi拮我隼五條si觸頻文雙方亢生自工石杵任何一萬時ft1萬加且用汨或任勺京三書亞&干法3部睥病.總干小手于二+二附蛻女k

28、霄早于二十周其獨觸立應(yīng)憎見1*有了用用之一町5：止結(jié)培.一通力親前三代h內(nèi)佐吉挈由科口眄野上稗因埔醐腿， 1第八條妥他園的列女勸必煤生自身冕感疊記限進行撤國.科甘楣乳足科予以*記，黃巖 箍怔.甲帝擒證，ji用文知弟薪木界理曲的，宜州曲題.勒電和?鄒才鵬格美制徜彳士才可眥朗傳礎(chǔ)地，刖可出研硝堿 孰用+毒有下可fl用之一町州毗坡e瑜二由鎧止希解1晚國關(guān)系m工)蒯身甫匡手上小臚f足單地而族丸整局蝌旦到 . _ _ . 一用-冬羽追花培也微計追的一萬可以窗峭慝登記機關(guān)與4 士等下街b侯拗工部膽而一萬 除附！3fi豺，迎骷器的齒叫t隨出.u非那隗時由為馴人群曜淵酗.阮當(dāng)白 慎m身自由之he ,物也也_t

29、:：?士-x早日三jktrkhk： ut, hh .*“川*1甘硝 h，相期琲削干嫡到鉆斗巴理工就蛙航隨工耘孑端虹第一上勇二十書盛乂喻1蜻金，君娃和行文鳴群聞濤,甑啪噢奸蛀不 因歌跳，靠二熱i主義ei解軌正林齊e蚌關(guān)于五地匕引訖r-h*奉義號與忖克昂碉星耳星蚓，蛋:隨印骸反怖班物疆隘越冬伸特時她和怎唱鐘總iz+ai郡的卿母、w*,鏘卷遭舊戈骸to 捌鞠那t特殖，(腳暇梟isitjw*.外籽比 肝殘己醞或無渤出卿 婭,澗如輔耐;熠，仁士薛西聯(lián)需樵兄,s.曲般強肥數(shù)聒土硼資網(wǎng)鼎東解湖 煜+由片雕能描領(lǐng)壁耀君壽籽t斷新初臉翎解區(qū)也就前 浮，髭性敵她耳敢甘醐胤和柳隔砌9孜敕郭酬工 象和煙蒯雌不姍硝出哪

30、百件容+t歌露自嬲酶舒施財會譙據(jù)我瓶神足、雌耐鞋 飄時屣g鼠苛身種劉財產(chǎn)斗至己葡疆乳聯(lián)擷，k+u他-方屈雌方蛹羯儲麗醋陶摟修科aswassift.電裳稀的 填附白凰 常磁,叵敘跳.解押，囹良于做再看一遍題首頁圖 2-3-2(a)圖 2-3-2 (b)三、知識點分解1、由圖2-3-1可以看出，在該頁面正中間有一張圖像，圖像顯示了邊框，當(dāng)鼠標(biāo)移到 文字“情感美文”時會顯示提示文字“情感美文”。2、由圖2-3-2可以看出，文字以表格的形式顯示在網(wǎng)頁上的，此時注意不是在網(wǎng)頁中 繪制表格，把文字錄入進去，而是采用導(dǎo)入fa.txt 文件，使他以“表格式數(shù)據(jù)”顯示出來,“再看一遍”采用了錨鏈接，“返回首頁”

31、采用文字鏈接，兩個鏈接都無下劃線。四、實驗步驟內(nèi)容1的實驗步驟：aiqing.html ,2-3-3所示的1、新建4個html文檔，將其分別保存為index.html , meiwen.html ,hunyin.html 。2、 將光標(biāo)定位到要插入圖像的位置。3、 執(zhí)行如下方法之一：(1)選才！插入/圖像菜單命令，打開“選擇圖像源”文件對話框；(2)單擊“插入”面板的“常用”選項卡中的 按鈕，打開如圖“選擇圖像源文件”對話框；(3)按【ctrl+alt+i】鍵打開“選擇圖像源文件”對話框。圖 2-3-34、 在“選擇文件名自”欄中選中a直件案裝單選項，在“查找范圍”下拉列表框中指定要插入圖像的

32、路徑并在文件列表中選擇需要的文件名稱(*.gif、*.jpeg和*.png )5、 在“相對于”下拉列表框中選擇“站點根目錄”選項。6、 單擊“確定”按鈕，彈出如圖 2-3-4所示的“圖像標(biāo)簽輔助功能屬性”對話框。圖像標(biāo)簽輔助功能屬性替檢文本：|lmix詳細說明：ktu：/o如果在插入圉像時不想輸入此信息，諳更放“輔助功 能“首選參數(shù).圖 2-3-47、 在“替換文本”下拉框中輸入想要說明的文字，這樣的話當(dāng)鼠標(biāo)移動到圖像上就 會出現(xiàn)“替換文本”下拉框中輸入的文字。8、 單擊“確定”按鈕。9、 如果所選擇的圖像文件不在定義的本地站點中，系統(tǒng)會打開如圖2-3-5所示的詢問對話框，詢問是否保存到本地

33、站點目錄下。文件位于站點校園青春的根文件夾以外當(dāng)您發(fā)布站點時可能不能訪問口lacroaedia dreamweaver mx 2004您的根文件夾是:e： xyqc您愿意將該文件復(fù)制到根文件夾中嗎?是豆ji 否圖 2-3-510、在提示對話框中單擊打開“復(fù)制文件為”對話框，在該對話框中選擇保存路徑，并在“文件名”文本框中更改圖像的名稱。11、單擊“確定”按鈕即可將所選的圖像插入到網(wǎng)頁中指定的位置。12、選中該圖像，打開“屬性面板”，將圖像的高度改為“ 700”，邊框改為“1”，選擇 “居中對齊”凰按鈕。13、 選取要添加熱區(qū)的圖片，此時屬性面板中出現(xiàn)4個熱點工具，單擊“矩形熱點工具” !,在圖

34、像上“情感美文”繪制熱區(qū)后，自動打開“熱區(qū)”屬性面板，如圖2-3-6所示。情，美情愛情故舉母蛔情感與我聯(lián)憲圖 2-3-614、在“屬性面板”中將“鏈接”改為 meiwen.html ,在“替換”中輸入“情感美文” 在“目標(biāo)”下拉列表框中選擇“ _blank ” .15、用同樣的方法繪制其他熱點，并設(shè)置相應(yīng)的鏈接。16、熱點鏈接完成后按【f12鍵預(yù)覽頁面，當(dāng)鼠標(biāo)移至熱區(qū)上時即可看到手形圖標(biāo)下 面有一個提示文本。17、在建立“與我聯(lián)系”鏈接時，則要創(chuàng)建電子郵件鏈接。創(chuàng)建電子郵件鏈接有兩種方法。方法一：(1)在“文檔”窗口的“設(shè)計”視圖中，選擇“與我聯(lián)系”熱區(qū)。(2)執(zhí)行下列操作之一插入該鏈接：a)

35、選擇插入電子郵件鏈接菜單命令；b)在“插入”欄的“常用”選項中，單擊“插入電子郵件鏈接”按鈕。(3)打開“電子郵件鏈接”對話框，如圖 2-3-7所示。圖 2-3-7(4)在“文本”文本框中輸入顯示在web頁面中的鏈接文本，如“與我聯(lián)系”。(5) 在“ e-mail”文本框中輸入要鏈接到的電子郵箱地址，如“ csygold 163.corfi 。(6)單擊“確定”按鈕。方法使用“屬性面板創(chuàng)建電子郵件鏈接，具體操作如下。(1)在“文檔”窗口的“設(shè)計”視圖中選擇要建立電子郵件鏈接的文本或圖像，如“與我聯(lián)系”。(2)在屬性面板的“鏈接”文本框中，輸入“ mailto: 然后在它后面輸入電子郵件地址，如

36、 ”，在ie瀏覽器中單擊該鏈接的顯示效果。18、按【f12】鍵，預(yù)覽。注意：此時電子郵件的發(fā)送是采用outexpress或者是outlook發(fā)送的。所以單擊“與我聯(lián)系”時，會自動創(chuàng)建outexpress連接向?qū)А?nèi)容2的實驗步驟：1、 打開“hunyin.html ”頁面，選擇文件導(dǎo)入表格式數(shù)據(jù),彈出如圖2-3-8 所示的“導(dǎo)入表格式數(shù)據(jù)”對話框。圖 2-3-82、 單擊“數(shù)據(jù)文件”后面的圓空二按鈕，選擇“fa.txt ”文件，定界符選擇“tab”, 單擊“確定”按鈕。在dreamweaver 8中還可以建立命名錨記的鏈接，也就是錨鏈接。使用命名錨記的鏈接 可以跳轉(zhuǎn)

37、至文檔內(nèi)的特定位置。建立錨鏈接分為創(chuàng)建命名錨記和創(chuàng)建到該命名錨記的鏈接兩 部分。3、 創(chuàng)建命名錨記：將插入點放在需要命名錨記的地方，如本例中“中華人民共和國 婚姻法”。4、 執(zhí)行下列操作之一。a)選擇插入命名錨記菜單命令；b)在“插入”欄的“常用”選項中，單擊“命名錨記”按鈕 。5、 在打開的“命名錨記”對話框的“錨記名稱”文本框中，輸入錨記名稱，如top ,并單擊“確定”按鈕，錨記標(biāo)記出現(xiàn)在插入點處。6、 創(chuàng)建到該命名錨記的鏈接：選擇要創(chuàng)建命名錨記的文本或圖像，如本例中的“再看 城i o7、 在屬性面板的“鏈接”文本框中，輸入一個數(shù)字符號“#和錨記名稱，如“#top ” 。注意：若要鏈接到當(dāng)

38、前文檔中名為“ top”的錨記，則輸入“ #top”。若要鏈接到同一 文件夾內(nèi)其他文檔中的名為“ top”的錨記，則輸入“ index.html#top ”形式的錨記引用。8、選中“返回首頁”，打開“屬性面板”，將“大小”改為“ 16px”，對齊方式改為“右 對齊”。9、單擊“鏈接”文本框后的1按鈕，在打開的“選擇新文件”對話框中選擇要鏈（即首頁），同時在“相對于”下拉列表框中選擇相應(yīng)接的文件，這里選擇index.html 的“站點根目錄”選項。10、單擊i頁面屬性_按鈕，在彈出的“頁面屬性對話框”中，“分類”選擇“鏈接”， 將“下劃線樣式”改為“始終無下劃線”，單擊“確定”按鈕。11、按【f

39、12】鍵，在ie瀏覽器中單擊“再看一遍”鏈接，則返回到“中華人民共和國 婚姻法”（命名錨記處），單擊“返回首頁”鏈接，則打開 index.html 。,國考題：大家經(jīng)常在網(wǎng)頁上會看到文字“加入收藏”，請問如何實現(xiàn)單擊“加入收藏”可以將該網(wǎng)頁加入到瀏覽器的收藏夾中？實驗四網(wǎng)頁圖像的應(yīng)用、實驗?zāi)康?、通過本例要求掌握常見的圖像格式及圖像的插入方法。2、能夠修改圖像屬性，利用外部圖像處理軟件編輯圖像。3、掌握圖像導(dǎo)航條的制作。4、掌握將 word中的文字復(fù)制到 dreamweaver中的方法。5、掌握在頁面中創(chuàng)建輪換圖像。二、實驗內(nèi)容某站點下有如下 4 個網(wǎng)頁，index.html , meiwen

40、.html , aiqing.html , hunyin.html ,1、meiwen.html效果圖如圖2-4-1所示，當(dāng)鼠標(biāo)移到每張圖像上時會顯示另外一張圖像，單擊“本站首頁”圖像時會打開index.html ,文章內(nèi)容在“執(zhí)著.doc”中。他陽山111汨1m中川卜的, 也防星4型 h此*； s.-. 吧“周 日 加寸出.mr不反乂”1般rsegulkw.sffr.iht k,法 ch iehae 卬.在皿對.與浜包， 怙m因時r理門不mthwh*rrihi 4=木 府信人 el運土山u=用宜.i舊45切ju =就算立 電話不卡。*4i*f-fa# fl-fin* - 不”下可 匕并于。印

41、州豁兀罌髀“*牖弱二”掾獻科雷:拒者油斗i j獨處造品明乖師，多范由露用 /才金強行佛林-曲過了-才會冷將融肉水護白匕：度過t 才會佳臨建時附堅持閆祖弄.在將利以先餐中也仃工慢慢也認加自己.師奧.生活異本k關(guān)逵生 些比鐫的2比后，沒有什幺死棄的不嗨劉舒l匕優(yōu)生活優(yōu)像也一打清去卜 米當(dāng)了他全拜恭女泗 王因再如叱-才不大茶在.在大手的執(zhí)念. 機晟到頭上只分汨f -fit創(chuàng)為轉(zhuǎn)，=地儕潼何田昭r 太過抗折凡會病機x坑 心計也因抄太過中兒吃、悲也在布曳土不為白白做.熱什x - 我也評優(yōu).星人的氏必,潺司坦才算是向也,此法fll itgh是槍上里也心成的破堇二就舟江沏蟲f 刀哇冷，人斷的二 死許酒副l

42、fl件鏟東，住般以后隙譴遛，風(fēng)沙歷件籽姓用日i嗎？ 瓊,曾隼時也獻過女府對4_ 比去過優(yōu) w嗎？ 也許律姓疝過. 俚師愁卻已fceit 上下,上令格武號的是口昆的現(xiàn)范箍柏一乖靳.略，筌黛如噌提，花卦拄莉芝下去不筌康子音上有各少也就-也英姿吞干包酒布,空.k* 妝我了.一切都、再弄將 妝介， 訛會占也假好現(xiàn): 成舟t * .人6 悟遺人刊 芳一個他界若奇更4ju#擊 加力舉,金，龍碑此針的 馬交至偌后 軌下吧史斯黏在眸密. 他面帕珞遙握住, 當(dāng)很熱小跑下去，電燈熾漏漏圖 2-4-12 aiqing.html效果圖如圖2-4-2所示，當(dāng)鼠標(biāo)移到圖像上時會顯示tiane1.jpg 圖像,同時顯示文字

43、“在你身邊，我享受被保護的感覺”，單擊該圖像返回首頁，文章內(nèi)容在“愛情人生.doc”中。麥忖i人生士會也刊fti四十人苗學(xué)i尸性tt* 刑過*k * 班-%/.即.kie 1t 則祝舉j國十人-的e+距4皿一十的人+可亢音麗喇際:笑的人-都總佳行則貨的唾林，陽加 了解地贊巾酒優(yōu)用 w 才ifc過收:愛你的人- *依螃而七寸 夏a與域賽, 半立丁才立*海什汽鼻件都關(guān)的- hj 1x11上刑餐次占it. n：:r：ill ：1 半 尸的人.但值曲就 的. 速現(xiàn)曲生海中越三小人煙1#布晟同一小a. ttf 的川 蝕傀盹心將你r * ite l住不小 際*建的. 而 ik b 風(fēng)時. mmi 知辯 e

44、 f *你m 月用住門口序由i里的即d *.5 .hl -t- -he7-*h.分陽白”ht 鵬丹*白,1 * 143 dt先fib. f 空陽eki ht m e恬班c曰1毛” 怦 t * 書包審 m wl hf 3用i旭白0日十flu 也；身 中森/c w mi如 沖;u. 2 一-f a, :f：*（棺 * * 開你， 府：un i,jl白 口 干r 期i冠te怡如imlfer i1-西崎于j *3鼻 訴應(yīng)0 他. 卡匹一餐命 他掛的m. 她不立 19止,t- .a. hl dt 124于 r * 籽.ih w 總帆的機， 力 *b.a-j *.點 a ih sf a.ti亞點,后包子:

45、感團為容曲上.機前2e 他=tt.叫 n elffi描妲時才干. 正求一-t-a.距赤油41thi repqmr- 你r也1道正地河htt阿 他 心iw好聊1 曲郁佛1達千人附立你，育地西圖 2-4-2三、知識點分解1、由圖2-4-1可以看出，該頁面最上面導(dǎo)航條，導(dǎo)航條下面是水平線，正文的格式與 “執(zhí)著.doc ”格式一致。在彳m meiwen.html之前，要利用圖像處理軟件做出圖所示的導(dǎo)航按 鈕，注意要做10個按鈕圖像，并且保存為網(wǎng)頁中能使用的圖像格式。2、由圖2-4-2可以看出，該頁面首先導(dǎo)入了word文檔的內(nèi)容，然后插入了輪換圖像,設(shè)置圖像與文字的環(huán)繞方式。四、實驗步驟內(nèi)容1的實驗步驟

46、：導(dǎo)航條由圖像或圖像組組成， 這些圖像的顯示內(nèi)容隨操作不同而不同。 導(dǎo)航條通常為在 站點上的頁面和文件之間移動提供一條簡捷的途徑。導(dǎo)航條可以進行復(fù)制，可以對導(dǎo)航條附加行為以應(yīng)用于不同的網(wǎng)頁。 一個網(wǎng)頁中只允許有一個導(dǎo)航條。 導(dǎo)航條項目有如下 4種狀態(tài): 一般、滑過、按下、按下時鼠標(biāo)經(jīng)過。在創(chuàng)建導(dǎo)航條時，不必包含所有這4種狀態(tài)的導(dǎo)航條圖像，可以只選用“一般”和“按下”或“滑過”這兩種狀態(tài)。1、打開meiwen.html ,將光標(biāo)定位到要插入導(dǎo)航條的位置。2、執(zhí)行下列操作之一打開“插入導(dǎo)航條”對話框：（1）單擊“插入欄”的“常用”選項卡，并單擊“插入導(dǎo)航條”按鈕，彈出如圖2-4-3所示對話框；（2

47、）選擇插入圖像對象導(dǎo)航條菜單命令。圖 2-4-33、在“插入導(dǎo)航條”對話框中進行具體的設(shè)置。設(shè)置的具體方法如下。a）在“項目名稱”文本框中，輸入導(dǎo)航條項目的名稱（如sy）。該名稱只能包含字母和數(shù)字且不能以數(shù)字開頭。b）在“狀態(tài)圖像”（必需）文本框后，單擊按鈕選擇最初將顯示的圖像。c）在“鼠標(biāo)經(jīng)過圖像”文本框后，單擊出噠l_j按鈕選擇當(dāng)一般圖像顯示時如果鼠標(biāo)指針滑過項目所顯示的圖像。d）在“替換文本”文本框中，輸入項目的描述性名稱。e）在“按下時，前往的url”文本框中，單擊網(wǎng)或按鈕選擇要打開的鏈接文件 （如 index.html ）然后從右側(cè)的下拉列表中選擇打開文件的位置。f）選中回 預(yù)先羲入

48、圖像復(fù)選框，可在載入頁面時下載圖像。如果未選擇此選項，在鼠 標(biāo)指針滑過鼠標(biāo)經(jīng)過圖像時可能會出現(xiàn)延遲。4、單擊土i按鈕可向?qū)Ш綏l添加另一個項目，然后重復(fù)上述步驟定義該新項目。若要減少導(dǎo)航元件，可先在導(dǎo)航元件列表中選擇要刪除的項，再單擊二1按鈕刪除即可。單擊h按鈕或 二_1按鈕，可以改變導(dǎo)航條元件的出現(xiàn)順序。本例中導(dǎo)航條項目順序為 “sy”、“jdwz ”、grwz , rszl 。5、完成導(dǎo)航條項目的添加及定義后，單擊 i 確定j按鈕,完成的導(dǎo)航條添加。6、選中導(dǎo)航條，單擊“屬性面板”中的“居中”按鈕。7、將光標(biāo)定位到導(dǎo)航條后面，敲回車，然后單擊“插入”面板的“html選項卡，再單擊“水平線”按

49、鈕 ，插入水平線。8、打開“愛情人生.doc”文件，選擇“ ctrl+a : ctrl+c ”。9、將光標(biāo)定位到水平線后面，敲回車，選擇編輯帶格式粘貼菜單命令，即將word文檔內(nèi)容帶格式一起粘貼到網(wǎng)頁中。10、按【f12】鍵，預(yù)覽。內(nèi)容2的實驗步驟：輪換圖像即鼠標(biāo)經(jīng)過圖像，是一種在瀏覽器中查看并使用鼠標(biāo)指針移過它時發(fā)生變化的 圖像。鼠標(biāo)經(jīng)過圖像由兩個圖像組成，主圖像（首次載入頁時顯示的圖像）和次圖像（當(dāng)鼠 標(biāo)指針移過主圖像時顯示的圖像）。鼠標(biāo)經(jīng)過圖像中的兩個圖像其大小應(yīng)相等，如果兩個圖像大小不同，dreamweaver將自動調(diào)整第二個圖像的大小以匹配第一個圖像的大小。1、 打開aiqing.h

50、tml ,選擇文件導(dǎo)入word 文檔,在打開的“打開”對話框中，選擇要添加的文件，如本例中的“愛情人生.doc ”，然后單擊匚亙至二i按鈕，word文 檔的內(nèi)容將出現(xiàn)在頁面中，如圖 2-4-4所示。3 fm 二甲j su n 召*一 乏 an u.廠 n 通kill杯口皿壬ulnb器11髀爐髀依器融部隈避阻西林富鼾limfie.蔑用阿安篁工行蛆渦青置hk2、 選中“愛情人生”，打開“屬性面板”，將“字號”改為“ 36px”，“顏色”為“紅 色”。3、 將光標(biāo)定位到“愛情人生”后面，敲回車，選中后面的文字，單擊“屬性面板” 中的“左對齊” |富按鈕。4、 將插入點放置在要顯示鼠標(biāo)經(jīng)過圖像的位置5

51、、 使用以下方法之一插入鼠標(biāo)經(jīng)過圖像：a）在“插入欄”中單擊“常用”選項卡，然后單擊“圖像 鼠標(biāo)經(jīng)過圖像”按鈕 匚回， 如圖2-4-5所示;b）在“插入欄”中單擊“常用”選項卡，然后將 口 按鈕拖到“文檔”窗口中的所需位置；c）選擇插入圖像對象鼠標(biāo)經(jīng)過圖像菜單命令。6、 執(zhí)行以上操作后都將打開“插入鼠標(biāo)經(jīng)過圖像”對話框，在該對話框中完成各項參數(shù)的設(shè)置操作，如圖 2-4-6所示si圖像-圖像占位符醐鎘：ir解m齷原始郵iriiwe/tiane.彳醉處希即% fireworks html3導(dǎo)航條tj繪制矩嵬熱點 b筵制桶觸點 v繪制名邊形熱點睨融嬲蒯墀.報7批的的血回預(yù)費施附豳制福&我學(xué)等,好的感

52、覺1帆/國矽同船g拓人昌檀弦觸圖 2-4-5圖 2-4-6a）在“圖像名稱”文本框中輸入圖像的名稱。b）在“原始圖像”文本框后單擊瀏覽一 j按鈕并選擇載入頁面時顯示的圖像,如本例 中tiane.jpg ,或直接在文本框中輸入圖像文件的路徑。c）在“鼠標(biāo)經(jīng)過圖像”文本框后單擊瀏覽按鈕并選擇鼠標(biāo)指針滑過原始圖像時顯示的圖像，如本例中tiane1.jpg,或在文本框中輸入圖像文件的路徑。d）如果希望圖像預(yù)先載入瀏覽器的緩存中，以便將鼠標(biāo)指針滑過圖像時不發(fā)生延遲，可以選中回預(yù)就鼠標(biāo)經(jīng)過圖像復(fù)選框。e）在“替換文本”（可選）文本框中輸入描述該圖像的文本，如本例中“在你身邊,我享受被保護的感覺”。例中選擇

53、index.htmlf）在“按下時，前往的 url文本框中單擊i瀏覽- i按鈕并選擇要鏈接的文件,如本 ,或者直接輸入文件的路徑。7、設(shè)置完成后，單擊1確定按鈕關(guān)閉“插入鼠標(biāo)經(jīng)過圖像”對話框。8、選中該圖像，打開“屬性面板”，將“對齊”下拉列表框中的值改為“右對齊” 注意：“圖像”屬性面板的“對齊”下拉列表中設(shè)置圖像與周圍文字的對齊方式，而叁萋叁 是設(shè)置圖像在網(wǎng)頁中的位置，左邊，中間還是右邊。9、按【f12】鍵，預(yù)覽。思考題：在做網(wǎng)頁時，經(jīng)常需要用圖像處理軟件來制作圖像，如本實驗中的導(dǎo)航條圖像，但 是在將該圖像插入到 dreamweaver中會經(jīng)常遇到圖像不能緊密的結(jié)合在一起，如下圖所示, 怎么才能將他改成圖 2-4-1所示的導(dǎo)航條的效果呢？經(jīng)典史心情文章人生忖理- 68 -實驗五網(wǎng)頁表格操作、實驗?zāi)康?、掌握表格的創(chuàng)建、結(jié)構(gòu)調(diào)整與美化。2、熟悉表格與單元格的主要屬性及其設(shè)置。3、掌握在表格和單元格中插入文字或圖片。4、掌握格式化表格和排序表格。、實驗內(nèi)容：1、制作出如圖2.5.1所示的表格。學(xué)生成績表圖 2-5-1三、知識點分解本次實驗主要涉及到表格的基本操作，注意表格最終的效果需要按總分項進行降序排 序。四、實驗步驟1、在dreamweaver中新建一個文檔。2、