靜態(tài)網(wǎng)頁設(shè)計(jì)與制作

項(xiàng)目一　Dreamweaver 2021概述
任務(wù)1　Dreamweaver 2021窗口組成
任務(wù)引入
知識準(zhǔn)備
一、菜單欄
二、文檔工具欄
三、通用工具欄
四、插入面板
五、文檔窗口
六、屬性面板
七、浮動面板組
任務(wù)2　文件操作
任務(wù)引入
知識準(zhǔn)備
一、打開文件
二、創(chuàng)建文件
三、保存文件
四、設(shè)置文檔屬性
項(xiàng)目總結(jié)
項(xiàng)目實(shí)戰(zhàn)
實(shí)戰(zhàn)一　認(rèn)識Dreamweaver 2021界面
實(shí)戰(zhàn)二　新建HTML文件并保存
項(xiàng)目二　HTML與CSS基礎(chǔ)
任務(wù)1　HTML基礎(chǔ)
任務(wù)引入
知識準(zhǔn)備
一、HTML語言概述
二、HTML的語法特性
任務(wù)2　常用的HTML標(biāo)簽
任務(wù)引入
知識準(zhǔn)備
一、文檔的結(jié)構(gòu)標(biāo)簽
二、注釋標(biāo)簽
三、文本格式標(biāo)簽
四、排版標(biāo)簽
五、列表標(biāo)簽
六、表格標(biāo)簽
七、表單標(biāo)簽
八、其他標(biāo)簽
任務(wù)3　CSS基礎(chǔ)
任務(wù)引入
知識準(zhǔn)備
一、CSS概述
二、CSS樣式表的組成
任務(wù)4　CSS設(shè)計(jì)器
任務(wù)引入
知識準(zhǔn)備
一、創(chuàng)建和附加樣式表
二、定義媒體查詢
三、定義 CSS 選擇器
四、設(shè)置CSS屬性
綜合案例　CSS樣式的應(yīng)用
項(xiàng)目總結(jié)
項(xiàng)目實(shí)戰(zhàn)
實(shí)戰(zhàn)一　編寫網(wǎng)頁文件
實(shí)戰(zhàn)二　用CSS樣式控制文本樣式
項(xiàng)目三　構(gòu)建本地站點(diǎn)
任務(wù)1　站點(diǎn)概述
任務(wù)引入
知識準(zhǔn)備
一、Internet服務(wù)器和本地計(jì)算機(jī)
二、本地站點(diǎn)與遠(yuǎn)程站點(diǎn)
任務(wù)2　構(gòu)建本地站點(diǎn)
任務(wù)引入
知識準(zhǔn)備
任務(wù)3　管理本地站點(diǎn)和站點(diǎn)文件
任務(wù)引入
知識準(zhǔn)備
一、管理站點(diǎn)
二、操作站點(diǎn)文件或文件夾
任務(wù)4　站點(diǎn)發(fā)布
任務(wù)引入
知識準(zhǔn)備
一、配置遠(yuǎn)程站點(diǎn)
二、上傳、下載與同步 新
項(xiàng)目總結(jié)
項(xiàng)目實(shí)戰(zhàn)
實(shí)戰(zhàn)一　在本機(jī)上創(chuàng)建站點(diǎn)bz
實(shí)戰(zhàn)二　為創(chuàng)建的站點(diǎn)設(shè)置服務(wù)器
項(xiàng)目四　文本與圖像
任務(wù)1　在網(wǎng)頁中插入文本
任務(wù)引入
知識準(zhǔn)備
一、插入文本
二、設(shè)置文本屬性
三、創(chuàng)建列表項(xiàng)
四、插入日期
任務(wù)2　在網(wǎng)頁中插入圖像
任務(wù)引入
知識準(zhǔn)備
一、關(guān)于圖像
二、插入圖像
三、圖像的屬性
四、修改圖像尺寸
五、創(chuàng)建翻轉(zhuǎn)圖像
六、設(shè)置背景圖像
項(xiàng)目總結(jié)
項(xiàng)目實(shí)戰(zhàn)
實(shí)戰(zhàn)一　在網(wǎng)頁中插入文本和日期
實(shí)戰(zhàn)二　在網(wǎng)頁中插入圖像和文字
項(xiàng)目五　制作超鏈接
任務(wù)1　 認(rèn)識超鏈接
任務(wù)引入
知識準(zhǔn)備
任務(wù)2　制作、管理超鏈接
任務(wù)引入
知識準(zhǔn)備
一、創(chuàng)建文本超鏈接
二、創(chuàng)建圖像超鏈接
三、鏈接到命名錨點(diǎn)
四、創(chuàng)建E-mail超鏈接
五、虛擬鏈接和腳本鏈接
六、使用“URLs”面板管理超鏈接
任務(wù)3　使用熱點(diǎn)制作圖像映射
任務(wù)引入
知識準(zhǔn)備
綜合案例　文本超鏈接的應(yīng)用
項(xiàng)目總結(jié)
項(xiàng)目實(shí)戰(zhàn)
實(shí)戰(zhàn)一　創(chuàng)建腳本鏈接
實(shí)戰(zhàn)二　制作圖像映射
項(xiàng)目六　制作多媒體網(wǎng)頁
任務(wù)1　添加聲音
任務(wù)引入
知識準(zhǔn)備
一、關(guān)于聲音
二、鏈接到音頻文件
三、嵌入音頻文件
任務(wù)2　HTML5多媒體
任務(wù)引入
知識準(zhǔn)備
一、插入HTML5視頻
二、設(shè)置HTML5視頻屬性
三、插入HTML5音頻
四、設(shè)置HTML5音頻屬性
任務(wù)3　Flash對象
任務(wù)引入
知識準(zhǔn)備
一、添加Flas
二、插入Flash視頻
三、修改Flash視頻屬性
項(xiàng)目總結(jié)
項(xiàng)目實(shí)戰(zhàn)
實(shí)戰(zhàn)一　在網(wǎng)頁中添加聲音
實(shí)戰(zhàn)二　插入Flash視頻
項(xiàng)目七　用表格規(guī)劃網(wǎng)頁
任務(wù)1　創(chuàng)建表格
任務(wù)引入
知識準(zhǔn)備
一、創(chuàng)建表格、單元格
二、創(chuàng)建嵌套表格
任務(wù)2　表格操作
任務(wù)引入
知識準(zhǔn)備
一、選定表格對象
二、設(shè)置表格和單元格屬性
三、擴(kuò)展表格模式
四、增加、刪除行或列
五、拆分、合并單元格
六、在表格中添加內(nèi)容
七、復(fù)制、粘貼單元格
八、導(dǎo)出/導(dǎo)入表格數(shù)據(jù)
九、表格排序
綜合案例　利用表格布局頁面
項(xiàng)目總結(jié)
項(xiàng)目實(shí)戰(zhàn)
實(shí)戰(zhàn)一　創(chuàng)建表格和嵌套表格
實(shí)戰(zhàn)二　對表格進(jìn)行排序
項(xiàng)目八　div+CSS布局
任務(wù)1　div+CSS概述
任務(wù)引入
知識準(zhǔn)備
任務(wù)2　CSS盒模型
任務(wù)引入
知識準(zhǔn)備
一、CSS盒模型簡介
二、常用的盒模型屬性
任務(wù)3　CSS層疊順序
任務(wù)引入
知識準(zhǔn)備
一、外部樣式
二、內(nèi)部樣式
三、行內(nèi)樣式
四、導(dǎo)入樣式
任務(wù)4　CSS布局塊
任務(wù)引入
知識準(zhǔn)備
一、創(chuàng)建div標(biāo)簽
二、編輯div標(biāo)簽
三、可視化 CSS 布局塊
任務(wù)5　常用CSS布局版式
任務(wù)引入
知識準(zhǔn)備
一、一列布局
二、兩列布局
三、三列布局
綜合案例　div標(biāo)簽應(yīng)用實(shí)例
項(xiàng)目總結(jié)
項(xiàng)目實(shí)戰(zhàn)
實(shí)戰(zhàn)一　制作簡易公告欄
實(shí)戰(zhàn)二　利用CSS規(guī)則隱藏布局塊
項(xiàng)目九　應(yīng)用表單
任務(wù)1　創(chuàng)建表單網(wǎng)頁
任務(wù)引入
知識準(zhǔn)備
一、插入表單
二、文本字段和文件域
三、選擇框
四、單選按鈕與復(fù)選框
五、按鈕
六、圖像按鈕
七、隱藏域
任務(wù)2　處理表單
任務(wù)引入
知識準(zhǔn)備
項(xiàng)目總結(jié)
項(xiàng)目實(shí)戰(zhàn)
實(shí)戰(zhàn)一　在文檔中插入文本字段
實(shí)戰(zhàn)二　在文檔中插入復(fù)選按鈕組
項(xiàng)目十　模板與庫
任務(wù)1　模板
任務(wù)引入
知識準(zhǔn)備
一、“模板”面板
二、建立模板
三、定義可編輯區(qū)域
四、定義重復(fù)區(qū)域
五、定義可選區(qū)域
六、定義嵌套模板
七、應(yīng)用模板創(chuàng)建文檔
八、應(yīng)用模板到頁
九、修改模板并 新站點(diǎn)
十、管理模板
任務(wù)2　庫
任務(wù)引入
知識準(zhǔn)備
一、“庫”面板
二、創(chuàng)建及使用庫項(xiàng)目
三、