Dreamweaver CC2019網(wǎng)頁(yè)制作案例教程

第1章 網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)
1．1 網(wǎng)頁(yè)概述
1．1．1 Web的起源
1．1．2 Web的特點(diǎn)
1．1．3 Web的工作原理
1．1．4 Web的相關(guān)概念
1．2 網(wǎng)頁(yè)開發(fā)技術(shù)
1．2．1 HTML
1．2．2 CSS
1．2．3 JavaScript
1．2．4 HTML DOM
1．2．5 BOM
1．2．6 Ajax
1．2．7 jQuery
1．3 網(wǎng)頁(yè)開發(fā)工具
1．4 網(wǎng)頁(yè)瀏覽工具
1．5 案例演練
第2章 Dreamweaver CC 2019概述
2．1 工作界面
2．2 基本操作
2．2．1 站點(diǎn)操作
2．2．2 網(wǎng)頁(yè)操作
2．3 編碼環(huán)境
2．3．1 代碼提示
2．3．2 代碼格式化
2．3．3 代碼改寫
2．4 編碼工具
2．4．1 快速標(biāo)簽編輯器
2．4．2 【代碼片斷】面板
2．4．3 優(yōu)化網(wǎng)頁(yè)代碼
2．5 輔助工具
2．5．1 標(biāo)尺
2．5．2 網(wǎng)格
2．5．3 輔助線
2．6 自定義設(shè)置
2．6．1 常規(guī)設(shè)置
2．6．2 不可見元素的設(shè)置
2．6．3 網(wǎng)頁(yè)字體設(shè)置
2．6．4 文件類型/編輯器設(shè)置
2．7 案例演練
第3章 HTML5基礎(chǔ)
3．1 HTML5文檔結(jié)構(gòu)
3．1．1 文檔類型聲明
3．1．2 主標(biāo)簽
3．1．3 頭部標(biāo)簽
3．1．4 主體標(biāo)簽
3．2 HTML5文件的編寫方法
3．2．1 手動(dòng)編寫HTML5代碼
3．2．2 用Dreamweaver生成代碼
3．3 HTML5元素
3．3．1 結(jié)構(gòu)元素
3．3．2 功能元素
3．3．3 表單元素
3．4 HTML5屬性
3．4．1 表單屬性
3．4．2 鏈接屬性
3．4．3 其他屬性
3．5 HTML5全局屬性
3．5．1 contenEditable屬性
3．5．2 contextmenu屬性
3．5．3 data-*屬性
3．5．4 draggable屬性
3．5．5 dropzone屬性
3．5．6 hidden屬性
3．5．7 spellcheck屬性
3．5．8 translate屬性
3．6 HTML5事件
3．6．1 window事件
3．6．2 form事件
3．6．3 mouse事件
3．6．4 media事件
3．7 實(shí)例演練
第4章 格式化文本與段落
4．1 定義段落文字
4．1．1 使用段落標(biāo)簽
4．1．2 使用換行標(biāo)簽
4．2 定義標(biāo)題文字
4．3 設(shè)置文字格式
4．3．1 設(shè)置文字字體
4．3．2 設(shè)置文字字號(hào)
4．3．3 設(shè)置文字顏色
4．3．4 設(shè)置文字效果
4．3．5 設(shè)置上標(biāo)與下標(biāo)
4．3．6 設(shè)置字體風(fēng)格
4．3．7 設(shè)置文字粗細(xì)
4．3．8 設(shè)置文字的復(fù)合屬性
4．3．9 設(shè)置陰影文本
4．4 設(shè)置網(wǎng)頁(yè)水平線
4．4．1 添加水平線
4．4．2 設(shè)置水平線的寬度和高度
4．4．3 設(shè)置水平線的顏色
4．4．4 設(shè)置水平線的對(duì)齊方式
4．4．5 消除水平線的陰影
4．5 設(shè)置段落格式
4．5．1 設(shè)置單詞間隔
4．5．2 設(shè)置字符間隔
4．5．3 設(shè)置文字修飾
4．5．4 設(shè)置垂直對(duì)齊方式
4．5．5 設(shè)置水平對(duì)齊方式
4．5．6 設(shè)置文本縮進(jìn)
4．5．7 設(shè)置文本行高
4．5．8 處理空白
4．5．9 文本反排
4．6 案例演練
第5章 使用列表
5．1 列表概述
5．2 無序列表
5．3 有序列表
5．4 列表嵌套
5．5 定義列表
5．6 案例演練
第6章 使用超鏈接
6．1 超鏈接概述
6．1．1 超鏈接的類型
6．1．2 超鏈接的路徑
6．2 創(chuàng)建超鏈接
6．2．1 創(chuàng)建文本鏈接
6．2．2 創(chuàng)建圖片鏈接
6．2．3 創(chuàng)建下載鏈接
6．2．4 設(shè)置電子郵件鏈接
6．2．5 設(shè)置以新窗口打開超鏈接
6．2．6 使用相對(duì)路徑和絕對(duì)路徑
6．3 使用浮動(dòng)框架
6．4 使用熱點(diǎn)區(qū)域
6．5 案例演練
第7章 使用圖像與多媒體文件
7．1 網(wǎng)頁(yè)圖像概述
7．1．1 網(wǎng)頁(yè)支持的圖像格式
7．1．2 網(wǎng)頁(yè)圖像的路徑
7．2 在網(wǎng)頁(yè)中插入圖像
7．3 編輯網(wǎng)頁(yè)圖像
7．3．1 設(shè)置圖像的高度和寬度
7．3．2 設(shè)置圖像提示文字
7．3．3 編輯圖像效果
7．3．4 在Photoshop中編輯圖像
7．4 設(shè)置網(wǎng)頁(yè)背景圖像
7．5 排列網(wǎng)頁(yè)中的圖像
7．6 制作鼠標(biāo)經(jīng)過圖像
7．7 插入網(wǎng)頁(yè)音頻
7．7．
7．7．
7．7．3 音頻解碼器
7．7．4 設(shè)置網(wǎng)頁(yè)音頻文件
7．8 插入網(wǎng)頁(yè)視頻
7．8．
7．8．
7．8．3 視頻解碼器
7．8．4 設(shè)置網(wǎng)頁(yè)視頻文件
7．9 在網(wǎng)頁(yè)中添加插件
7．10 在網(wǎng)頁(yè)中添加SWF文件
7．11 在網(wǎng)頁(yè)中添加FLV文件
7．12 在網(wǎng)頁(yè)中添加滾動(dòng)文字
7．12．1 設(shè)置網(wǎng)頁(yè)滾動(dòng)文字
7．12．2 應(yīng)用滾動(dòng)方向?qū)傩?br />7．12．3 應(yīng)用滾動(dòng)方式屬性
7．12．4 應(yīng)用滾動(dòng)速度屬性
7．12．5 應(yīng)用滾動(dòng)延遲屬性
7．12．6 應(yīng)用滾動(dòng)循環(huán)屬性
7．12．7 應(yīng)用滾動(dòng)范圍屬性
7．12．8 應(yīng)用滾動(dòng)背景顏色屬性
7．12．9 應(yīng)用滾動(dòng)空間屬性
7．13 案例演練
第8章 使用CSS
8．1 CSS概述
8．1．1 CSS樣式表的功能
8．1．2 CSS樣式表的規(guī)則
8．1．3 CSS樣式表的類型
8．2 創(chuàng)建CSS樣式表
8．2．1 創(chuàng)建外部樣式表
8．2．2 創(chuàng)建內(nèi)部樣式表
8．2．3 附加外部樣式表
8．3 添加CSS選擇器
8．4 編輯CSS樣式效果
8．4．1 CSS類型設(shè)置
8．4．2 CSS背景設(shè)置
8．4．3 CSS區(qū)塊設(shè)置
8．4．4 CSS方框設(shè)置
8．4．5 CSS邊框設(shè)置
8．4．6 CSS列表設(shè)置
8．4．7 CSS定位設(shè)置
8．4．8 CSS擴(kuò)展設(shè)置
8．4．9 CSS過渡設(shè)置
8．5 案例演練
第9章 制作Div+CSS頁(yè)面布局
9．1 Div與盒模型簡(jiǎn)介
9．1．1 Div
9．1．2 盒模型
9．2 理解標(biāo)準(zhǔn)布局
9．2．1 網(wǎng)頁(yè)標(biāo)準(zhǔn)
9．2．2 內(nèi)容、結(jié)構(gòu)、表現(xiàn)和行為
9．3 Div+CSS
9．4 插入Div標(biāo)簽
9．5 常用的Div+CSS布局方式
9．5．1 高度自適應(yīng)布局
9．5．2 網(wǎng)頁(yè)內(nèi)容居中布局
9．5．3 網(wǎng)頁(yè)元素浮動(dòng)布局
9．6 案例演練
第10章 使用表格
10．1 表格概述
10．2 創(chuàng)建表格
10．2．1 創(chuàng)建帶標(biāo)題的表格
10．2．2 定義表格的邊框類型
10．2．3 定義表格的表頭
10．2．4 定義表格的單元格間距
10．2．5 定義表格的單元格邊距
10．2．6 定義表格的寬度
10．3 調(diào)整表格
10．3．1 調(diào)整表格大小
10．3．2 添加行與列
10．3．3 刪除行與列
10．3．4 合并單元格
10．3．5 拆分單元格
10．3．6 設(shè)置單元格的高度與寬度
10．4 設(shè)置表格背景
10．4．1 定義表格的背景顏色
10．4．2 定義表格的背景圖片
10．4．3 定義表格單元格的背景
10．5 排列單元格的內(nèi)容
10．6 設(shè)置單元格內(nèi)容不換行
10．7 案例演練
第11章 使用表單
11．1 表單概述
11．2 定義基本表單元素
11．2．1 單行文本框
11．2．2 多行文本框
11．2．3 密碼輸入框
11．2．4 單選按鈕
11．2．5 復(fù)選框
11．2．6 下拉列表框
11．2．7 普通按鈕
11．2．8 提交按鈕
11．2．9 重置按鈕
11．3 HTML5增強(qiáng)輸入類型
11．3．1 url類型
11．3．2 email類型
11．3．3 date和time類型
11．3．4 number類型
11．3．5 range類型
11．3．6 search類型
11．3．7 tel類型
11．3．8 color類型
11．4 HTML5 input屬性
11．4．1 autocomplete屬性
11．4．2 autofocus屬性
11．4．3 form屬性
11．4．4 height和width屬性
11．4．5 list屬性
11．4．6 min、max和step屬性
11．4．7 pattern屬性
11．4．8 placeholder屬性
11．4．9 required屬性
11．4．10 disabled屬性
11．4．11 readonly屬性
11．5 HTML5的新增控件
11．5．1 datalist元素
11．5．2 keygen元素
11．5．3 output元素
11．6 HTML5表單屬性
11．6．1 autocomplete屬性
11．6．2 novalidate屬性
11．7 案例演練
第12章 使用HTML5繪制圖形
12．1 canvas簡(jiǎn)介
12．2 繪制基本圖形
12．2．1 繪制矩形
12．2．2 繪制圓形
12．2．3 繪制直線
12．2．4 繪制多邊形
12．2．5 繪制曲線
12．2．6 繪制貝塞爾曲線
12．3 繪制漸變圖形
12．3．1 繪制線性漸變
12．3．2 繪制徑向漸變
12．4 設(shè)置圖形樣式
12．4．1 設(shè)置線型
12．4．2 設(shè)置不透明度
12．4．3 設(shè)置陰影
12．5 操作圖形
12．5．1 清除繪圖
12．5．2 移動(dòng)坐標(biāo)
12．5．3 旋轉(zhuǎn)坐標(biāo)
12．5．4 縮放圖形
12．5．5 組合圖形
12．5．6 裁切路徑
12．6 繪制文字
12．6．1 繪制填充文字
12．6．2 繪制輪廓文字
12．6．3 設(shè)置文字屬性
12．7 案例演練
第13章 使用行為
13．1 行為簡(jiǎn)介
13．1．1 行為的基礎(chǔ)知識(shí)
13．1．2 JavaScript代碼簡(jiǎn)介
13．2 調(diào)節(jié)窗口
13．2．1 打開瀏覽器窗口
13．2．2 轉(zhuǎn)到URL
13．2．3 調(diào)用JavaScript
13．3 應(yīng)用圖像
13．3．1 交換圖像與恢復(fù)交換圖像
13．3．2 拖動(dòng)AP元素
13．4 顯示文本
13．4．1 彈出信息
13．4．2 設(shè)置狀態(tài)欄文本
13．4．3 設(shè)置容器的文本
13．4．4 設(shè)置文本域文本
13．5 加載多媒體
13．5．1 檢查插件
13．5．2 顯示-隱藏元素
13．5．3 改變屬性
13．6 控制表單
13．6．1 跳轉(zhuǎn)菜單、跳轉(zhuǎn)菜單開始
13．6．2 檢查表單
13．7 案例演練