網(wǎng)頁設(shè)計與制作任務(wù)驅(qū)動式教程

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