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