模塊1 認識開發(fā)工具，了解基本網頁

任務引領 “世界你好”

1.網站項目開發(fā)流程

2.Dreamweaver的下載與啟動

3.Dreamweaver的操作界面

4.自由擺放的面板組

項目漸進 網站項目“我心飛揚”之第1階段“溫馨提示”

回味思考

模塊2 構建網頁的圖文信息

任務引領1 “古詩鑒賞”

1.創(chuàng)建網站制作空間

2.設置網頁文檔屬性

3.修改文字屬性

4.使用項目列表

5.在網頁文檔中插入水平線

6.插入各種符號

任務引領2 “名車風采”

1.在網頁中插入圖像

2.優(yōu)化圖像和段落

3.制作圖標響應的翻轉菜單

4.利用超級鏈接連接相關網頁

5.利用圖像熱點，在一張圖像上設置多個不同的鏈接

6.設置文件頭標簽

項目漸進 網站項目“我心飛揚”之第2階段“熱門圖文”

拓展訓練 “產品介紹”

回味思考

模塊3 利用表格和內聯(lián)框架設計規(guī)整的網頁

任務引領1 “幼兒園食譜”

1.在網頁中應用表格

2.設置表格和單元格屬性

任務引領2 “黨史學習”

1.利用表格對頁面進行布局

2.利用表格設計特殊頁面布局

3.在表格中插入背景圖像

4.使用“跟蹤圖像”功能輔助布局定位

任務引領3 “古典名著”

1.利用IFRAME表現框架效果

2.在IFRAME中打開外部網頁文檔

項目漸進 網站項目“我心飛揚”之第3階段“愛好分享”

拓展訓練 “求職網頁”

回味思考

模塊4 在網頁中展示多媒體

任務引領 “點歌臺”

1.媒體文件的概念

2.網頁中調用音頻

3.網頁中展示視頻

4.在Dreamweaver中插入其他媒體文件

項目漸進 網站項目“我心飛揚”之第4階段“熱點視頻”

拓展訓練 “節(jié)日祝福”

回味思考

模塊5 精致網頁從樣式表開始

任務引領 “產品說明書”

1.理解CSS樣式表

2.改變文字屬性

3.修改超鏈接的顯示風格

4.制作列表圖標

5.固定背景圖像的位置

項目漸進 網站項目“我心飛揚”之第5階段“愛好分享”

拓展訓練 “保護環(huán)境衛(wèi)生通告”

回味思考

模塊6 制作移動優(yōu)先、響應快速的精美網站

任務引領1 “包含頁頭和頁腳的‘世界你好！’”

1.為什么推薦Div+CSS布局而非表格(table)布局？

2.Div+CSS布局核心及常用樣式

任務引領2 “教學資源下載”

1.Web前端框架

2.Bootstrap的特點

3.Bootstrap的使用

4.Bootstrap屏幕劃分

5.Bootstrap布局

6.Bootstrap組件

7.Bootstrap排版樣式

任務引領3 “美味漢堡”

1.創(chuàng)建Bootstrap文檔

2.添加Bootstrap組件

3.調整列的尺寸和使列發(fā)生偏移

項目漸進 網站項目“我心飛揚”之第6階段“公告”與“輪播”

拓展訓練 “我心飛揚”首頁布局制作

回味思考

模塊7 高效制作風格一致的網頁

任務引領 “散文在線”

1.運用保存素材的庫

2.運用保存在庫中的項目

3.利用模板功能批量修改或制作網頁

4.基于現有文檔創(chuàng)建模板

項目漸進 網站項目“我心飛揚”之第7階段“高效制作各頁面”

拓展訓練 “流行文學作品薈萃”

回味思考

模塊8 運用“行為”功能提升用戶體驗

任務引領 “變臉”

1.Dreamweaver行為的概念和作用

2.認識事件

3.認識動作

4.事件與行為的對應關系

5.“行為”面板概述

6.常用內置JavaScript行為

項目漸進 網站項目“我心飛揚在”之第8階段“快速鏈接”

拓展訓練 “打地鼠”

回味思考

模塊9 制作可讓用戶提交信息的表單文檔

任務引領 “旅游訂購單”1.網頁“交互”的含義2.表單的知識項目漸進 網站項目“我心飛揚”之第9階段“給我留言”拓展訓練 “吧友注冊”設計回味思考模塊10 實現與用戶交互的動態(tài)網頁任務引領1 “開發(fā)環(huán)境架設”1.把“我”的個人電腦配置成網站服務器2.如何在本機以網站服務器形式顯示自己的網站？任務引領2 “用數據庫存儲通信錄信息”1.數據庫的定義2.數據庫的結構3.數據類型4.默認值任務引領3 “用網頁添加并顯示通信錄”1.添加和顯示通信錄的實質2.PHP網頁結構3.編碼4.MySQL中數據的備份與恢復項目漸進 網站項目“我心飛揚”之第10階段“實時留言板”拓展訓練 “日記本”回味思考模塊11 項目網站部署與展望11.1 項目網站最終效果11.2 項目網站部署11.3 項目網站總結與展望附錄附錄A HTML基礎附錄B CSS基礎

......