第一篇：Dreamweaver課程總結(jié)（寫寫幫推薦）
Dreamweaver課程總結(jié)
Web靜態(tài)頁面與瀏覽器基礎(chǔ)知識：
web靜態(tài)頁面：web靜態(tài)頁面是指在瀏覽器顯示出來的一系列的文字和各種的表格圖片的集合。web靜態(tài)頁面具有的優(yōu)點是：1.相應(yīng)快。在同等條件下。一個靜態(tài)頁面要比動態(tài)頁面快得多。對于頻繁訪問的用戶來書，靜態(tài)頁面的客戶端緩存也有助于用戶快速訪問。2.服務(wù)器資源占用少。靜態(tài)頁面不需要數(shù)據(jù)庫的支持。不需要服務(wù)器端應(yīng)用程序的計算。3.對于大量的用戶訪問，生成靜態(tài)頁面的優(yōu)勢更明顯。像新浪，網(wǎng)易等用戶訪問量很大的網(wǎng)站都采用生成靜態(tài)頁面的技術(shù)。4.用戶看到頁面和應(yīng)用程序的分離。即使有應(yīng)用程序方面的錯誤，訪問的用戶是看不到的。這樣有利于后臺數(shù)據(jù)的安全。
瀏覽器：維網(wǎng)(Web)服務(wù)的客戶端瀏覽程序。可向萬維網(wǎng)(Web)服務(wù)器發(fā)送各種請求，并對從服務(wù)器發(fā)來的超文本信息和各種多媒體數(shù)據(jù)格式進行解釋、顯示和播放。網(wǎng)頁瀏覽器是個顯示網(wǎng)頁服務(wù)器或檔案系統(tǒng)內(nèi)的文件，并讓用戶與此些文件互動的一種軟件。它用來顯示在萬維網(wǎng)或局部局域網(wǎng)絡(luò)等內(nèi)的文字、影像及其他資訊。這些文字或影像，可以是連接其他網(wǎng)址的超鏈接，用戶可迅速及輕易地瀏覽各種資訊。網(wǎng)頁一般是HTML的格式。有些網(wǎng)頁是需使用特定的瀏覽器才能正確顯示。手機瀏覽器是運行在手機上的瀏覽器，可以通過GPRS進行上網(wǎng)瀏覽互聯(lián)網(wǎng)內(nèi)容，網(wǎng)頁主要由三部分組成：結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Behavior）。對應(yīng)的標準也分三方面：結(jié)構(gòu)化標準語言主要包括XHTML和XML，表現(xiàn)標準語言主要包括CSS，行為標準主要包括對象模型（如W3C DOM）、ECMAScript等。這些標準大部分由W3C起草和發(fā)布，也有一些是其他標準組織制訂的標準，比如ECMA的ECMAScript標準。
結(jié)構(gòu)標準語言：（1）XML是(可擴展標識語言)的簡寫。目前推薦遵循的是W3C的XML1.0和HTML一樣，XML同樣來源于SGML，但XML是一種能定義其他語言的語。XML最初設(shè)計的目的是彌補HTML的不足，以強大的擴展性滿足網(wǎng)絡(luò)信息發(fā)布的需要，后來逐漸用于網(wǎng)絡(luò)數(shù)據(jù)的轉(zhuǎn)換和描述。
（2）XHTML是]可擴展標識語言的縮寫。目前推薦遵循的是W3C,XML雖然數(shù)據(jù)轉(zhuǎn)換能力強大，完全可以替代HTML，但面對成千上萬已有的站點，直接采用XML還為時過早。因此，我們在HTML4.0的基礎(chǔ)上，用XML的規(guī)則對其進行擴展，得到了XHTML。簡單的說，建立XHTML的目的就是實現(xiàn)HTML向XML的過渡。2.表現(xiàn)標準語言CSS是層疊樣式表的縮寫。目前推薦遵循的是W3C,W3C創(chuàng)建CSS標準的目的是以CSS取代HTML表格式布局、幀和其他表現(xiàn)的語言。純CSS布局與結(jié)構(gòu)式XHTML相結(jié)合能幫助設(shè)計師分離外觀與結(jié)構(gòu)，使站點的訪問及維護更加容易。3.行為標準DOM是文檔對象模型的縮寫。根據(jù)W3C DOM規(guī)范(2)ECMAScript是ECMA制定的標準腳本語言（JAVAScript）。
網(wǎng)頁腳本：腳本是批處理文件的延伸，是一種純文本保存的程序，可以不經(jīng)編譯而是解釋執(zhí)行，利于快速開發(fā)。腳本(Script)，就是含有bind和alias等命令的集合，你可以把這個集合存為一個獨立的文件然后在需要的時候執(zhí)行，這樣就可以方便你在CS中的使用。
VBScript即 Visual Basic 腳本語言。是asp動態(tài)網(wǎng)頁默認的編程語言，配合asp內(nèi)建對象和ADO對象，用戶很快就能掌握訪問數(shù)據(jù)庫的asp動態(tài)網(wǎng)頁開
發(fā)技術(shù)。在WSF、HTA和CHM文件中VBScript和JavaScript的程序碼可以任意
混合。HTA文件實際上是加有VBS、JavaScript成分的HTML文件。CHM文件是
一種在線幫助，用戶可以使用專門的編輯程序?qū)TML程序編輯為
CHM,JavaScript是一種基于對象和事件驅(qū)動并具有相對安全性的客戶端腳
本語言。同時也是一種廣泛用于客戶端Web開發(fā)的腳本語言，常用來給HTML
網(wǎng)頁添加動態(tài)功能，比如響應(yīng)用戶的各種操作。
Web動態(tài)頁面與服務(wù)器基礎(chǔ)知識：
Web動態(tài)頁:動態(tài)的頁面的優(yōu)點是能夠及時處理信息，你提交的頁面馬上顯
示出來。動態(tài)頁面是一種最常用的網(wǎng)站建設(shè)表達形式。它的優(yōu)點在于可以根據(jù)先
前所制定好的程序頁面，根據(jù)用戶的不同請求從而返回其相應(yīng)的數(shù)據(jù)，可以說是
一對多的關(guān)系，從而達到資源的最大利用和節(jié)省網(wǎng)站空間上的物理資源。如果今
后需要改變網(wǎng)站的風格，只需要重新制作前臺所訪問的頁面即可。只要數(shù)據(jù)庫結(jié)
構(gòu)不變，可以很快地進行改版工作。動態(tài)頁面的優(yōu)點是效率高、更新快、移植性
強，從而快速地達到即見即所得的目的。
ASP是 “動態(tài)服務(wù)器頁面”。ASP是微軟公司開發(fā)的代替CGI腳本程序的一種應(yīng)用，它可以與數(shù)據(jù)庫和其它程序進行交互，是一種簡單、方便的編程工具。
ASP是一種服務(wù)器端腳本編寫環(huán)境，可以用來創(chuàng)建和運行動態(tài)網(wǎng)頁或Web應(yīng)
用程序。ASP網(wǎng)頁可以包含HTML標記、普通文本、腳本命令以及COM組件
等。利用ASP可以向網(wǎng)頁中添加交互式內(nèi)容（如在線表單），也可以創(chuàng)建
使用HTML網(wǎng)頁作為用戶界面的web應(yīng)用程序。與HTML相比，ASP網(wǎng)頁具
有以下特點：利用ASP可以實現(xiàn)突破靜態(tài)網(wǎng)頁的一些功能限制，ASP文件是包含在HTML
代碼所組成的文件中的，易于修改和測試，ASP提供了一些內(nèi)置對象，使用這些對象可以
使服務(wù)器端腳本功能更強。ASP可以使用服務(wù)器端ActiveX組件來執(zhí)行各種各樣的任務(wù)，ASP也不僅僅局限于與HTML結(jié)合制作WEB網(wǎng)站，而且還可以與XHTML和WML語言
結(jié)合制作WAP手機網(wǎng)站。但是其原理也是一樣的。
ADO是一個用于存取數(shù)據(jù)源的COM組件。它提供了編程語言和統(tǒng)一數(shù)據(jù)訪
問方式OLE DB的一個中間層。允許開發(fā)人員編寫訪問數(shù)據(jù)的代碼而不用關(guān)心數(shù)
據(jù)庫是如何實現(xiàn)的，而只用關(guān)心到數(shù)據(jù)庫的連接。訪問數(shù)據(jù)庫的時候，關(guān)于SQL的知識不是必要的，但是特定數(shù)據(jù)庫支持的SQL命令仍可以通過ADO中的命令對
象來執(zhí)行。ADO被設(shè)計來繼承微軟早期的數(shù)據(jù)訪問對象層，包括RDO和DAO。
服務(wù)器：從廣義上講，服務(wù)器是指網(wǎng)絡(luò)中能對其它機器提供某些服務(wù)的計算
機系統(tǒng)。從狹義上講，服務(wù)器是專指某些高性能計算機，能通過網(wǎng)絡(luò)，對外提供
服務(wù)。相對于普通PC來說，穩(wěn)定性、安全性、性能等方面都要求更高，因此在CPU、芯片組、內(nèi)存、磁盤系統(tǒng)、網(wǎng)絡(luò)等硬件和普通PC有所不同。服務(wù)器作為網(wǎng)
絡(luò)的節(jié)點，存儲、處理網(wǎng)絡(luò)上80％的數(shù)據(jù)、信息，因此也被稱為網(wǎng)絡(luò)的靈魂。
我們與外界日常的生活、工作中的電話交流、溝通，必須經(jīng)過交換機，才能到達
目標電話；同樣如此，網(wǎng)絡(luò)終端設(shè)備如家庭、企業(yè)中的微機上網(wǎng)，獲取資訊，與
外界溝通、娛樂等，也必須經(jīng)過服務(wù)器，因此也可以說是服務(wù)器在“組織”和“領(lǐng)
導(dǎo)”這些設(shè)備。服務(wù)器它是網(wǎng)絡(luò)上一種為客戶端計算機提供各種服務(wù)的高性能的計算機，它在網(wǎng)絡(luò)操作系統(tǒng)的控制下，將與其相連的硬盤、磁帶、打印機、Modem
及各種專用通訊設(shè)備提供給網(wǎng)絡(luò)上的客戶站點共享，也能為網(wǎng)絡(luò)用戶提供集中計
算、信息發(fā)表及數(shù)據(jù)管理等服務(wù)。它的高性能主要體現(xiàn)在高速度的運算能力、長
時間的可靠運行、強大的外部數(shù)據(jù)吞吐能力等方面。
Web技術(shù)最前沿：Adobe剛剛發(fā)布了一個新的工具{Adobe Edge}，允許設(shè)計師通過HTML5、CSS和JavaScript制作網(wǎng)頁動畫。無需Flash。Adboe Edge的目的是幫助專業(yè)設(shè)計師制作網(wǎng)頁動畫乃至簡單游戲。目前該工具的重點放在動
畫引擎上，但未來將增加更多HTML5功能，比如Canvas、HTML5音頻/視頻
標簽等。支持Android、iOS、webOS、黑莓PlayBook、Firefox、Chrome、Safari
和IE9等各個平臺。Adobe Edge的發(fā)布也引起了業(yè)界對Adobe公司戰(zhàn)略的探
討，AppMobi發(fā)布HTML 5開發(fā)工具XDK，AppMobi推出了全新開發(fā)工具XDK，使得開發(fā)者可以使用HTML5構(gòu)建網(wǎng)絡(luò)和移動平臺的應(yīng)用程序。最終代碼既可以
用來進行HTML5應(yīng)用程序開發(fā)，就如同現(xiàn)在在Chrome網(wǎng)絡(luò)應(yīng)用程序商店里看
到的那些程序一樣，也可以用于多平臺應(yīng)用程序開發(fā)，F(xiàn)irebug1.8正式版發(fā)布
云計算（cloud computing），是一種基于互聯(lián)網(wǎng)的計算方式，通過這種方
式，共享的軟硬件資源和信息可以按需提供給計算機和其他設(shè)備。云其實是網(wǎng)絡(luò)、互聯(lián)網(wǎng)的一種比喻說法。云計算的核心思想，是將大量用網(wǎng)絡(luò)連接的計算資源統(tǒng)一管理和調(diào)度，構(gòu)成一個計算資源池向用戶按需服務(wù)。提供資源的網(wǎng)絡(luò)被稱為
“云”。狹義云計算指IT基礎(chǔ)設(shè)施的交付和使用模式，指通過網(wǎng)絡(luò)以按需、易
擴展的方式獲得所需資源；廣義云計算指服務(wù)的交付和使用模式，指通過網(wǎng)絡(luò)以
按需、易擴展的方式獲得所需服務(wù)。這種服務(wù)可以是IT和軟件、互聯(lián)網(wǎng)相關(guān)，也可是其他服務(wù)。
移動互聯(lián)網(wǎng)：就是將移動通信和互聯(lián)網(wǎng)二者結(jié)合起來，成為一體。在最近幾
年里，移動通信和互聯(lián)網(wǎng)成為當今世界發(fā)展最快、市場潛力最大、前景最誘人的兩大業(yè)務(wù)，它們的增長速度都是任何預(yù)測家未曾預(yù)料到的，所以移動互聯(lián)網(wǎng)可以
預(yù)見將會創(chuàng)造怎樣的經(jīng)濟神話。包括移動IPv4、移動IPv6、移動子網(wǎng)、移動
互聯(lián)網(wǎng)安全和多播以及切換管理等的工作機理、設(shè)計思路及實現(xiàn)方案作solomo互聯(lián)網(wǎng)術(shù)語：即社交(social)+本地化(local)+移動(mobile)，由IT
風險投資人約翰·杜爾首次提出該概念。它是PC、移動設(shè)備和真實社會關(guān)系的外延，代表著未來互聯(lián)網(wǎng)發(fā)展的趨勢。是互聯(lián)網(wǎng)未來發(fā)展模式，它將改變?nèi)藗兊慕挥逊绞胶土晳T;將改變零售和服務(wù)業(yè)的未來;將在中國廣闊的舞臺上流光溢彩。
SoLoMo概念風靡全球，被一致認為是互聯(lián)網(wǎng)未來發(fā)展趨勢。移動互聯(lián)網(wǎng)將于5
年內(nèi)超過桌面互聯(lián)網(wǎng)。人們用移動設(shè)備接入互聯(lián)網(wǎng)的時間顯著上升。商業(yè)模式演
繹從Facebook到人人網(wǎng)這樣的“SO”已經(jīng)無處不在;而“LO”則代表著以
LBS(Location Based Service)為基礎(chǔ)的各種定位和簽到，它是Foursquare或者
街旁，也包括Facebook Places和人人報到;“MO”則是拜智能手機帶來的各種
移動互聯(lián)網(wǎng)應(yīng)用。國內(nèi)以人人網(wǎng)為例，其月度覆蓋用戶過億，而每天有30%的用
戶是通過手機訪。這要歸因于人人公司在手機產(chǎn)品上下的功夫--人人是全球首家
推出手機開放平臺的互聯(lián)網(wǎng)公司，甚至先于一直模仿的對象Facebook。web開發(fā)技術(shù)認識總結(jié)：Dreamweaver課程和Web的學習我對web技術(shù)有了一個完整的認識。Web靜態(tài)頁面和動態(tài)頁面以及對ASP的腳本語言的內(nèi)容有了一些認識，使我學到了很多網(wǎng)絡(luò)技術(shù)方面的知識；其次對數(shù)據(jù)庫基礎(chǔ)知識，云計算，移動網(wǎng)絡(luò)，社交網(wǎng)絡(luò)有了一個更全面的認識，通過學習dreamweaver我對計算機網(wǎng)絡(luò)的認識有了一個質(zhì)的飛躍，我了解到網(wǎng)絡(luò)工程，網(wǎng)絡(luò)技術(shù)在我們的生活中的重要意義，認識到了網(wǎng)絡(luò)在當今社會的重要性，作為當今社會的大學生應(yīng)該認識到學習好網(wǎng)絡(luò)技術(shù)的重要性，努力為社會的發(fā)展做出自己應(yīng)有的貢獻。
第二篇：Dreamweaver常用快捷鍵總結(jié)
文件菜單
新建文檔 Ctrl+N
打開一個 HTML文件 Ctrl+O或者將文件從[文件管理器]或[站點]窗口拖動到[文檔]窗口中 在框架中打開 Ctrl+Shift+O 關(guān)閉 Ctrl+W 保存 Ctrl+S
另存為 Ctrl+Shift+S 檢查鏈接 Shift + F8 退出 Ctrl+Q
編輯菜單
撤消 Ctrl+Z
重復(fù) Ctrl+Y 或 Ctrl+Shift+Z 剪切 Ctrl+X 或Shift+Del 拷貝 Ctrl+C 或Ctrl+Ins 粘貼 Ctrl+V 或Shift+Ins 清除 Delete 全選 Ctrl+A
選擇父標簽 Ctrl+Shift+< 選擇子標簽 Ctrl+Shift+> 查找和替換 Ctrl+F 查找下一個 F3
縮進代碼 Ctrl+Shift+] 左縮進代碼 Ctrl+Shift+[ 平衡大括弧 Ctrl+’ 啟動外部編輯器 Ctrl+E 參數(shù)選擇 Ctrl+U
頁面視圖
標準視圖 Ctrl+Shift+F6 布局視圖 Ctrl+F6 工具條 Ctrl+Shift+T
查看頁面元素
可視化助理 Ctrl+Shift+I 標尺 Ctrl+Alt+R
顯示網(wǎng)格 Ctrl+Alt+G
靠齊到網(wǎng)格 Ctrl+Alt+Shift+G 頭內(nèi)容 Ctrl+Shift+W 頁面屬性 Ctrl+Shift+J
代碼編輯
切換到設(shè)計視圖 Ctrl+Tab 打開快速標簽編輯器 Ctrl+T 選擇父標簽 Ctrl+Shift+<平衡大括弧 Ctrl+’ 全選 Ctrl+A 拷貝 Ctrl+C
查找和替換 Ctrl+F 查找下一個 F3 替換 Ctrl+H 粘貼 Ctrl+V 剪切 Ctrl+X 重復(fù) Ctrl+Y 撤消 Ctrl+Z
切換斷點 Ctrl+Alt+B 向上選擇一行 Shift+Up 向下選擇一行 Shift+Down 選擇左邊字符 Shift+Left 選擇右邊字符 Shift+Right 向上翻頁 Page Up 向下翻頁 Page Down
向上選擇一頁 Shift+Page Up 向下選擇一頁 Shift+Page Down 選擇左邊單詞 Ctrl+Shift+Left 選擇右邊單詞 Ctrl+Shift+Right 移到行首 Home 移到行尾 End
移動到代碼頂部 Ctrl+Home 移動到代碼尾部 Ctrl+End
向上選擇到代碼頂部 Ctrl+Shift+Home 向下選擇到代碼頂部 Ctrl+Shift+End
編輯文本
創(chuàng)建新段落 Enter 插入換行 Shift+Enter
插入不換行空格 Ctrl+Shift+Spacebar
拷貝文本或?qū)ο蟮巾撁嫫渌恢?Ctrl+拖動選取項目到新位置 選取一個單詞雙擊
將選定項目添加到庫 Ctrl+Shift+B
在設(shè)計視圖和代碼編輯器之間切換 Ctrl+Tab 打開和關(guān)閉[屬性]檢查器 Ctrl+Shift+J 檢查拼寫 Shift+F7
格式化文本
縮進 Ctrl+] 左縮進 Ctrl+[
格式>無 Ctrl+0(零)段落格式 Ctrl+Shift+P
應(yīng)用標題1到6到段落 Ctrl+1 到 6 對齊>左對齊 Ctrl+Shift+Alt+L 對齊>居中 Ctrl+Shift+Alt+C 對齊>右對齊 Ctrl+Shift+Alt+R 加粗選定文本 Ctrl+B 傾斜選定文本 Ctrl+I 編輯樣式表 Ctrl+Shift+E
查找和替換文本
查找 Ctrl+F
查找下一個/再查找 F3 替換 Ctrl+H
處理表格
選擇表格（光標在表格中）Ctrl+A 移動到下一單元格 Tab
移動到上一單元格 Shift+Tab
插入行（在當前行之前）Ctrl+M
在表格末插入一行在最后一個單元格 Tab 刪除當前行 Ctrl+Shift+M 插入列 Ctrl+Shift+A
刪除列 Ctrl+Shift+(hyphen)
播放插件
播放插件 Ctrl+Alt+P 停止插件 Ctrl+Alt+X
播放所有插件 Ctrl+Shift+Alt+P 停止所有插件 Ctrl+Shift+Alt+X
處理模板
創(chuàng)建新的可編輯區(qū)域 Ctrl+Alt+V 插入對象
任何對象（圖象，Shockwave影片等）文件從[資源管理器]或[站點]窗口拖動到[文檔]窗口 圖象 Ctrl+Alt+I 表格 Ctrl+Alt+T
Flash影片 Ctrl+Alt+F
Shockwave和Director影片 Ctrl+Alt+D 命名錨記 Ctrl+Alt+A
歷史紀錄面板
打開[歷史紀錄]面板 Shift F10 開始/停止錄制命令 Ctrl+Shift+X 播放錄制好的命令 Ctrl+P
打開和關(guān)閉面板
對象 Ctrl+F2 屬性 Ctrl+F3 站點文件 F5 站點地圖 Ctrl+F5 資源 F11
CSS樣式 Shift+F11 HTML樣式 Ctrl+F11 行為 Shift+F3
歷史紀錄 Shift+F10 時間軸 Shift+F9 代碼檢查器 F10 框架 Shift+F2 層 F2
參考 Ctrl+Shift+F1
顯示/隱藏浮動面板 F4 最小化所有窗口 Shift+F4 最大化所有窗口 Alt+Shift+F4
獲得幫助
使用Dreamweaver[幫助主題] F1 參考 Shift+F1
Dreamweaver支持中心 Ctrl+F1
第三篇：dreamweaver習題
（習題包括判斷題和選擇題以及實驗題）單元1習題：（1）判斷題
1、Dreamweaver 是美國Macromedia公司開發(fā)的集網(wǎng)頁制作與管理網(wǎng)站于一身的網(wǎng)頁編輯器和開發(fā)工具?！?/p>
2、一個WEB站點至少需要一個主頁（home Page），可以有其他子頁（二級頁面等）?！?/p>
3、網(wǎng)頁的交互是指瀏覽者單擊欄目、超級鏈接等，以及鼠標經(jīng)過或放于某處時，頁面會作出相應(yīng)的反應(yīng)?！?/p>
4、網(wǎng)頁是指采用超文本標記語言編寫的，可以在瀏覽器下瀏覽的一種文檔?！?單元2習題：(1)判斷題：
1、一個超級鏈接鏈接的地址為：this.html#x11，其中x11是this.html頁中的某個錨點?！?/p>
2、Dreamweaver 支持在網(wǎng)頁中插入各種圖像，簡單的方法是選擇Insert（插入）菜單的中的image(圖像)子菜單項?！?/p>
3、×
4、采用目錄與錨點結(jié)合的辦法，可以實現(xiàn)在長的網(wǎng)頁文檔內(nèi)若某網(wǎng)頁背景顏色設(shè)置為FFFFF，則背景的顏色為黑色。部跳轉(zhuǎn)的功能。√
5、在網(wǎng)頁設(shè)計過程中，有時需要將幾個單元格進行合并，一般在Dreamweaver中操作方法是，拖動鼠標，將需要合并的單元格選中，然后點擊屬性工具欄中的“合并單元格”?！?/p>
6、選中表格后，Dreamweaver 中即可顯示表格屬性，即可對表格的對齊方式、高度、寬度，邊框樣式等進行設(shè)置?！?、8、在Dreamweaver中，非連續(xù)的單元格也可直接合并。× 對于框架網(wǎng)頁的保存方法是，若要保存所有框架頁，則在菜單項里選擇“file(文件)”菜單下的“save(保存）”即可?！?/p>
9、一幅圖像在網(wǎng)頁中是作為一個獨立的對象插入的，但是如果情況需要，則可以一幅圖象中設(shè)置多個“對象點”完成特定的功能，這個就是圖像熱點。√
10、若需要對文件進行超級鏈接設(shè)定，只需選中文字，鼠標右鍵打開屬性中在Link（鏈接）項中輸入需要鏈接的URL即可?！?/p>
(2)不定項選擇題：
1、在網(wǎng)頁中錄入文檔的方法有： abc A)直接錄入法。
B）從已有的文檔中通過剪貼板復(fù)制剪切粘貼的方法。
C）修改錄入的文檔的方法。D）以上均不正確
2、關(guān)于Dreamweaver的操作界面，下列說法正確的是：abd A)工具箱包含了常用的工具，制作網(wǎng)頁時用到這些工具。B)對象屬性浮動工具欄，對網(wǎng)頁制作時選擇的對象相適應(yīng)，用來設(shè)置對象的屬性。C)狀態(tài)欄，是表示出被編輯網(wǎng)頁的效果。
D)狀態(tài)欄，是表示出被編輯網(wǎng)頁中正在被編輯的標記名。
(3)實驗習題1：創(chuàng)建網(wǎng)站與網(wǎng)頁布局
一.創(chuàng)建一個個人網(wǎng)站
1.創(chuàng)建一個本地站點，存放在E盤或F盤上；文件夾名用自己姓名拼音縮寫。在該文件夾下創(chuàng)建一個圖象文件夾(如Images)，用于存放圖形文件。
2.創(chuàng)建一個遠程站點，存放在C:Inetpubwwwroot文件夾下，自己新建一個用于存放自己網(wǎng)站的文件夾，文件夾名mysite
二.制作網(wǎng)頁，使用表格設(shè)計網(wǎng)頁布局
3.在站點根文件夾下創(chuàng)建一個新文件，命名為default.htm,該頁為主頁，在標題欄輸入網(wǎng)頁標題(某某的網(wǎng)站)
4.新建 3-4 個網(wǎng)頁文件，網(wǎng)頁內(nèi)容自定。
5.建立default.htm頁與其它網(wǎng)頁的鏈接
實驗習題2：文本與圖像制作 頂部
一.網(wǎng)頁文字制作
1.建立文章網(wǎng)頁，內(nèi)容自己設(shè)計，進行文本的輸入。在段落結(jié)尾處使用段落標記
(直接按回車鍵)；在換行處使用換行符
(Shift+回車鍵)。
2.對當前網(wǎng)頁中的文本設(shè)置字體、字號(在使用不屬于系統(tǒng)基本字體時使用后備字體)
3.對當前網(wǎng)頁中的文本設(shè)置顏色
4.對當前網(wǎng)頁中的文本標題設(shè)置居中對齊
5.對當前網(wǎng)頁中的文本進行縮進
6.對當前網(wǎng)頁中的文本進行項目列表或與編號列表
二.在網(wǎng)頁中進行圖像的插入與處理
1.建立圖象網(wǎng)頁，插入圖片
2.自己設(shè)置各種圖片屬性?？墒褂胒ireworks處理圖象(如重新設(shè)置圖像大小、剪裁、改變亮度、優(yōu)化等)。
3.自選大小相同的圖片，創(chuàng)建輪換圖象。并建立與本站點網(wǎng)頁的鏈接
4.插入一張圖片，創(chuàng)建圖象地圖，并建立與本網(wǎng)站文件的鏈接
5.制作網(wǎng)站像冊，制作縮略圖到原圖的鏈接。
實驗習題3：超鏈接制作 頂部
1.新建一個網(wǎng)頁，創(chuàng)建以下各種超鏈接。選擇目標在新窗口打開
鏈接至網(wǎng)站
鏈接至當前站點網(wǎng)頁文件
鏈接至圖片文件
鏈接至word文檔
鏈接至flash動畫
鏈接至mp3聲音文件
鏈接至應(yīng)用程序文件
縮略圖至大圖的鏈接
2.制作文章網(wǎng)頁，在各節(jié)開頭處建立錨點；對各節(jié)標題建立至錨點的鏈接；在各節(jié)處建立返回到網(wǎng)頁項部的錨點鏈接
3.在網(wǎng)頁上建立一個信箱，創(chuàng)建給自己發(fā)送電子郵件的超鏈接。
4.制作一個推薦網(wǎng)站的跳轉(zhuǎn)菜單，加入各網(wǎng)站的URL地址 單元3習題（1）判斷題：
1、在制作網(wǎng)頁顯示時，若有一些網(wǎng)頁，他們有共同的標題、共同的目錄格式，只是某些內(nèi)容部分不太相同，這時，可以應(yīng)用框架網(wǎng)頁來加快網(wǎng)頁的顯示速度，避免重復(fù)載入頁面。√
2、WEB站點是指一系列可以通過Internet 瀏覽器瀏覽的，具有相互超級鏈接的多媒體文檔的集合以及完成這些文檔的存放、查找、搜索、發(fā)布的物理設(shè)備和其他相關(guān)軟硬件系統(tǒng)的集合√
3、在制作框架網(wǎng)頁時，如果需要保存所有框架網(wǎng)頁，則只需要選擇文件菜單中的SAVE即可保存所有框架網(wǎng)頁?！粒?）不定項選擇題：
1下列不屬于站點管理器的功能的是：ab E)可以實現(xiàn)快速超級鏈接。
B）可以自動糾正超級鏈接的更改。
C）可以自動發(fā)布制作好的網(wǎng)頁。D）可以自動升級網(wǎng)站的WEB服務(wù)。
2在框架式網(wǎng)頁中添加超級鏈接時，如果對象的“target(目標框架)”屬性為以下時，則可以新窗口打開鏈接頁。abd F)_blank
B）_parent
C）_self
D）_top
E）main
（3）實驗習題：使用表格進行網(wǎng)頁布局
1.新建一個網(wǎng)頁，根據(jù)網(wǎng)頁布局要求插入一個表格，行列數(shù)自定，寬度為780象素，邊框為0
2.對以上建立的表格進行單元格合并或拆分；對表格行寬和列高進行適當調(diào)整； 對表格進行插入行或列的操作
3.對建立的表格的單元格中插入嵌套表格
4.對表格或單元格設(shè)置自選背景圖象
5.在以上建立的表格中插入圖象與文字；設(shè)置對各單元格水平居中對齊，垂直頂端對齊；設(shè)置單元格為“不換行 單元4習題（1）判斷題：
1、作為網(wǎng)頁定位技術(shù)的表格與層，相對來說表格更為通用，因為層需要瀏覽器的支持，而表格在任何瀏覽器下都沒有問題?！?/p>
2、網(wǎng)頁中引入層技術(shù)，在層中可以插入各種對象，而且各個層可以嵌套、重疊、交蓋等，但不是所有的瀏覽器都支持層技術(shù)?！?/p>
3、表單網(wǎng)頁中，一頁表單，至少且只能有一個表單標記，至少有一個提交的按鈕?！粒?）不定項選擇題
3、網(wǎng)頁中的若有多層，下列哪個屬性決定層的視覺關(guān)系。ac A)Z-index
B）Layer
C）Top
D）left
4、Dreamweaver 能實現(xiàn)的關(guān)于站點管理的內(nèi)容有：abcd A)檢查站點的超級鏈接
B）生成站點報告、錯誤查找和修改。
C）定義站點
D）測試站點
5、在網(wǎng)頁中插入水平線，一般可以設(shè)置水平線的以下屬性abc A)水平線的寬度。B）水平線的顏色。C）水平線的粗細程度。D）水平線的層疊次序。
6、網(wǎng)頁中的超級鏈接可以鏈接到。abcd A)鏈接到本網(wǎng)站中的其他網(wǎng)頁。
B）鏈接到本文件中某錨點位置。
C）可以其他站點中的某個位置。
D）可以鏈接到某網(wǎng)站中的某個文件對象。
7、在Dreamweaver MX 中，站點管理包括五大設(shè)置項，下列說法錯誤的是：bcd A)Local info 設(shè)置站點的名稱、本地文件夾映射位置，站點在Internet 上的位置等。
B)Remote info 設(shè)置站點的遠程信息，包括遠程服務(wù)器的訪問方式，帳號、密碼等。
C)Design Notes 設(shè)置網(wǎng)頁設(shè)計過程中是還否保持制作的記錄等。
D)Quick View 設(shè)置站點網(wǎng)頁顯示效果。E)Site Map Layer 站點地圖項，設(shè)置站點地圖的顯示方式等。（3）實驗習題
.使用布局視圖進行網(wǎng)頁布局
1.使用Fireworks設(shè)計網(wǎng)頁布局，文檔大小760*700像素、導(dǎo)入或自己繪制網(wǎng)頁所需圖形。將各個圖形分別導(dǎo)出，存放在自己站點圖象文件夾中、將整個網(wǎng)頁圖象保存做為跟蹤圖。
2.新建一個網(wǎng)頁存盤，修改頁面屬性，設(shè)置跟蹤圖象(使用Fireworks設(shè)計的網(wǎng)頁布局圖象作為跟蹤圖象)，透明度為50%
3.進入布局視圖，繪制布局表格與布局單元格。
4.根據(jù)網(wǎng)頁的跟蹤圖象，對繪制的布局表格與單元格進行調(diào)整或移動
5.在布局單元格中插入圖象
6.返回標準視圖，設(shè)置為單元格背景、輸入文字等。三.制作框架網(wǎng)頁
1.新建一個框架網(wǎng)頁(框架類型自選)
2.在各框架內(nèi)插入內(nèi)容或打開網(wǎng)頁，保存各框架頁與框架集
3.設(shè)置各框架屬性(邊框、滾動條等)
4.建立左框架與右框架文章中錨點的鏈接，要求目標框架為右邊的框架
5)建立左邊導(dǎo)航條中返回主頁的鏈接，設(shè)置目標框架為top 單元5、6習題(1)判斷題
1、網(wǎng)頁制作中，層的“Z-index”屬性表示層的層疊次序，數(shù)值大于0表示在頁面的上面，數(shù)據(jù)小于0表示在頁面的上面，數(shù)值越大就越先看見。×
2、在Dreamweaver里，層與表格之間是可以轉(zhuǎn)換的，但要求層之間不能有重疊多層的情況
3、flash中的導(dǎo)線工具，在真正的層中顯示時并不可見?！?/p>
4、GIF動畫的文件大小相對較大，若用flash 導(dǎo)入后轉(zhuǎn)換為矢量動畫就可縮小?！?/p>
5、在追求速度為先的網(wǎng)頁設(shè)計時，可以多用圖象，在追求美觀為先的網(wǎng)頁設(shè)計時，可以多用文字。×
6、Dreamweaver模板可以在局部應(yīng)用，但不能應(yīng)用于整個站點。×
CSS樣式的使用實驗習題
一.制作文章頁或詩詞頁，設(shè)置頁面屬性
1)新建或打開網(wǎng)頁，設(shè)置頁面默認字體。
2)設(shè)置頁面上邊距為0、左邊距為10。
3)設(shè)置頁面背景圖片
4)設(shè)置鏈接顏色
二.創(chuàng)建自定義的CSS樣式
1.創(chuàng)建自定義的CSS樣式(存放在CSS樣式表文件中)——標題
1、標題2等，使用類型面板設(shè)計字體樣式，并應(yīng)用到當前網(wǎng)頁中。
2.創(chuàng)建自定義的CSS樣式“正文”，字體大小為10點數(shù)，字體幼圓；行高為1.8倍行高，并應(yīng)用到當前網(wǎng)頁中。
三.重定義HTML標簽
1.修改Body標簽,使用背景面板設(shè)置背景圖象.不重復(fù)、固定、自定位置
使用區(qū)塊面板設(shè)置文本對齊為居中。
四.修改CSS樣式.1.修改自己所建的標題1模式，使用區(qū)塊面板設(shè)置文本對齊為居中
2.重定義“正文”模式，縮進2個字
3.修改標題模式，使用邊框面板設(shè)置下邊框為雙線、顏色自選
五.附加CSS樣式表
新建一個網(wǎng)頁，附加以上建立的CSS樣式表，并應(yīng)用樣式。
六.使用CSS樣式中的過濾器
1.新建一個圖片網(wǎng)頁，使用表格布局后插入圖片。
2.新建樣式，僅應(yīng)用該文檔，設(shè)置Alpha透明度為50%(在擴展面板的濾鏡下拉列表框中設(shè)置Alpha(Opacity=50)
3.新建一個樣式invert，僅應(yīng)用該文檔，(在擴展面板的濾鏡下拉列表框中選擇invert)
4.建立樣式gray，F(xiàn)lipH，Xray，5.對圖片后分別設(shè)置以上新建的樣式后在瀏覽器中查看效果
第四篇：DreamWeaver教案
第一部分 網(wǎng)頁基礎(chǔ)
1、了解網(wǎng)頁設(shè)計的相關(guān)知識：
Frontpage/網(wǎng)頁四劍客/ Html/ Asp/ Java腳本語言等
2、熟悉Dreamweaver工作窗口
3、掌握常用工具的打開方法
文檔/標準/插入/屬性/CSS樣式/行為/站點/資源/框架/層/時間軸等
4、掌握HTML網(wǎng)頁源代碼編寫的基本語法結(jié)構(gòu) 第二部分 HTML的使用
1、HTML是超文本標記/描述語言，它編寫網(wǎng)頁源代碼，是網(wǎng)頁設(shè)計的基礎(chǔ)。
2、掌握HTML的語法規(guī)則
3、掌握常用標簽的使用，實例演示
4、頁面屬性設(shè)置：修改→頁面屬性(Ctrl+J)練習題：通過HTML設(shè)計簡單網(wǎng)頁 要求：1>新建站點
2>在站點中新建一個普通網(wǎng)頁
3>在普通網(wǎng)頁中添加常用網(wǎng)頁元素 第三部分 文本的編輯與基本操作
1、熟悉網(wǎng)頁的組成元素，其中文字是最基本的，是網(wǎng)頁的主體，主要用來傳達信息。
2、掌握文本的創(chuàng)建與編輯操作
3、設(shè)置網(wǎng)頁文字效果
利用屬性面板/插入面板
4、利用文本創(chuàng)建超鏈接
5、網(wǎng)頁屬性設(shè)置（頁面屬性/系統(tǒng)網(wǎng)頁樣式）上機練習：
圖文混排（包括文本編輯/文本格式/水平線/超鏈接/ 圖片/表格等）
第四部分 網(wǎng)頁圖像
1、圖像點綴網(wǎng)頁，形象直觀、豐富多彩
2、掌握圖像在網(wǎng)頁中的作用及常用圖像格式
3、掌握在網(wǎng)頁中創(chuàng)建各種圖像的具體操作
4、編輯圖像（設(shè)置圖像屬性）
熱點鏈接及改變大小等
練習：變換圖片效果（照片變換）第五部分 層疊樣式表（CSS）
1、了解CSS的含義、作用、分類
2、具體操作（樣式面板）
創(chuàng)建CSS樣式/編輯樣式表/刪除樣式表/附加樣式表/應(yīng)用CSS樣式 上機練習：
<1>新建樣式（內(nèi)部樣式）
<2>新建一個外部樣式表文件（.css）<3>新建CSS特殊樣式（格式化超鏈接）<4>制作電子相冊
第六部分 頁面的版面布局
1、了解版面布局設(shè)計方案及要求
2、利用表格布局網(wǎng)頁
掌握表格的創(chuàng)建、編輯、設(shè)置屬性 上機練習：
用隱藏的表格進行整個網(wǎng)頁布局
3、層的使用
<1>了解層的含義、作用 <2>層的操作（層面板）
創(chuàng)建/編輯/用層設(shè)計表格 上機練習： <1>在網(wǎng)頁頁面中應(yīng)用描繪層實現(xiàn)圖像和文字的精 <2>制作導(dǎo)航條（用導(dǎo)航條設(shè)計欄目）
準備好所需的按鈕圖片→插入面板→常用→導(dǎo)航條
4、使用框架布局頁面
<1>了解框架的含義、作用、組成及HTML語法結(jié)構(gòu) <2>掌握創(chuàng)建框架的方法 <3>框架的基本編輯操作
選定/保存/刪除/設(shè)置屬性
第八部分 表單的使用（交互式表單）
1、了解表單的含義、作用、組成及HTML標簽
2、認識各種表單對象并創(chuàng)建表單
3、使用行為驗證表單
制作和驗證客戶表單或個人簡歷表單
4、提交表單
設(shè)置并上網(wǎng)申請站點→發(fā)布站點→預(yù)覽效果 第九部分 生成動態(tài)特效（時間軸和行為）
一、時間軸
1、了解什么是時間軸及其作用
2、打開認識時間軸
3、使用時間軸創(chuàng)建動畫
<1>創(chuàng)建層動畫（文字/圖像）：通過時間軸來改變圖層的位置、大小、可見性及疊放順序。<2>創(chuàng)建圖像動畫（切換）
4、編輯時間軸
二、行為
1、了解行為及其包含的基本元素
2、掌握網(wǎng)頁設(shè)計中常用事件及常用動作
3、掌握為具體為對象附加行為的操作方法
舉例：為網(wǎng)頁中經(jīng)常暴發(fā)的事件，指定執(zhí)行各種特 定的任務(wù)
第十部分 插入多媒體組件
1、了解什么是多媒體
2、掌握在網(wǎng)頁中應(yīng)用Flash動畫、聲音文件、視頻文
件、日期等
3、網(wǎng)頁中使用計數(shù)器（免費申請獲取代碼→網(wǎng)站上傳
→預(yù)覽）
第十一部分 模板與庫的應(yīng)用
一、模板：
1、了解模板的定義、組成、作用、特點
2、認識模板面板
3、模板操作 創(chuàng)建（.dwt）/編輯/應(yīng)用/更新/模板與文檔分離/管理
二、庫
1、了解庫的概念、作用
2、了解什么是庫項目、掌握庫項目的創(chuàng)建/編輯/應(yīng)用/更新/文檔與庫項目分離
第五篇：dreamweaver筆記
彈出菜單
彈出菜單在網(wǎng)頁制作中是一種非常常用的菜單方式，這種菜單不但制作簡單，而且效果也很
好。
效果說明
本實例所要完成的效果是當鼠標移動到文字上時，就會彈出一個漂亮的菜單，如圖 17-1
和圖 17-2 所示。
創(chuàng)作思想
本實例首先在網(wǎng)頁中輸入一行文字，并對文字做一個特殊的超鏈接，然后利用
Dreamweaver MX 2004 自帶的行為制作彈出菜單。
操作步驟
（1）輸入文字并設(shè)置超鏈接。在網(wǎng)頁中輸入文字，因為單獨的文本文字是無法添加行為的，按照 Dreamweaver 中的約定，將文字的超鏈接設(shè)置為“ javascript:;”才能夠添加行為。所以將文字的超鏈接設(shè)為“ javascript:;”，并執(zhí)行【顯示彈出式菜單】行為，如圖 17-3 所示。
（2）設(shè)置菜單項和子菜單項，并為菜單設(shè)置超鏈接，然后安排好各個菜單的次序，如圖 17-4 所示。
（3）設(shè)置頁面元素。將菜單設(shè)置為垂直菜單，并分別設(shè)置菜單的字體、字號、對齊方式、一般狀態(tài)和鼠標滑過時的狀態(tài)，如圖 17-5 所示。
（4）設(shè)置【高級】標簽。在【高級】標簽選項中設(shè)置菜單的延遲時間，以及是否顯示菜單邊框。然后設(shè)置邊框的寬度、顏色、陰影、高亮，如圖 17-6 所示。
注意：【菜單延遲】中時間的單位是毫秒（ms），1000 毫秒等于 1 秒，在設(shè)置時
注意換算。
（5）設(shè)置的 x 軸和 y 軸參數(shù)。在【位置】標簽選項中設(shè)置彈出菜單的 x 軸和 y 軸參數(shù)，這兩個參數(shù)表示彈出菜單左上角到網(wǎng)頁左上角的距離，如圖 17-7 所示。
（6）保存網(wǎng)頁文件，然后在瀏覽器中打開該網(wǎng)頁，將鼠標光標移動到文字上方時即可看到有菜單彈出，本實例操作完畢。通過 Dreamweaver，可以快速制作出以往只能用復(fù)雜代碼才能實現(xiàn)的彈出菜單，這樣可以實現(xiàn)復(fù)雜菜單的彈出和收縮，方便使用又能讓頁面美
觀、整潔。
滑動折疊菜單
在網(wǎng)頁展示平面有限的情況下，折疊菜單是一個很不錯的選擇。這種菜單在一般情況下是折疊起來的，只有當瀏覽者將鼠標移動到菜單上時，菜單才會滑動展開。
效果說明
當鼠標不在菜單上時，菜單處于折疊狀態(tài)，看起來是很普通的一個菜單欄，如圖 18-1 所示。當鼠標移動到菜單欄上時，該菜單的子菜單就會慢慢滑動展開，如圖 18-2 所示。
創(chuàng)作思想
先在一個圖層中輸入文字，形成菜單折疊時的狀態(tài)，再使用圖層展開時間軸動畫來實現(xiàn)
滑動展開菜單的效果。
操作步驟
（1）新建文件并添加層。新建一個網(wǎng)頁文件，在網(wǎng)頁中添加一個父層（第一級的層）和一個子層（第二級的層），分別設(shè)置兩個圖層的大小和位置，如圖 18-3 所示。
（2）設(shè)置表格和文字。在 layer1 層中插入表格，設(shè)置好表格的高度和背景，然后在表格內(nèi)輸入文字并設(shè)置好文字的格式，如圖 18-4 所示。
3）設(shè)置 layer2 層。設(shè)置 layer2 層的背景顏色，然后在其上輸入文本并設(shè)置超鏈接，再將 layer2 層添加到時間軸上，以后便可對 layer2 層進行時間軸動畫操作，如圖 18-5 所
示。
（4）新建一個時間軸 Timeline2，然后將 layer2 層添加到新的時間軸上，如圖 18-6
所示。
提示：不同的時間軸可以實現(xiàn)對不同對象的控制，也可以實現(xiàn)多個不同動畫。
（5）設(shè)置時間軸。分別對時間軸 Timeline1 的第 1 幀和時間軸 Timeline2 的第 15 幀進行設(shè)置（這里以第 15 幀作為動畫的最后一幀），如圖 18-7 所示。
提示：只需要改變時間軸的關(guān)鍵幀，就可以直接生成動畫效果，本例將時間軸 Timeline1 第 1 幀中 Layer2 層的高設(shè)置為 0px，這樣就生成了層慢慢滑出的動畫效果。
（6）添加行為。選擇表格中的第一個單元格，然后為單元格添加 onMouseOver（鼠標移到單元格上面時）時的行為到播放時間軸 Timeline1，如圖 18-8 所示。
（7）繼續(xù)添加行為。再為該單元格添加 4 個 onMouseOut（鼠標移開時）行為，參數(shù)設(shè)
置如圖 18-9 所示。
（8）添加 2 個行為。選擇 layer2 層，并分別添加兩個 onMouseOver 和兩個
onMouseOut，具體操作如圖 18-10 所示。
（9）保存網(wǎng)頁文件，然后在 IE 中進行預(yù)覽，本實例操作完畢。通過時間軸上不同對象在不同時間的狀態(tài)，再結(jié)合時間軸的播放、停止和跳轉(zhuǎn)是 Dreamweaver 中實現(xiàn)動畫效果的最基本方法，讀者可以充分利用這些功能來實現(xiàn)更精彩的效果。
全景圖瀏覽效果
是否有見過游戲中的全景圖效果，充滿動畫與真實感，讓人難以忘懷。在本例中就介紹如何
制作這樣的網(wǎng)頁。
效果說明
建立文件，選擇一張全景圖素材，然后插入少量的代碼就可以實現(xiàn)全景圖瀏覽效果，如圖 43-1 所示。實際效果請瀏覽隨書光盤中《源文件》目錄下的相關(guān)文件。
創(chuàng)作思想
打開 Dreamweaver MX 2004 軟件新建頁面并插入表格，在表格的 HTML 代碼中插入
操作步驟
（1）新建一個基本的 html 文件，然后保存頁面為“ 43.htm ”。
（2）插入表格。要使全景圖在指定的區(qū)域中走動，必須先插入表格，如圖 43-2 所
示。
提示：圖 43-2 中的第五步操作必須將高度設(shè)置得與圖片一樣高。
（3）插入標簽。然后在工具欄中單擊【標簽選擇器】圖標，打開【標簽選擇器】對話框，在該對話框中設(shè)置參數(shù)，插入
提示：標簽選擇器對話框中匯集了一些常用的標簽，如 HTML 標簽、CFML 標簽、ASP.NET 標簽等，通過雙擊相應(yīng)的代碼標簽，就可以很輕松地在代碼視圖中插入代碼。
（4）設(shè)置參數(shù)。接著設(shè)置
（5）再接下來需要在代碼視圖里手動添加代碼?；氐酱a面板，將光標切換到
（讀者可打開【光盤】｜【源文件】｜【實例 43 】｜【 43.1.txt 】文件，直接復(fù)制
代碼）
提示：
中第三步操作里的 HTML 代碼進行調(diào)整。
（6）保存文件，完成操作。
全景圖合適用于廠房、展廳等大型演示上，因為單一鏡頭圖片不能讓用戶看到全景，通過全景圖則能夠讓需要展示的大型場景一覽無余。
隨機播放背景音樂的網(wǎng)頁
相信很多人在打開娛樂網(wǎng)站或個人主頁時，經(jīng)常都會聽到一些音樂。本例將介紹如何實現(xiàn)在網(wǎng)頁上隨機播放背景音樂。
效果說明
建立文件，循環(huán)插入要播放的音樂，便可制作出動感的背景音樂，而且是隨機的。實際效果請瀏覽隨書光盤中【源文件】下的對應(yīng)文件。
創(chuàng)作思想
打開 Dreamweaver MX 2004 軟件新建頁面，再選擇【行為】面板下的【 + 】選項插播音樂，設(shè)置參數(shù)。然后重復(fù)此操作 4 次，就可以隨機播放背景音樂。
操作步驟
（1）打開 Dreamweaver MX 2004 軟件新建文件，并保存頁面。
（2）選擇好“標簽”頁，在“行為”面板中插入要播放的音樂文件，如圖 55-1 所
示。
（3）接著選擇插入的聲音文件，打開參數(shù)窗口，設(shè)置其參數(shù)，如圖 55-2 所示。
（4）重復(fù)執(zhí)行圖 55-1 和圖 55-2 所示的操作 4 次，這樣就添加了 4 種音樂，使得程序可以隨機在這四種音樂中挑選其中一首來播放。因此，圖 55-1 中所示的第四步操作
要選擇不同的音樂文件。
（5）保存文件，完成操作。適當放置輕松的音樂背景，可以讓用戶感覺更輕松、愉
快。
網(wǎng)頁滾動布告欄
如果想要在網(wǎng)頁里顯示最新信息、新聞、通知、布告等較長的文字信息，而又不想占用太多的網(wǎng)頁空間，可以使用滾動報告欄。
滾動報告欄通常是通過利用 Javascript 技術(shù)控制網(wǎng)頁中的層的滾動來實現(xiàn)的，然而手工編寫 Javascript 代碼進行制作肯定是比較復(fù)雜、困難的事情。使用 Dreamweaver 為用戶提供的【 ScrollableArea 】插件可以快速便捷地制作出滾動報告欄。
效果說明
用戶可以通過滾動欄上的【向上滾】和【向下滾】兩個按鈕控制報告欄文字的滾動速度和方向。實際效果請瀏覽隨書光盤中【源文件】下的對應(yīng)文件。
創(chuàng)作思想
在隨書光盤中找到“ ScrollableArea ”插件，然后運行 Macromedia 的插件管理器安裝插件。接著打開 Dreamweaver MX 2004, 在【命令】菜單中單擊【 dHTML AP Scrollable Area 】選項，就可以開始設(shè)計滾動布告欄了。
操作步驟
（1）安裝插件。首先在隨書光盤中的【源文件】 / 【實例 56 】目錄里面找到 Dreamweaver 的“ ScrollableArea.mxp ”插件，接著運行 Macromedia 的插件管理器“ Extension Manager.exe ”，Macromedia 的插件管理器是隨 Dreamweaver 自動安裝的，通常和 Dreamweaver 安裝在同一目錄下面的“ Extension Manager ”文件夾里面。
（2）選擇插件管理器菜單欄上的【文件】菜單進行操作，如圖 56-1 所示。
提示：如果插件文件已經(jīng)和 Macromedia 的插件管理器建立了文件關(guān)連，那么直接雙擊插件文件就可以自動打開 Macromedia 的插件管理器安裝插件了。
（3）單擊【安裝】按鈕后會彈出一個安裝協(xié)議窗口。單擊安裝協(xié)議窗口上面的【接
受】按鈕完成安裝。
（4）設(shè)置 滾動布告欄。安裝完插件后運行 Dreamweaver MX 2004，打開或者新建一個 web 文檔，進行如圖 56-2、圖 56-3 和圖 56-4 所示的操作。
（5）經(jīng)過上面的操作，基本完成了滾動布告欄的制作。在 Dreamweaver 中執(zhí)行【文件】 / 【在瀏覽器中預(yù)覽】 / 【 IE 瀏覽器】命令或者單擊鍵盤上的 F12 鍵預(yù)覽網(wǎng)頁時，可能會出現(xiàn)不正常顯示的情況，這是由于 ScrollableArea 產(chǎn)生的代碼中沒有設(shè)置圖層位置的單位。執(zhí)行如圖 56-5 和圖 56-6 所示的操作，即可解決這個問題。
（6）執(zhí)行完如圖 56-6 所示的操作后，在圖 56-5 中所示的第 3 步再分別選擇【＃ divDownControl 】、【＃ divContainer 】和【＃ divContent 】選項，然后再分別執(zhí)行如圖 56-6 所示的操作。給 4 種樣式分別加上【像素】單位后測試網(wǎng)頁，就可以看到如圖
56-7 所示的滾動公告欄了。
（7）將鼠標光標分別移動到【 Scroll up 】和【 Scroll down 】上面，就可以看
到中間的文字上下滾動了。
Dreamweaver 的插件種類繁多，功能強大。善于發(fā)現(xiàn)和使用插件，可以制作出一些
Dreamweaver 本身望塵莫及的效果。
更多實例請閱讀《Dreamweaver網(wǎng)
點擊咨詢 