第一篇：dreamweaver習題
（習題包括判斷題和選擇題以及實驗題）單元1習題：（1）判斷題
1、Dreamweaver 是美國Macromedia公司開發的集網頁制作與管理網站于一身的網頁編輯器和開發工具。√
2、一個WEB站點至少需要一個主頁（home Page），可以有其他子頁（二級頁面等）。√
3、網頁的交互是指瀏覽者單擊欄目、超級鏈接等，以及鼠標經過或放于某處時，頁面會作出相應的反應。√
4、網頁是指采用超文本標記語言編寫的，可以在瀏覽器下瀏覽的一種文檔。√ 單元2習題：(1)判斷題：
1、一個超級鏈接鏈接的地址為：this.html#x11，其中x11是this.html頁中的某個錨點。√
2、Dreamweaver 支持在網頁中插入各種圖像，簡單的方法是選擇Insert（插入）菜單的中的image(圖像)子菜單項。√
3、×
4、采用目錄與錨點結合的辦法，可以實現在長的網頁文檔內若某網頁背景顏色設置為FFFFF，則背景的顏色為黑色。部跳轉的功能。√
5、在網頁設計過程中，有時需要將幾個單元格進行合并，一般在Dreamweaver中操作方法是，拖動鼠標，將需要合并的單元格選中，然后點擊屬性工具欄中的“合并單元格”。√
6、選中表格后，Dreamweaver 中即可顯示表格屬性，即可對表格的對齊方式、高度、寬度，邊框樣式等進行設置。√7、8、在Dreamweaver中，非連續的單元格也可直接合并。× 對于框架網頁的保存方法是，若要保存所有框架頁，則在菜單項里選擇“file(文件)”菜單下的“save(保存）”即可。×
9、一幅圖像在網頁中是作為一個獨立的對象插入的，但是如果情況需要，則可以一幅圖象中設置多個“對象點”完成特定的功能，這個就是圖像熱點。√
10、若需要對文件進行超級鏈接設定，只需選中文字，鼠標右鍵打開屬性中在Link（鏈接）項中輸入需要鏈接的URL即可。√
(2)不定項選擇題：
1、在網頁中錄入文檔的方法有： abc A)直接錄入法。
B）從已有的文檔中通過剪貼板復制剪切粘貼的方法。
C）修改錄入的文檔的方法。D）以上均不正確
2、關于Dreamweaver的操作界面，下列說法正確的是：abd A)工具箱包含了常用的工具，制作網頁時用到這些工具。B)對象屬性浮動工具欄，對網頁制作時選擇的對象相適應，用來設置對象的屬性。C)狀態欄，是表示出被編輯網頁的效果。
D)狀態欄，是表示出被編輯網頁中正在被編輯的標記名。
(3)實驗習題1：創建網站與網頁布局
一.創建一個個人網站
1.創建一個本地站點，存放在E盤或F盤上；文件夾名用自己姓名拼音縮寫。在該文件夾下創建一個圖象文件夾(如Images)，用于存放圖形文件。
2.創建一個遠程站點，存放在C:Inetpubwwwroot文件夾下，自己新建一個用于存放自己網站的文件夾，文件夾名mysite
二.制作網頁，使用表格設計網頁布局
3.在站點根文件夾下創建一個新文件，命名為default.htm,該頁為主頁，在標題欄輸入網頁標題(某某的網站)
4.新建 3-4 個網頁文件，網頁內容自定。
5.建立default.htm頁與其它網頁的鏈接
實驗習題2：文本與圖像制作 頂部
一.網頁文字制作
1.建立文章網頁，內容自己設計，進行文本的輸入。在段落結尾處使用段落標記
(直接按回車鍵)；在換行處使用換行符
(Shift+回車鍵)。
2.對當前網頁中的文本設置字體、字號(在使用不屬于系統基本字體時使用后備字體)
3.對當前網頁中的文本設置顏色
4.對當前網頁中的文本標題設置居中對齊
5.對當前網頁中的文本進行縮進
6.對當前網頁中的文本進行項目列表或與編號列表
二.在網頁中進行圖像的插入與處理
1.建立圖象網頁，插入圖片
2.自己設置各種圖片屬性。可使用fireworks處理圖象(如重新設置圖像大小、剪裁、改變亮度、優化等)。
3.自選大小相同的圖片，創建輪換圖象。并建立與本站點網頁的鏈接
4.插入一張圖片，創建圖象地圖，并建立與本網站文件的鏈接
5.制作網站像冊，制作縮略圖到原圖的鏈接。
實驗習題3：超鏈接制作 頂部
1.新建一個網頁，創建以下各種超鏈接。選擇目標在新窗口打開
鏈接至網站
鏈接至當前站點網頁文件
鏈接至圖片文件
鏈接至word文檔
鏈接至flash動畫
鏈接至mp3聲音文件
鏈接至應用程序文件
縮略圖至大圖的鏈接
2.制作文章網頁，在各節開頭處建立錨點；對各節標題建立至錨點的鏈接；在各節處建立返回到網頁項部的錨點鏈接
3.在網頁上建立一個信箱，創建給自己發送電子郵件的超鏈接。
4.制作一個推薦網站的跳轉菜單，加入各網站的URL地址 單元3習題（1）判斷題：
1、在制作網頁顯示時，若有一些網頁，他們有共同的標題、共同的目錄格式，只是某些內容部分不太相同，這時，可以應用框架網頁來加快網頁的顯示速度，避免重復載入頁面。√
2、WEB站點是指一系列可以通過Internet 瀏覽器瀏覽的，具有相互超級鏈接的多媒體文檔的集合以及完成這些文檔的存放、查找、搜索、發布的物理設備和其他相關軟硬件系統的集合√
3、在制作框架網頁時，如果需要保存所有框架網頁，則只需要選擇文件菜單中的SAVE即可保存所有框架網頁。×（2）不定項選擇題：
1下列不屬于站點管理器的功能的是：ab E)可以實現快速超級鏈接。
B）可以自動糾正超級鏈接的更改。
C）可以自動發布制作好的網頁。D）可以自動升級網站的WEB服務。
2在框架式網頁中添加超級鏈接時，如果對象的“target(目標框架)”屬性為以下時，則可以新窗口打開鏈接頁。abd F)_blank
B）_parent
C）_self
D）_top
E）main
（3）實驗習題：使用表格進行網頁布局
1.新建一個網頁，根據網頁布局要求插入一個表格，行列數自定，寬度為780象素，邊框為0
2.對以上建立的表格進行單元格合并或拆分；對表格行寬和列高進行適當調整； 對表格進行插入行或列的操作
3.對建立的表格的單元格中插入嵌套表格
4.對表格或單元格設置自選背景圖象
5.在以上建立的表格中插入圖象與文字；設置對各單元格水平居中對齊，垂直頂端對齊；設置單元格為“不換行 單元4習題（1）判斷題：
1、作為網頁定位技術的表格與層，相對來說表格更為通用，因為層需要瀏覽器的支持，而表格在任何瀏覽器下都沒有問題。√
2、網頁中引入層技術，在層中可以插入各種對象，而且各個層可以嵌套、重疊、交蓋等，但不是所有的瀏覽器都支持層技術。√
3、表單網頁中，一頁表單，至少且只能有一個表單標記，至少有一個提交的按鈕。×（2）不定項選擇題
3、網頁中的若有多層，下列哪個屬性決定層的視覺關系。ac A)Z-index
B）Layer
C）Top
D）left
4、Dreamweaver 能實現的關于站點管理的內容有：abcd A)檢查站點的超級鏈接
B）生成站點報告、錯誤查找和修改。
C）定義站點
D）測試站點
5、在網頁中插入水平線，一般可以設置水平線的以下屬性abc A)水平線的寬度。B）水平線的顏色。C）水平線的粗細程度。D）水平線的層疊次序。
6、網頁中的超級鏈接可以鏈接到。abcd A)鏈接到本網站中的其他網頁。
B）鏈接到本文件中某錨點位置。
C）可以其他站點中的某個位置。
D）可以鏈接到某網站中的某個文件對象。
7、在Dreamweaver MX 中，站點管理包括五大設置項，下列說法錯誤的是：bcd A)Local info 設置站點的名稱、本地文件夾映射位置，站點在Internet 上的位置等。
B)Remote info 設置站點的遠程信息，包括遠程服務器的訪問方式，帳號、密碼等。
C)Design Notes 設置網頁設計過程中是還否保持制作的記錄等。
D)Quick View 設置站點網頁顯示效果。E)Site Map Layer 站點地圖項，設置站點地圖的顯示方式等。（3）實驗習題
.使用布局視圖進行網頁布局
1.使用Fireworks設計網頁布局，文檔大小760*700像素、導入或自己繪制網頁所需圖形。將各個圖形分別導出，存放在自己站點圖象文件夾中、將整個網頁圖象保存做為跟蹤圖。
2.新建一個網頁存盤，修改頁面屬性，設置跟蹤圖象(使用Fireworks設計的網頁布局圖象作為跟蹤圖象)，透明度為50%
3.進入布局視圖，繪制布局表格與布局單元格。
4.根據網頁的跟蹤圖象，對繪制的布局表格與單元格進行調整或移動
5.在布局單元格中插入圖象
6.返回標準視圖，設置為單元格背景、輸入文字等。三.制作框架網頁
1.新建一個框架網頁(框架類型自選)
2.在各框架內插入內容或打開網頁，保存各框架頁與框架集
3.設置各框架屬性(邊框、滾動條等)
4.建立左框架與右框架文章中錨點的鏈接，要求目標框架為右邊的框架
5)建立左邊導航條中返回主頁的鏈接，設置目標框架為top 單元5、6習題(1)判斷題
1、網頁制作中，層的“Z-index”屬性表示層的層疊次序，數值大于0表示在頁面的上面，數據小于0表示在頁面的上面，數值越大就越先看見。×
2、在Dreamweaver里，層與表格之間是可以轉換的，但要求層之間不能有重疊多層的情況
3、flash中的導線工具，在真正的層中顯示時并不可見。×
4、GIF動畫的文件大小相對較大，若用flash 導入后轉換為矢量動畫就可縮小。√
5、在追求速度為先的網頁設計時，可以多用圖象，在追求美觀為先的網頁設計時，可以多用文字。×
6、Dreamweaver模板可以在局部應用，但不能應用于整個站點。×
CSS樣式的使用實驗習題
一.制作文章頁或詩詞頁，設置頁面屬性
1)新建或打開網頁，設置頁面默認字體。
2)設置頁面上邊距為0、左邊距為10。
3)設置頁面背景圖片
4)設置鏈接顏色
二.創建自定義的CSS樣式
1.創建自定義的CSS樣式(存放在CSS樣式表文件中)——標題
1、標題2等，使用類型面板設計字體樣式，并應用到當前網頁中。
2.創建自定義的CSS樣式“正文”，字體大小為10點數，字體幼圓；行高為1.8倍行高，并應用到當前網頁中。
三.重定義HTML標簽
1.修改Body標簽,使用背景面板設置背景圖象.不重復、固定、自定位置
使用區塊面板設置文本對齊為居中。
四.修改CSS樣式.1.修改自己所建的標題1模式，使用區塊面板設置文本對齊為居中
2.重定義“正文”模式，縮進2個字
3.修改標題模式，使用邊框面板設置下邊框為雙線、顏色自選
五.附加CSS樣式表
新建一個網頁，附加以上建立的CSS樣式表，并應用樣式。
六.使用CSS樣式中的過濾器
1.新建一個圖片網頁，使用表格布局后插入圖片。
2.新建樣式，僅應用該文檔，設置Alpha透明度為50%(在擴展面板的濾鏡下拉列表框中設置Alpha(Opacity=50)
3.新建一個樣式invert，僅應用該文檔，(在擴展面板的濾鏡下拉列表框中選擇invert)
4.建立樣式gray，FlipH，Xray，5.對圖片后分別設置以上新建的樣式后在瀏覽器中查看效果
第二篇：dreamweaver筆記
彈出菜單
彈出菜單在網頁制作中是一種非常常用的菜單方式，這種菜單不但制作簡單，而且效果也很
好。
效果說明
本實例所要完成的效果是當鼠標移動到文字上時，就會彈出一個漂亮的菜單，如圖 17-1
和圖 17-2 所示。
創作思想
本實例首先在網頁中輸入一行文字，并對文字做一個特殊的超鏈接，然后利用
Dreamweaver MX 2004 自帶的行為制作彈出菜單。
操作步驟
（1）輸入文字并設置超鏈接。在網頁中輸入文字，因為單獨的文本文字是無法添加行為的，按照 Dreamweaver 中的約定，將文字的超鏈接設置為“ javascript:;”才能夠添加行為。所以將文字的超鏈接設為“ javascript:;”，并執行【顯示彈出式菜單】行為，如圖 17-3 所示。
（2）設置菜單項和子菜單項，并為菜單設置超鏈接，然后安排好各個菜單的次序，如圖 17-4 所示。
（3）設置頁面元素。將菜單設置為垂直菜單，并分別設置菜單的字體、字號、對齊方式、一般狀態和鼠標滑過時的狀態，如圖 17-5 所示。
（4）設置【高級】標簽。在【高級】標簽選項中設置菜單的延遲時間，以及是否顯示菜單邊框。然后設置邊框的寬度、顏色、陰影、高亮，如圖 17-6 所示。
注意：【菜單延遲】中時間的單位是毫秒（ms），1000 毫秒等于 1 秒，在設置時
注意換算。
（5）設置的 x 軸和 y 軸參數。在【位置】標簽選項中設置彈出菜單的 x 軸和 y 軸參數，這兩個參數表示彈出菜單左上角到網頁左上角的距離，如圖 17-7 所示。
（6）保存網頁文件，然后在瀏覽器中打開該網頁，將鼠標光標移動到文字上方時即可看到有菜單彈出，本實例操作完畢。通過 Dreamweaver，可以快速制作出以往只能用復雜代碼才能實現的彈出菜單，這樣可以實現復雜菜單的彈出和收縮，方便使用又能讓頁面美
觀、整潔。
滑動折疊菜單
在網頁展示平面有限的情況下，折疊菜單是一個很不錯的選擇。這種菜單在一般情況下是折疊起來的，只有當瀏覽者將鼠標移動到菜單上時，菜單才會滑動展開。
效果說明
當鼠標不在菜單上時，菜單處于折疊狀態，看起來是很普通的一個菜單欄，如圖 18-1 所示。當鼠標移動到菜單欄上時，該菜單的子菜單就會慢慢滑動展開，如圖 18-2 所示。
創作思想
先在一個圖層中輸入文字，形成菜單折疊時的狀態，再使用圖層展開時間軸動畫來實現
滑動展開菜單的效果。
操作步驟
（1）新建文件并添加層。新建一個網頁文件，在網頁中添加一個父層（第一級的層）和一個子層（第二級的層），分別設置兩個圖層的大小和位置，如圖 18-3 所示。
（2）設置表格和文字。在 layer1 層中插入表格，設置好表格的高度和背景，然后在表格內輸入文字并設置好文字的格式，如圖 18-4 所示。
3）設置 layer2 層。設置 layer2 層的背景顏色，然后在其上輸入文本并設置超鏈接，再將 layer2 層添加到時間軸上，以后便可對 layer2 層進行時間軸動畫操作，如圖 18-5 所
示。
（4）新建一個時間軸 Timeline2，然后將 layer2 層添加到新的時間軸上，如圖 18-6
所示。
提示：不同的時間軸可以實現對不同對象的控制，也可以實現多個不同動畫。
（5）設置時間軸。分別對時間軸 Timeline1 的第 1 幀和時間軸 Timeline2 的第 15 幀進行設置（這里以第 15 幀作為動畫的最后一幀），如圖 18-7 所示。
提示：只需要改變時間軸的關鍵幀，就可以直接生成動畫效果，本例將時間軸 Timeline1 第 1 幀中 Layer2 層的高設置為 0px，這樣就生成了層慢慢滑出的動畫效果。
（6）添加行為。選擇表格中的第一個單元格，然后為單元格添加 onMouseOver（鼠標移到單元格上面時）時的行為到播放時間軸 Timeline1，如圖 18-8 所示。
（7）繼續添加行為。再為該單元格添加 4 個 onMouseOut（鼠標移開時）行為，參數設
置如圖 18-9 所示。
（8）添加 2 個行為。選擇 layer2 層，并分別添加兩個 onMouseOver 和兩個
onMouseOut，具體操作如圖 18-10 所示。
（9）保存網頁文件，然后在 IE 中進行預覽，本實例操作完畢。通過時間軸上不同對象在不同時間的狀態，再結合時間軸的播放、停止和跳轉是 Dreamweaver 中實現動畫效果的最基本方法，讀者可以充分利用這些功能來實現更精彩的效果。
全景圖瀏覽效果
是否有見過游戲中的全景圖效果，充滿動畫與真實感，讓人難以忘懷。在本例中就介紹如何
制作這樣的網頁。
效果說明
建立文件，選擇一張全景圖素材，然后插入少量的代碼就可以實現全景圖瀏覽效果，如圖 43-1 所示。實際效果請瀏覽隨書光盤中《源文件》目錄下的相關文件。
創作思想
打開 Dreamweaver MX 2004 軟件新建頁面并插入表格，在表格的 HTML 代碼中插入
操作步驟
（1）新建一個基本的 html 文件，然后保存頁面為“ 43.htm ”。
（2）插入表格。要使全景圖在指定的區域中走動，必須先插入表格，如圖 43-2 所
示。
提示：圖 43-2 中的第五步操作必須將高度設置得與圖片一樣高。
（3）插入標簽。然后在工具欄中單擊【標簽選擇器】圖標，打開【標簽選擇器】對話框，在該對話框中設置參數，插入
提示：標簽選擇器對話框中匯集了一些常用的標簽，如 HTML 標簽、CFML 標簽、ASP.NET 標簽等，通過雙擊相應的代碼標簽，就可以很輕松地在代碼視圖中插入代碼。
（4）設置參數。接著設置
（5）再接下來需要在代碼視圖里手動添加代碼。回到代碼面板，將光標切換到
（讀者可打開【光盤】｜【源文件】｜【實例 43 】｜【 43.1.txt 】文件，直接復制
代碼）
提示：
中第三步操作里的 HTML 代碼進行調整。
（6）保存文件，完成操作。
全景圖合適用于廠房、展廳等大型演示上，因為單一鏡頭圖片不能讓用戶看到全景，通過全景圖則能夠讓需要展示的大型場景一覽無余。
隨機播放背景音樂的網頁
相信很多人在打開娛樂網站或個人主頁時，經常都會聽到一些音樂。本例將介紹如何實現在網頁上隨機播放背景音樂。
效果說明
建立文件，循環插入要播放的音樂，便可制作出動感的背景音樂，而且是隨機的。實際效果請瀏覽隨書光盤中【源文件】下的對應文件。
創作思想
打開 Dreamweaver MX 2004 軟件新建頁面，再選擇【行為】面板下的【 + 】選項插播音樂，設置參數。然后重復此操作 4 次，就可以隨機播放背景音樂。
操作步驟
（1）打開 Dreamweaver MX 2004 軟件新建文件，并保存頁面。
（2）選擇好“標簽”頁，在“行為”面板中插入要播放的音樂文件，如圖 55-1 所
示。
（3）接著選擇插入的聲音文件，打開參數窗口，設置其參數，如圖 55-2 所示。
（4）重復執行圖 55-1 和圖 55-2 所示的操作 4 次，這樣就添加了 4 種音樂，使得程序可以隨機在這四種音樂中挑選其中一首來播放。因此，圖 55-1 中所示的第四步操作
要選擇不同的音樂文件。
（5）保存文件，完成操作。適當放置輕松的音樂背景，可以讓用戶感覺更輕松、愉
快。
網頁滾動布告欄
如果想要在網頁里顯示最新信息、新聞、通知、布告等較長的文字信息，而又不想占用太多的網頁空間，可以使用滾動報告欄。
滾動報告欄通常是通過利用 Javascript 技術控制網頁中的層的滾動來實現的，然而手工編寫 Javascript 代碼進行制作肯定是比較復雜、困難的事情。使用 Dreamweaver 為用戶提供的【 ScrollableArea 】插件可以快速便捷地制作出滾動報告欄。
效果說明
用戶可以通過滾動欄上的【向上滾】和【向下滾】兩個按鈕控制報告欄文字的滾動速度和方向。實際效果請瀏覽隨書光盤中【源文件】下的對應文件。
創作思想
在隨書光盤中找到“ ScrollableArea ”插件，然后運行 Macromedia 的插件管理器安裝插件。接著打開 Dreamweaver MX 2004, 在【命令】菜單中單擊【 dHTML AP Scrollable Area 】選項，就可以開始設計滾動布告欄了。
操作步驟
（1）安裝插件。首先在隨書光盤中的【源文件】 / 【實例 56 】目錄里面找到 Dreamweaver 的“ ScrollableArea.mxp ”插件，接著運行 Macromedia 的插件管理器“ Extension Manager.exe ”，Macromedia 的插件管理器是隨 Dreamweaver 自動安裝的，通常和 Dreamweaver 安裝在同一目錄下面的“ Extension Manager ”文件夾里面。
（2）選擇插件管理器菜單欄上的【文件】菜單進行操作，如圖 56-1 所示。
提示：如果插件文件已經和 Macromedia 的插件管理器建立了文件關連，那么直接雙擊插件文件就可以自動打開 Macromedia 的插件管理器安裝插件了。
（3）單擊【安裝】按鈕后會彈出一個安裝協議窗口。單擊安裝協議窗口上面的【接
受】按鈕完成安裝。
（4）設置 滾動布告欄。安裝完插件后運行 Dreamweaver MX 2004，打開或者新建一個 web 文檔，進行如圖 56-2、圖 56-3 和圖 56-4 所示的操作。
（5）經過上面的操作，基本完成了滾動布告欄的制作。在 Dreamweaver 中執行【文件】 / 【在瀏覽器中預覽】 / 【 IE 瀏覽器】命令或者單擊鍵盤上的 F12 鍵預覽網頁時，可能會出現不正常顯示的情況，這是由于 ScrollableArea 產生的代碼中沒有設置圖層位置的單位。執行如圖 56-5 和圖 56-6 所示的操作，即可解決這個問題。
（6）執行完如圖 56-6 所示的操作后，在圖 56-5 中所示的第 3 步再分別選擇【＃ divDownControl 】、【＃ divContainer 】和【＃ divContent 】選項，然后再分別執行如圖 56-6 所示的操作。給 4 種樣式分別加上【像素】單位后測試網頁，就可以看到如圖
56-7 所示的滾動公告欄了。
（7）將鼠標光標分別移動到【 Scroll up 】和【 Scroll down 】上面，就可以看
到中間的文字上下滾動了。
Dreamweaver 的插件種類繁多，功能強大。善于發現和使用插件，可以制作出一些
Dreamweaver 本身望塵莫及的效果。
更多實例請閱讀《Dreamweaver網
第三篇：Dreamweaver教學大綱
www.tmdps.cn
Dreamweaver3.0教學大綱
課程名稱：邊用邊學Dreamweaver3.0 總學時：30
授課學時：14
實驗學時：16
注：以一講為一授課學時，實驗學時不少于授課學時
使用教材：甘登岱、周水平主編，《邊用邊學Dreamweaver3.0》，人民郵電出版社，2000 先修課要求：Internet基礎，邊用邊學Fireworks，邊用邊學Filsh，邊用邊學Windows 9.x等 教學目的：使學生通過本課程的學習，掌握Dreamweaver3.0的使用方法，學會使用Dreamweaver3.0制作Web網頁的技術。
教學內容和教學要求：
第一章 初識Dreamweaver 學習指南：
學習軟件的安裝、設置過程。學習重點：
Dreamweaver3.0的人—機交互界面的組成與使用方法。學習難點：
理解站點、網站、網頁及網頁屬性的概念。教學要求：
? ? 掌握Dreamweaver3.0的使用界面中各組成元素的名稱與功能； ? ? 掌握打開與關閉工具窗口的方法；
? ? 理解站點、網站、網頁及網頁屬性的概念； ? ? 了解Driamweaver3.0的漢化方法。
第二章 網頁制作入門
學習指南：
要求先修Internet基礎課。學習重點：
本章通過一個網頁制作示例，比較全面的介紹了Web站點的創建過程，概括的介紹了使用Dreamweaver制作網頁的主要方法。學習難點：
? ? 理解站點、網站、網頁及網頁屬性的概念； ? ? 站點管理器的使用。教學要求：
? ? 掌握創建Web站點的基本方法與步驟；
? ? 熟悉網頁制作過程中所涉及的一些基本概念與常識。
www.tmdps.cn 第三章 站點管理
學習指南：
先修Internet基礎，計算機網絡基礎。學習重點：
本章重點介紹了站點的創建、站點地圖的使用以及文件的下載、上傳與同步更新。學習難點：
站點管理器的使用。教學要求：
? ? 了解通過站點管理器規劃、創建站點的方法與站點設置參數的意義和設置方法；
? ? 熟悉站點管理器的用途，學會利用站點地圖查看、管理各網頁之間的超鏈接關系；
? ? 掌握通過站點管理器發布站點的方法與上傳、下載與同步更新站點內容的方法。
第四章 頁面的基本設置
學習指南：
先修Internet基礎課和Word2000。學習重點：
本章主要介紹制作網頁的一些基本常識，例如：文檔的創建、打開與保存，標尺與網格的使用，捕捉與輔助設計圖片的應用等。
學習難點：
理解屬性面板的概念。教學要求：
? ? 了解網格、捕捉與輔助設計圖片的功能以及打開、關閉與設置其特性的方法； ? ? 掌握系統屬性及網頁屬性的設置方法，及各設置參數的作用。
第五章 超鏈接與導航
學習指南：
先修Internet基礎課。學習重點：
本章全面介紹了網頁設計中使用的幾種超級鏈接設置的方法與步驟，包括：E-mail,書簽，腳本，跳轉菜單和導航條的設置方法。學習難點：
理解導航條與跳轉菜單 教學要求：
? ? 了解建立超級鏈接各目標參數的意義，掌握設置超級鏈接的方法； ? ? 掌握制作超級鏈接、E-mail鏈接、書簽等形式的超級鏈接；
www.tmdps.cn ? ? 掌握導航條與跳轉菜單的特點與用法。
第六章 文本格式的設置與樣式的運用
學習指南：
先修Internet基礎課和Word2000。學習重點：
本章主要介紹手工設置文本格式的方法，文本的斷行與縮進，以及如何利用HTML樣式和CSS樣式格式化文本的方法。學習難點：
使用HTML樣式和CSS樣式格式化文本 教學要求：
? ? 要求重點了解制作網頁時的斷行方法，? ? 掌握使用HTML樣式和CSS樣式創建、編輯網頁的方法。
第七章 使用水平線、日期對象及圖片
學習指南：
先修Internet基礎和邊用邊學Fireworkse等。學習重點：
本章全面介紹了在網頁中插入水平線、日期、圖片、反轉圖片的方法，以及如何制作圖片映像和設置圖形行為。學習難點：
圖片的運用。教學要求：
? ? 掌握水平線、日期、圖象對象的主要屬性與設置方法； ? ? 掌握圖象映像、反轉圖片對象等的特點、用途及設置方法。
第八章 使用表格
學習指南：
先修Internet基礎、Excel2000、Word2000。學習重點：
本章全面介紹了在Dreamweaver中表格的創建、調整、單元格的編輯與屬性設置等操作的方法。教學要求：
? ? 掌握表格的創建、結構調整與美化方法； ? ? 熟悉表格與單元格的主要屬性及其設置方法； ? ? 掌握通過表格來進行網頁頁面的布局方法。
www.tmdps.cn
第九章 使用層來靈活布置網頁的布局
學習指南：
先修Internet基礎。學習重點：
本章全面介紹了層的概念以及層的創建與修改方法。學習難點：
圖層的概念與運用。教學要求：
? ? 掌握在網頁中創建、修改層和嵌套層的方法； ? ? 掌握層的屬性和編輯層屬性的方法； ? ? 掌握移動、刪除層的方法。
第十章 使用時間線制作動態網頁
學習指南：
先修Internet基礎和Flish。學習重點：
本章詳細介紹了時間線的創建、編輯、行為設置等內容。學習難點：
時間線和動態網頁的概念。教學要求：
? ? 掌握時間線的創建與調整方法；
? ? 學會通過如何為時間線增加行為等方式來控制時間線的播放效果； ? ? 掌握利用時間線制作網頁動畫的方法。
第十一章 使用框架設計網頁
學習指南：
先修Internet基礎 學習重點：
本章全面介紹了框架網頁的特點、框架網頁的創建、編輯、保存與應用方法。學習難點：
制作動態網頁。教學要求：
? ? 了解框架網頁與普通網頁之間的區別與聯系；
? ? 掌握框架網頁在創建、選擇、設置、存儲與應用方面的特點； ? ? 掌握框架結構網頁的制作方法。
www.tmdps.cn
第十二章 使用行為制作交互式網頁
學習指南：
先修Internet基礎。學習重點：
本章介紹了行為、事件、動作的基本概念，以及如何利用行為面板為選定的對象設置行為。
學習難點：
行為的概念。教學要求：
? ? 了解行為、事件與動作的概念；
? ? 學會利用行為面板設置控制對象的行為；
? ? 會利用系統提供的主要行為，設置網頁對象的行為從而實現交互式網頁的設計。
第十三章 模板和庫的使用
學習指南：
先修Internet基礎。學習重點：
本章介紹了模板與庫元素的特點、用途、制作與使用方法，以及如何利用模板控制面板及庫控制面板來管理模板與庫元素。學習難點：
模板和庫的概念。教學要求：
? ? 要求掌握Dreamweaver中模板與庫元素的概念與作用； ? ? 了解模板的固定區域與可編輯區域的區別和用途；
? ? 了解更改模板或庫元素對使用選定的模板或包含選定庫元素的網頁的影響； ? ? 學會通過模板和庫元素創建網頁的方法。
第十四章 在網頁中插入表單
學習指南：
先修Internet基礎，JavaScrip。學習重點：
本章全面介紹了表單的創造、編碼、處理方法，以及各種表單對象的特點與使用方法。
學習難點：
理解表單、表單欲的概念。
www.tmdps.cn 教學要求：
? ? 學會使用Dreamweaver 中應用表單設計網頁的方法，? ? 全面掌握表單的創建、編輯、處理方法，以及各表單對象的功能、特點和用途（包括：復選框、下拉列表況、按鈕）的特點與使用方法。
第十五章 可以在網頁中插入的媒體元素
學習指南：
先修Internet基礎、邊用邊學Fireworks、邊用邊學Flish。學習重點：
本章簡要介紹了可以在網頁中插入的媒體元素，如：Fireworks HTML、Java Applet 小程序、Sockwave電影、Flash 電影、ActiveX控件、音頻或品視頻文件。
學習難點：
理解在網頁中插入多媒體對象的概念。教學要求：
? ? 要求學員掌握并了解可以在網頁中插入Fireworks HTML電影、Flash電影、ActiveX.控件等多媒體對象的方法。
第十六章 站點制作的綜合實例
學習指南：
先修Internet基礎、邊用邊學Fireworks、邊用邊學Flish。學習重點：
本章通過一個站點綜合實例的練習，全面介紹了站點創建的全過程。內容包括站點目錄結構的規劃，各網頁的創建、布局以及設置方法。要求學員通過本章的學習，學會制作包含表單的交互式網頁的制作，利用Fireworks處理圖片、制作按鈕與導航攔等網頁的創作技巧。學習難點：
理解站點、網站、網頁及網頁屬性的概念會向網頁中插入多媒體信息。教學要求：
? ? 通過本章的學習全面掌握交互式網站的制作方法。
第四篇：Dreamweaver教案
第一課 軟件簡介與設置 1.1課程介紹 本課程主要內容
①內容提要/學習目標 ②軟件演示 ③實例操作步驟
本課程的三個特色欄目
①網頁色彩搭配； ②HTML基礎；
③名詞解釋
1.2(軟件)基礎知識 內容提要：
①起始頁的使用及相關設置；
②軟件界面概覽(菜單，工具，面板等)； ③“插入”工具欄顯示模式的切換； ④文檔窗口的工具欄和狀態欄； ⑤如何設置，存儲和管理界面布局。
學習目標：
①了解Dreamweaver軟件的作用，基本界面布局，以及各功能區的應用范圍；
②了解控制軟件界面和文檔的基本方法。
第五篇：Dreamweaver教案補充
1、Dreamweaver 這是Macromedia公司的出品的一款“所見即所得”的網頁編輯工具。與 Frontpage不同，Deamweaver采用的是Mac機浮動面版的設計風格，對于初學者來說可能會感到不適應。但當你習慣了其操作方式后，就會發現Dreamweaver的直觀性與高效性是Frontpage所無法比擬的。
Dreamweaver對于DHTML（動態網頁）的支持特別好，可以輕而易舉地做出很多眩目的互動頁面特效。插件式的程序設計使得其功能可以無限的擴展。Dreamweaver與Flash、Firework 并稱為 Macromedia的網頁制作三劍客，由于是同一公司的產品，因而在功能上有著一個非常緊密的結合。因此，說Dreamweaver是高級網頁制作的首選并不為過。
2、Dreamweaver 8 的功能
Dreamweaver 可以完全自定義。您可以創建您自己的對象和命令，修改快捷鍵，甚至編寫 JavaScript 代碼，用新的行為、屬性檢查器和站點報告來擴展 Dreamweaver 的功能。
Dreamweaver 8 包括許多新增功能，使您只需花費最少的時間和精力便可生成 Web 站點和應用程序。Dreamweaver 使復雜的技術變得簡單而方便，以幫助您達到事半功倍的效果。
下面是 Dreamweaver 8 中的一些主要新增功能： “縮放”工具和輔助線 可視化 XML 數據綁定 新的 CSS 樣式面板 CSS 布局的可視化 代碼折疊 “編碼”工具欄 后臺文件傳輸
“插入 Flash 視頻”命令
3、設計網站的基本步驟。
(1)網站的規劃與設計。首先確定網站的方向和功能，然后是申請便于記憶的域名和租用穩定的空間，接著收集相關資料，最后將整個網站的結構畫成結構圖。
(2)布局與編排網頁。在網頁布局的過程中，應該遵循平衡、對比、空白等原則。在設計網頁時需要考慮網頁的主題、網頁的命名、網站的標志、色彩的搭配、字體的選擇等問題。
(3)填充網頁內容。輸入文字和其它網頁元素，比如聲音、動畫、圖像和其它形式的媒體，以便使網頁內容更加充實。
(4)建立動態網站。動態網站是目前最流行的Web發展趨勢，建立動態站點需要為網頁加入Web應用程序并實現與數據庫的連接。
(5)測試和發布站點。在發布Web站點之前，用戶應該確認所有文本和圖形都放在正確的位置，且所有的鏈接都能操作正確。測試Web站點的一種方法是通過檢查內部和外部的鏈接來確認目標文件是否存在。
完成測試以后，根據服務商提供的資料，用戶可以將站點發布到服務器上，并對站點進行定期更新，以保證站點內容新穎。
4、網頁設計的基本理念。
（1）下載速度問題，下載響應速度越快越好。
（2）能適應不同瀏覽器及分辨率，網頁布局、內容不應出現紊亂。（3）合理的版面布局，應做到圖文并茂。（4）精美的網站標志，讓人記住你。（5）注重色彩搭配，給人以藝術的享受。（6）網頁內容便于瀏覽，要有導航功能。（7）網頁內容要精彩，讓人感覺到有吸引力。
（8）簡約、美觀，不應過于追求頁面的華麗。
5、網頁的整體風格設計的基本原則。
（1）網站標志要放在醒目位置，如左上角，而且要保持不變。（2）最好能夠有一句反映網站精髓的標語，并能動態顯示。
（3）導航部分應該放在每一張網頁的相同位置，便于訪問者瀏覽網站的全部內容。
（4）確定主體顏色，并注意顏色搭配要讓人感覺舒服，不要太刺眼，也不能不突出需要強調的內容。（5）頁面的布局是風格的一個重要標志。不要忘記考慮主頁的可擴充性，以方便將來再添加欄目。（6）內容結構越簡單越好，分類要簡而精。一切都為訪問者能夠最快地找到訪問的資料而考慮。
6、網頁色彩如何搭配。
網頁的色彩是樹立網站形象的關鍵之一，網頁的色彩處理得好，可以錦上添花，達到事半功倍的效果。色彩總的應用原則應該是“總體協調，局部對比”，也就是網頁的整體色彩效果應該是和諧的，只有局部的、小范圍的地方可以有一些強烈色彩的對比。在色彩的運用上，可以根據網頁內容的需要，分別采用不同的主色調，并注意以下色彩搭配的原理：
(1)色彩的鮮明性：網頁的色彩要鮮艷，容易引人注目。
(2)色彩的獨特性：要有與眾不同的色彩，使人印象強烈。
(3)色彩的合適性：色彩和表達的內容氣氛相適合。如用粉色體現女性站點的柔性。
(4)色彩的聯想性：不同色彩會產生不同的聯想，藍色想到天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和網頁的內涵相關聯。
一個網站的標準色彩應盡量控制在三種色彩以內，不要將所有顏色都用到。背景和前文的對比盡量要大，(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內容。
7、Dreamweaver的三種視圖方式
在代碼視圖中可以直接編輯網頁的源代碼；而設計視圖能方便我們更好地美化網頁，更合理地布局網頁；同時顯示代碼視圖和設計視圖讓我們能夠更好地理解源代碼，提高編程能力。
8、什么是HTML？
HTML是Hypertext Markup Language的縮寫，即超文本標記語言，是www.tmdps.cn就是一個域名。從技術上講，域名只是一個Internet中用于解決地址對應問題的一種方法。
11、ftp協議（文件傳輸協議）
是 Internet 上用來傳送文件的協議，它是為了我們能夠在 Internet 上互相傳送文件而制定的文件傳送標準，規定了 Internet 上文件如何傳送。也就是說，通過 FTP 協議，我們就可以跟 Internet 上的 FTP 服
務器進行文件的上傳（Upload）或下載（Download）等動作。
12、統一資源定位符(Uniform Resource Locator, URL)
包含如何訪問 Internet 上的資源的明確指令，也就是Internet文件在網上的地址。
URL的一般格式為：
Access-method://host:port/path/filename 例如：http://www.tmdps.cn/ 為 Microsoft 網站的萬維網 URL 地址。
Access-method，訪問Internet資源的方法或是訪問的協議類型，可以是下表之一： http 通過 http 訪問該資源。格式 http:// ftp 通過 FTP訪問資源。格式 FTP:// file 資源是本地計算機上的文件。格式file:// gopher 通過 Gopher 協議訪問該資源。
mailto 資源為電子郵件地址，通過 SMTP 訪問。格式 mailto: MMS 通過 支持MMS（流媒體）協議的播放該資源。（代表軟件：Windows Media Player）格式 MMS:// ed2k 通過 支持ed2k（專用下載鏈接）協議的P2P軟件訪問該資源。（代表軟件：電驢）格式 ed2k:// Flashget 通過 支持Flashget:（專用下載鏈接）協議的P2P軟件訪問該資源。（代表軟件：快車）格式 Flashget:// thunder 通過 支持thunder（專用下載鏈接）協議的P2P軟件訪問該資源。（代表軟件：迅雷）格式 thunder:// news 通過 NNTP 訪問該資源。
host，主機，指定的服務器的域名系統(DNS)主機名或 IP 地址。
port，指出被訪問的Internet資源所在的服務器端口號，整數，可選，省略時使用方案的默認端口，如http的默認端口為80。
path，路徑，由零或多個“/”符號隔開的字符串，一般用來表示主機上的一個目錄或文件地址，可選。
filename，指出被訪問的Internet資源名稱，可選。
13、鏈接的幾種路徑以及它們的不同：
絕對路徑是包含服務器協議的完全路徑，是一種與源地址文件無關的路徑形式。
文檔相對的路徑是指與當前文檔所在的文件夾相對的路徑，它使用源地址文件和目標地址文件之間的位置來表示路徑，只要整個站點的結構和文件的位置不變，改變站點的路徑不會影響路徑的正確性。
根相對路徑是指從站點根文件夾到被鏈接文檔經由的路徑。一個根相對路徑以前斜杠開頭，它代表站點根文件夾。
常用的鏈接有：文本鏈接；圖片鏈接及圖像熱點鏈接；郵件鏈接、下載鏈接以及其他鏈接；錨點鏈接及空鏈接。
只含有“#”的那種鏈接是空鏈接。
點擊咨詢 