網頁設計與制作任務驅動式教程

前言
單元1網頁認識
任務1.1確立課程目標
1.1.1行業(yè)需求前景
1.1.2行業(yè)需求目標
任務1.2優(yōu)秀網站賞析
1.2.1門戶類網站
1.2.2商務類網站
1.2.3政府類網站
1.2.4娛樂類網站
1.2.5游戲類網站
1.2.6“遠航多彩公司”項目案例
實驗環(huán)節(jié)設計
實驗：查找門戶類網站并分析其特點及架構
強化案例：查找電子商務類網站并分析其特點及架構
課后習題
單元2網站策劃
任務2.1項目引入
2.1.1“遠航多彩公司”網站開發(fā)立項
2.1.2確立設計項目的3項原則
2.1.3確定設計流程
任務2.2“遠航多彩公司”網站策劃
2.2.1確定設計策略
2.2.2確定網頁主題
2.2.3網頁元素
2.2.4網頁布局
2.2.5視覺效果
2.2.6設計標準
2.2.7外觀風格
任務2.3初識網頁
2.3.1網站的相關知識
2.3.2網頁中的基本元素與常用術語
2.3.3靜態(tài)網頁與動態(tài)網頁
2.3.4網頁制作的常用軟件
任務2.4認識網頁基礎語言
2.4.1關于HTML
2.4.2了解HTML的基本結構
任務2.5Dreamweaver CS5簡介
2.5.1Dreamweaver CS5概述
2.5.2Dreamweaver CS5的新增功能
2.5.3Dreamweaver CS5的操作界面
2.5.4網頁文檔的基本操作
任務2.6“遠航多彩公司”網站欄目結構設計
2.6.1創(chuàng)建本地站點與遠程站點
2.6.2Dreamweaver CS5站點的組成
2.6.3創(chuàng)建站點
2.6.4網站建立目錄規(guī)范
2.6.5網站文件命名規(guī)范
實驗環(huán)節(jié)設計
實驗1：用HTML創(chuàng)建表格
實驗2：為“遠航多彩公司”創(chuàng)建一個網站的站點
強化案例：建立一個班級站點
課后習題
單元3網頁布局
任務3.1使用表格布局頁面
3.1.1規(guī)劃“相約校園招聘”頁面表格結構
3.1.2制作頁眉區(qū)
3.1.3制作主體區(qū)
3.1.4制作版權區(qū)
3.1.5創(chuàng)建表格
3.1.6編輯表格
3.1.7設置表格屬性
任務3.2使用Div+CSS布局頁面
3.2.1了解CSS
3.2.2創(chuàng)建和管理CSS
3.2.3認識Div標簽
3.2.4插入和編輯Div標簽
3.2.5使用Div+CSS布局網頁
3.2.6使用AP Div元素
任務3.3使用框架布局頁面
3.3.1創(chuàng)建框架和框架集
3.3.2框架和框架集的基本操作
3.3.3設置框架和框架集屬性
3.3.4保存框架和框架集
3.3.5制作浮動框架頁面
任務3.4使用Fireworks切片布局
3.4.1切片概述
3.4.2切片的創(chuàng)建與編輯
3.4.3使用切片布局網頁
實驗環(huán)節(jié)設計
實驗1：CSS制作鼠標經過時改變表格背景屬性
實驗2：使用切片布局網頁
強化案例：利用HTML代碼或JavaScript代碼，在DW中制作浮動層
課后習題
單元4頁面制作
任務4.1“遠航多彩公司”網站首頁制作
4.1.1網頁文本的輸入與編輯
4.1.2使用圖像美化頁面
4.1.3創(chuàng)建網頁超鏈接
4.1.4插入Flash動畫
4.1.5插入聲音和視頻
任務4.2利用表單制作客戶反饋頁面
4.2.1初識表單
4.2.2插入表單
4.2.3插入表單對象
4.2.4插入Spry對象
實驗環(huán)節(jié)設計
實驗1：添加網頁背景音樂
實驗2：命名錨記鏈接，網絡小說頁面的制作
強化案例：添加 Spry 效果
課后習題
單元5網頁批量制作
任務5.1利用模板批量制作網站頁面
5.1.1創(chuàng)建并保存模板文檔
5.1.2基于模板創(chuàng)建“公司簡介”頁面
任務5.2利用模板更新網頁
任務5.3管理資源和庫
5.3.1使用資源
5.3.2庫項目基本知識
5.3.3創(chuàng)建庫項目
5.3.4應用庫項目
5.3.5編輯庫項目
任務5.4在網頁中添加行為
5.4.1認識行為
5.4.2應用行為
實驗環(huán)節(jié)設計
實驗1：如何在Dreamweaver中導入網絡上下載的模板
實驗2：應用模板制作網站中的其他子頁
強化案例：晃動圖片
課后習題
單元6制作網頁特效
任務6.1文字特效
6.1.1光暈字制作
6.1.2陰影字制作
6.1.3遮罩字制作
6.1.4動感字制作
任務6.2制作彈出窗口
任務6.3制作循環(huán)滾動文字/圖片
任務6.4細線表格的制作
任務6.5制作廣告圖片自動輪換顯示
任務6.6浮動廣告制作
任務6.7制作圖片放大特效
任務6.8標簽內容切換制作
任務6.9制作拼圖游戲
任務6.10限制選擇復選框的數量
任務6.11檢驗表單
單元7網站測試與發(fā)布
任務7.1測試網站
7.1.1站點中鏈接的測試
7.1.2改變站點范圍的鏈接
7.1.3瀏覽器兼容性檢查
7.1.4全面檢查站點的報告
7.1.5用戶界面可用性測試
7.1.6清理文檔
任務7.2發(fā)布站點
7.2.1域名的申請
7.2.2服務器空間選擇方案
7.2.3配置Web和FTP服務器
7.2.4使用Dreamweaver CS5上傳、下載網站
7.2.5使用CuteFTP上傳
7.2.6網站維護與推廣
實驗環(huán)節(jié)設計
實驗1： 利用Dreamweaver測試工具對自己的站點進行測試
實驗2：利用Dreamweaver自帶的FTP功能上傳文件
強化案例：網站同步
課后習題
參考文獻