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

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