模塊1 了解開發(fā)工具，制作基本網(wǎng)頁
任務(wù)引領(lǐng) “世界你好！”
1．網(wǎng)站項目開發(fā)流程
2．Dreamweaver的下載與啟動
3．Dreamweaver的操作界面
4．可自由擺放的面板組
項目漸近 網(wǎng)站項目“我心飛揚”之
第一階段“溫馨提示”
回味思考

模塊2 構(gòu)建網(wǎng)頁的圖文信息
任務(wù)引領(lǐng)1 “古詩鑒賞”
1．創(chuàng)建網(wǎng)站制作空間
2．設(shè)置網(wǎng)頁文檔屬性
3．修改文字屬性
4．利用項目列表整理散亂的內(nèi)容
5．在網(wǎng)頁文檔中插入水平線
6．插入各種符號
任務(wù)引領(lǐng)2 “名車風采”
1．在網(wǎng)頁文檔中插入圖像
2．優(yōu)化圖像和段落
3．制作鼠標響應(yīng)的翻轉(zhuǎn)菜單
4．利用超鏈接連接相關(guān)網(wǎng)頁
5．利用“錨”功能定位到網(wǎng)頁特定位置
6．利用圖像熱點設(shè)置鏈接
7．設(shè)置文件頭標簽
項目漸近 網(wǎng)站項目“我心飛揚”之
第二階段“發(fā)布圖文信息”
拓展訓練 “產(chǎn)品介紹”
回味思考

模塊3 利用表格和框架設(shè)計規(guī)整的網(wǎng)頁
任務(wù)引領(lǐng)1 “課程表”
1．在網(wǎng)頁中應(yīng)用表格
2．設(shè)置表格和單元格屬性
任務(wù)引領(lǐng)2 “時尚話題”
1．利用表格對頁面進行布局
2．利用表格設(shè)計特殊頁面布局
3．在表格中插入背景圖像
4．使用“跟蹤圖像”功能輔助布局定位

模塊3 利用表格和框架設(shè)計規(guī)整的網(wǎng)頁
任務(wù)引領(lǐng)3 “中國名勝”
1．利用框架提高空間利用率
2．創(chuàng)建并保存框架
3．相關(guān)框架屬性
4．制作框架網(wǎng)頁
5．利用IFRAME，在網(wǎng)頁的內(nèi)部顯示另一個網(wǎng)頁
項目漸近 網(wǎng)站項目“我心飛揚”之
第三階段“愛好分享”
拓展訓練 “求職網(wǎng)頁”設(shè)計
回味思考

模塊4 層的應(yīng)用
任務(wù)引領(lǐng) “拼圖游戲”網(wǎng)頁設(shè)計
1．理解層概念
2．創(chuàng)建并應(yīng)用層
3．靈活運用層的高級屬性
項目漸近 網(wǎng)站項目“我心飛揚”之
第四階段“最新公告”
拓展訓練 “滾動的公告欄”設(shè)計
回味思考

模塊5 在網(wǎng)頁中展示多媒體
任務(wù)引領(lǐng)1 “點歌臺”
1．利用多媒體制作動態(tài)效果網(wǎng)頁
2．在網(wǎng)頁文檔中插入背景音樂
3．在指定位置插入影像
4．設(shè)置影像的詳細屬性
任務(wù)引領(lǐng)2 “小廣告”
1．Flash簡介
2．在網(wǎng)頁文檔中插入Flash視頻FLV
3．Flash“屬性”面板
4．在網(wǎng)頁文檔中插入Flash動畫SWF
5．設(shè)置透明的Flash動畫背景
項目漸近 網(wǎng)站項目“我心飛揚”之
第五階段“頁頭的制作”
拓展訓練 “節(jié)日祝福”
回味思考

模塊6 高效制作更為精致的網(wǎng)頁
任務(wù)引領(lǐng)1 “產(chǎn)品說明書”
1．理解CSS樣式表
2．改變文字屬性
3．修改行間距
4．修改鏈接的顯示風格
5．制作列表圖標
6．固定背景圖像的位置

