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

前言
單元1網(wǎng)頁認識
任務1.1確立課程目標
1.1.1行業(yè)需求前景
1.1.2行業(yè)需求目標
任務1.2優(yōu)秀網(wǎng)站賞析
1.2.1門戶類網(wǎng)站
1.2.2商務類網(wǎng)站
1.2.3政府類網(wǎng)站
1.2.4娛樂類網(wǎng)站
1.2.5游戲類網(wǎng)站
1.2.6“遠航多彩公司”項目案例
實驗環(huán)節(jié)設計
實驗：查找門戶類網(wǎng)站并分析其特點及架構(gòu)
強化案例：查找電子商務類網(wǎng)站并分析其特點及架構(gòu)
課后習題
單元2網(wǎng)站策劃
任務2.1項目引入
2.1.1“遠航多彩公司”網(wǎng)站開發(fā)立項
2.1.2確立設計項目的3項原則
2.1.3確定設計流程
任務2.2“遠航多彩公司”網(wǎng)站策劃
2.2.1確定設計策略
2.2.2確定網(wǎng)頁主題
2.2.3網(wǎng)頁元素
2.2.4網(wǎng)頁布局
2.2.5視覺效果
2.2.6設計標準
2.2.7外觀風格
任務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)頁制作的常用軟件
任務2.4認識網(wǎng)頁基礎語言
2.4.1關(guān)于HTML
2.4.2了解HTML的基本結(jié)構(gòu)
任務2.5Dreamweaver CS5簡介
2.5.1Dreamweaver CS5概述
2.5.2Dreamweaver CS5的新增功能
2.5.3Dreamweaver CS5的操作界面
2.5.4網(wǎng)頁文檔的基本操作
任務2.6“遠航多彩公司”網(wǎng)站欄目結(jié)構(gòu)設計
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é)設計
實驗1：用HTML創(chuàng)建表格
實驗2：為“遠航多彩公司”創(chuàng)建一個網(wǎng)站的站點
強化案例：建立一個班級站點
課后習題
單元3網(wǎng)頁布局
任務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設置表格屬性
任務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元素
任務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使用切片布局網(wǎng)頁
實驗環(huán)節(jié)設計
實驗1：CSS制作鼠標經(jīng)過時改變表格背景屬性
實驗2：使用切片布局網(wǎng)頁
強化案例：利用HTML代碼或JavaScript代碼，在DW中制作浮動層
課后習題
單元4頁面制作
任務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插入聲音和視頻
任務4.2利用表單制作客戶反饋頁面
4.2.1初識表單
4.2.2插入表單
4.2.3插入表單對象
4.2.4插入Spry對象
實驗環(huán)節(jié)設計
實驗1：添加網(wǎng)頁背景音樂
實驗2：命名錨記鏈接，網(wǎng)絡小說頁面的制作
強化案例：添加 Spry 效果
課后習題
單元5網(wǎng)頁批量制作
任務5.1利用模板批量制作網(wǎng)站頁面
5.1.1創(chuàng)建并保存模板文檔
5.1.2基于模板創(chuàng)建“公司簡介”頁面
任務5.2利用模板更新網(wǎng)頁
任務5.3管理資源和庫
5.3.1使用資源
5.3.2庫項目基本知識
5.3.3創(chuàng)建庫項目
5.3.4應用庫項目
5.3.5編輯庫項目
任務5.4在網(wǎng)頁中添加行為
5.4.1認識行為
5.4.2應用行為
實驗環(huán)節(jié)設計
實驗1：如何在Dreamweaver中導入網(wǎng)絡上下載的模板
實驗2：應用模板制作網(wǎng)站中的其他子頁
強化案例：晃動圖片
課后習題
單元6制作網(wǎng)頁特效
任務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標簽內(nèi)容切換制作
任務6.9制作拼圖游戲
任務6.10限制選擇復選框的數(shù)量
任務6.11檢驗表單
單元7網(wǎng)站測試與發(fā)布
任務7.1測試網(wǎng)站
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上傳、下載網(wǎng)站
7.2.5使用CuteFTP上傳
7.2.6網(wǎng)站維護與推廣
實驗環(huán)節(jié)設計
實驗1： 利用Dreamweaver測試工具對自己的站點進行測試
實驗2：利用Dreamweaver自帶的FTP功能上傳文件
強化案例：網(wǎng)站同步
課后習題
參考文獻