Dreamweaver 8網(wǎng)頁(yè)設(shè)計(jì)與實(shí)訓(xùn)

項(xiàng)目一 走進(jìn)Dreamweaver 8
任務(wù)1.1 Dreamweaver 8概述
任務(wù)1.2 Dreamweaver 8編輯界面
知識(shí)1.2.1 啟動(dòng)Dreamweaver 8
知識(shí)1.2.2 “插入”面板
知識(shí)1.2.3 “屬性”面板
知識(shí)1.2.4 “浮動(dòng)”面板
知識(shí)1.2.5 標(biāo)簽選擇器
知識(shí)拓展 歷史記錄面板
項(xiàng)目小結(jié)
實(shí)訓(xùn)與練習(xí)
項(xiàng)目二 創(chuàng)建本地站點(diǎn)
任務(wù)2.1 網(wǎng)站規(guī)劃
知識(shí)2.1.1 站點(diǎn)的概念
知識(shí)2.1.2 網(wǎng)站規(guī)劃
任務(wù)2.2 創(chuàng)建本地站點(diǎn)
知識(shí)2.2.1 建站規(guī)則
知識(shí)2.2.2 利用向?qū)?chuàng)建站點(diǎn)
案例 創(chuàng)建本地站點(diǎn)
知識(shí)拓展 利用高級(jí)創(chuàng)建站點(diǎn)
項(xiàng)目小結(jié)
實(shí)訓(xùn)與練習(xí)
項(xiàng)目三 網(wǎng)頁(yè)基礎(chǔ)知識(shí)和基本制作
任務(wù)3.1 網(wǎng)頁(yè)基礎(chǔ)知識(shí)
知識(shí)3.1.1 網(wǎng)頁(yè)的分類
知識(shí)3.1.2 三種視圖方式
知識(shí)3.1.3 HTML源代碼
知識(shí)3.1.4 網(wǎng)頁(yè)的顏色
任務(wù)3.2 網(wǎng)頁(yè)的基本制作
知識(shí)3.2.1 頁(yè)面屬性
知識(shí)3.2.2 META標(biāo)記
案例 簡(jiǎn)單網(wǎng)頁(yè)制作（旅游網(wǎng)）
知識(shí)拓展 制作網(wǎng)頁(yè)過渡效果
項(xiàng)目小結(jié)
實(shí)訓(xùn)與練習(xí)
項(xiàng)目四 文本編輯
任務(wù)4.1 文本基本操作
知識(shí)4.1.1 選擇性粘貼
知識(shí)4.1.2 插入連續(xù)空格
知識(shí)4.1.3 分段與換行
知識(shí)4.1.4 文本屬性面板
任務(wù)4.2 插入其他對(duì)象
知識(shí)4.2.1 插入特殊字符
知識(shí)4.2.2 插入水平線和日期
案例 文本編輯（商務(wù)網(wǎng)）
知識(shí)拓展 制作跑馬燈文字
項(xiàng)目小結(jié)
實(shí)訓(xùn)與練習(xí)
項(xiàng)目五 圖像與多媒體的應(yīng)用
任務(wù)5.1 圖像的應(yīng)用
知識(shí)5.1.1 網(wǎng)頁(yè)常用的圖像格式
知識(shí)5.1.2 插入圖像
知識(shí)5.1.3 插入鼠標(biāo)經(jīng)過圖像
案例5.1 制作圖文混排的網(wǎng)頁(yè)（瑜珈網(wǎng)）
任務(wù)5.2 插人多媒體
案例5.2 添加超炫Flash效果（珠寶網(wǎng)）
案例5.3 添加多媒體對(duì)象（旅游網(wǎng)）
知識(shí)拓展 制作透明Flash效果
項(xiàng)目小結(jié)
實(shí)訓(xùn)與練習(xí)
項(xiàng)目六 網(wǎng)站鏈接
任務(wù)6.1 關(guān)于路徑
任務(wù)6.2 制作鏈接
知識(shí)6.2.1 超鏈接的分類
知識(shí)6.2.2 制作超鏈接的方法
知識(shí)6.2.3 打開超鏈接的目標(biāo)設(shè)置
案例 編織網(wǎng)站鏈接（化妝品網(wǎng)）
知識(shí)拓展 創(chuàng)建腳本鏈接
項(xiàng)目小結(jié)
實(shí)訓(xùn)與練習(xí)
項(xiàng)目七 表格和布局
任務(wù)7.1 表格的應(yīng)用
知識(shí)7.1.1 建立表格
知識(shí)7.1.2 表格基本操作
知識(shí)7.1.3 預(yù)格式化表格
知識(shí)7.1.4 表格屬性面板
知識(shí)7.1.5 表格的HTMIL標(biāo)記
案例7.1 設(shè)置表格屬性（公司網(wǎng)）
任務(wù)7.2 單元格的應(yīng)用
知識(shí)7.2.1 單元格基本操作
知識(shí)7.2.2 單元格屬性面板
案例7.2 繪制細(xì)線表格（公司網(wǎng)）
任務(wù)7.3 利用表格布局網(wǎng)頁(yè)
案例7.3 嵌套表格（酒店網(wǎng)站）
任務(wù)7.4 布局表格
案例7.4 制作布局表格（個(gè)人首頁(yè)）
知識(shí)拓展 圓角表格的制作
項(xiàng)目小結(jié)
實(shí)訓(xùn)與練習(xí)
項(xiàng)目八 框架
任務(wù) 制作框架網(wǎng)頁(yè)
案例 利用框架制作網(wǎng)頁(yè)（服裝網(wǎng)）
知識(shí)拓展 制作內(nèi)聯(lián)式框架
項(xiàng)目小結(jié)
實(shí)訓(xùn)與練習(xí)
項(xiàng)目九 表單
任務(wù) 表單制作
案例9.1 制作表單（公司網(wǎng)）
案例9.2 表單的驗(yàn)證（公司網(wǎng)）
知識(shí)拓展 編寫代碼制作下拉列表（公司網(wǎng)）
項(xiàng)目小結(jié)
實(shí)訓(xùn)與練習(xí)
項(xiàng)目十 模板和庫(kù)
任務(wù)10.1 模板
知識(shí)10.1.1 創(chuàng)建模板
知識(shí)10.1.2 可編輯區(qū)域
案例10.1 橫板的應(yīng)用（燈具網(wǎng)）
案例10.2 庫(kù)的應(yīng)用（燈具網(wǎng)）
項(xiàng)目小結(jié)
實(shí)訓(xùn)與練習(xí)
項(xiàng)目十一 CSS樣式
任務(wù)11.1 CSS樣式概述
知識(shí)11.1. 1什么是CSS樣式
知識(shí)11.1.2 CSS的存在方式
知識(shí)11.1.3 CSS樣式的創(chuàng)建
任務(wù)11.2 CSS屬性
知識(shí)11.2.1 CSS類型屬性
知識(shí)11.2.2 CSS背景屬性設(shè)置
知識(shí)11.2.3 CSS區(qū)塊樣式
知識(shí)11.2.4 CSS邊框樣式
知識(shí)11.2.5 CSS擴(kuò)展屬性
任務(wù)11.3 自定義類樣式
案例11.1 利用CSS樣式美化文字
案例11.2 利用CSS樣式美化背景
案例11.3 CSS邊框樣式
任務(wù)11.4 重定義HTML標(biāo)記
案例11.4 重定義水平線標(biāo)記
任務(wù)11.5 定義高級(jí)（ID、偽類選擇器）
案例11.5 設(shè)置超鏈接樣式
任務(wù)11.6 CSS外部樣式表
案例11.6 建立外部CSS樣式
知識(shí)拓展 利用濾鏡制作陰影字效果
項(xiàng)目小結(jié)
實(shí)訓(xùn)與練習(xí)
項(xiàng)目十二 行為和JavaScript
任務(wù)12.1 行為概述
知識(shí)12.1.1 事件和動(dòng)作
知識(shí)12.1.2 行為面板
知識(shí)12.1.3 基本動(dòng)作和事件
任務(wù)12.2 行為效果
知識(shí)12.2.1 播放聲音
案例12.1 播放聲音（瑜珈網(wǎng)）
知識(shí)12.2.2 打開瀏覽器窗口
案例12.2 打開瀏覽器窗口（瑜珈網(wǎng)）
知識(shí)12.2.3 交換圖像
案例12.3 交換圖像（瑜珈網(wǎng)）
案例12.4 調(diào)用JavaScript（瑜珈網(wǎng)）
知識(shí)拓展 插入JavaScript腳本
項(xiàng)目小結(jié)
實(shí)訓(xùn)與練習(xí)
項(xiàng)目十三 層和時(shí)間軸
任務(wù)13.1 層
知識(shí)13.1.1 創(chuàng)建層
知識(shí)13.1.2 層面板
知識(shí)13.1.3 選擇移動(dòng)層
知識(shí)13.1.4 層屬性
案例13.1 制作滾動(dòng)文字（游戲網(wǎng)）
案例13.2 利用層制作網(wǎng)頁(yè)
任務(wù)13.2 和層有關(guān)的行為
知識(shí)13.2.1 設(shè)置層文本動(dòng)作
案例13.3 設(shè)置層文本（購(gòu)物網(wǎng)）
知識(shí)13.2.2 顯示、隱藏層行為
案例13.4 利用顯示、隱藏層制作下拉菜單（購(gòu)物網(wǎng)）
知識(shí)13.2.3 拖動(dòng)層行為
案例13.5 芭比換裝游戲（購(gòu)物網(wǎng)）
任務(wù)13.3 層與時(shí)間軸
案例13.6 飄浮的廣告（購(gòu)物網(wǎng)）
知識(shí)拓展 層與表格的轉(zhuǎn)換
項(xiàng)目小結(jié)
實(shí)訓(xùn)與練習(xí)
項(xiàng)目十四 整站建設(shè)、測(cè)試與上傳
任務(wù)14.1 網(wǎng)頁(yè)切片
知識(shí)14.1.1 Photoshop切片工具
知識(shí)14.1.2 網(wǎng)站結(jié)構(gòu)
案例14.1 網(wǎng)頁(yè)切片（兒童攝影網(wǎng)）
任務(wù)14.2 模板的制作
知識(shí)14.2.1 制作模板的步驟
案例14.2 制作網(wǎng)頁(yè)模板（兒童攝影網(wǎng)）
任務(wù)14.3 頁(yè)面的制作
案例14.3 制作首頁(yè)（兒童攝影網(wǎng)）
案例14.4 制作主題產(chǎn)品頁(yè)（兒童攝影網(wǎng)）
任務(wù)14.4 站點(diǎn)的整理與上傳
項(xiàng)目小結(jié)
實(shí)訓(xùn)與練習(xí)
項(xiàng)目十五 動(dòng)態(tài)網(wǎng)站制作
任務(wù)15.1 設(shè)置動(dòng)態(tài)網(wǎng)站運(yùn)行環(huán)境
案例15.1 創(chuàng)建數(shù)據(jù)庫(kù)及連接（兒童攝影網(wǎng)）
任務(wù)15.2 建立動(dòng)態(tài)網(wǎng)頁(yè)
案例15.2 制作動(dòng)態(tài)網(wǎng)頁(yè)（兒童攝影網(wǎng)）
項(xiàng)目小結(jié)
實(shí)訓(xùn)與練習(xí)