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

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