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

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