模塊6 高效制作更為精致的網(wǎng)頁
任務(wù)引領(lǐng)2 “散文集”
1．運用保存素材的庫
2．運用保存在庫中的項目
3．利用模板功能批量制作網(wǎng)頁
項目漸近 網(wǎng)站項目“我心飛揚”之
第六階段美化并高效制作各頁面
拓展訓練 “流行文學作品薈萃”
回味思考

模塊7 運用“行為”功能提升用戶體驗
任務(wù)引領(lǐng)1 “動物世界：網(wǎng)絡(luò)相冊”
1．Dreamweaver行為的概念和作用
2．認識事件
3．認識動作
4．行為的應(yīng)用順序
5．圖形類常用行為的添加
任務(wù)引領(lǐng)2 “百變頁面”
1．添加拖動圖層的行為
2．在網(wǎng)頁上添加彈出窗口
3．替換容器文本
4．設(shè)置狀態(tài)欄文本
5．改變特定區(qū)域文本大小
6．設(shè)定直接跳轉(zhuǎn)到其他頁面
項目漸近 網(wǎng)站項目“我心飛揚”之
第七階段“交互效果”添加
拓展訓練 “導航菜單”設(shè)計
回味思考

模塊8 使用“插件”事半功倍
任務(wù)引領(lǐng) “首頁效果”
1．理解插件
2．制作隨機廣告圖片和幻燈片
3．自動啟動的電子郵件服務(wù)
4．定義鼠標右鍵菜單
5．根據(jù)瀏覽器大小自動改變背景圖片
6．文字滾動顯示的效果
7．始終位于指定位置的層
8．圖片輪播
項目漸近 網(wǎng)站項目“我心飛揚”之
第八階段“圖片輪播”的制作
拓展訓練 “影集”設(shè)計
回味思考

模塊9 制作可讓用戶提交信息的表單文檔
任務(wù)引領(lǐng) “旅游訂購單”
1．網(wǎng)頁交互的定義
2．表單的知識
項目漸近 網(wǎng)站項目“我心飛揚”之
第九階段“給我留言”
拓展訓練 “吧友注冊”設(shè)計
回味思考

模塊10 制作能提供會員注冊、登錄功能的動態(tài)頁面知識要點
任務(wù)引領(lǐng)1 “網(wǎng)站服務(wù)器架設(shè)”
1．把“我”的個人電腦配置成網(wǎng)站服務(wù)器
2．還有哪些Web服務(wù)
3．如何使IIS顯示自己的網(wǎng)站
任務(wù)引領(lǐng)2 “用數(shù)據(jù)庫存儲賬號信息”
1．數(shù)據(jù)庫的定義
2．Access數(shù)據(jù)庫的安裝
3．Access的使用
4．數(shù)據(jù)庫
任務(wù)引領(lǐng)3 “站點權(quán)限設(shè)置”
1．什么情況下需要進行站點權(quán)限設(shè)置
2．為什么給用戶“Everyone”完全控制的權(quán)限
任務(wù)引領(lǐng)4 “會員注冊”
1．調(diào)試中查看錯誤信息
2．注冊登錄的實質(zhì)
3．ASP網(wǎng)頁結(jié)構(gòu)
任務(wù)引領(lǐng)5 “會員登錄與注銷”
項目漸近 網(wǎng)站項目“我心飛揚”之
第十階段“用戶登錄”
拓展訓練 “日記本”
回味思考

模塊11 項目網(wǎng)站綜合完善
11．1 項目網(wǎng)站最終效果
11．2 項目網(wǎng)站完善
11．3 項目網(wǎng)站總結(jié)
回味思考
參考文獻
附錄
附錄A HTML基礎(chǔ)
附錄B CSS基礎(chǔ)
附錄C DIV+CSS布局基礎(chǔ)