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

第1章 網(wǎng)頁制作的基礎(chǔ)知識
1．1 網(wǎng)頁概述
1．1．1 Web的起源
1．1．2 Web的特點
1．1．3 Web的工作原理
1．1．4 Web的相關(guān)概念
1．2 網(wǎng)頁開發(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)頁開發(fā)工具
1．4 網(wǎng)頁瀏覽工具
1．5 案例演練
第2章 Dreamweaver CC 2019概述
2．1 工作界面
2．2 基本操作
2．2．1 站點操作
2．2．2 網(wǎng)頁操作
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)頁代碼
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)頁字體設(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 手動編寫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 實例演練
第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è)置文字字號
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)頁水平線
4．4．1 添加水平線
4．4．2 設(shè)置水平線的寬度和高度
4．4．3 設(shè)置水平線的顏色
4．4．4 設(shè)置水平線的對齊方式
4．4．5 消除水平線的陰影
4．5 設(shè)置段落格式
4．5．1 設(shè)置單詞間隔
4．5．2 設(shè)置字符間隔
4．5．3 設(shè)置文字修飾
4．5．4 設(shè)置垂直對齊方式
4．5．5 設(shè)置水平對齊方式
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 使用相對路徑和絕對路徑
6．3 使用浮動框架
6．4 使用熱點區(qū)域
6．5 案例演練
第7章 使用圖像與多媒體文件
7．1 網(wǎng)頁圖像概述
7．1．1 網(wǎng)頁支持的圖像格式
7．1．2 網(wǎng)頁圖像的路徑
7．2 在網(wǎng)頁中插入圖像
7．3 編輯網(wǎng)頁圖像
7．3．1 設(shè)置圖像的高度和寬度
7．3．2 設(shè)置圖像提示文字
7．3．3 編輯圖像效果
7．3．4 在Photoshop中編輯圖像
7．4 設(shè)置網(wǎng)頁背景圖像
7．5 排列網(wǎng)頁中的圖像
7．6 制作鼠標(biāo)經(jīng)過圖像
7．7 插入網(wǎng)頁音頻
7．7．
7．7．
7．7．3 音頻解碼器
7．7．4 設(shè)置網(wǎng)頁音頻文件
7．8 插入網(wǎng)頁視頻
7．8．
7．8．
7．8．3 視頻解碼器
7．8．4 設(shè)置網(wǎng)頁視頻文件
7．9 在網(wǎng)頁中添加插件
7．10 在網(wǎng)頁中添加SWF文件
7．11 在網(wǎng)頁中添加FLV文件
7．12 在網(wǎng)頁中添加滾動文字
7．12．1 設(shè)置網(wǎng)頁滾動文字
7．12．2 應(yīng)用滾動方向?qū)傩?br />7．12．3 應(yīng)用滾動方式屬性
7．12．4 應(yīng)用滾動速度屬性
7．12．5 應(yīng)用滾動延遲屬性
7．12．6 應(yīng)用滾動循環(huán)屬性
7．12．7 應(yīng)用滾動范圍屬性
7．12．8 應(yīng)用滾動背景顏色屬性
7．12．9 應(yī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頁面布局
9．1 Div與盒模型簡介
9．1．1 Div
9．1．2 盒模型
9．2 理解標(biāo)準(zhǔn)布局
9．2．1 網(wǎng)頁標(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)頁內(nèi)容居中布局
9．5．3 網(wǎ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簡介
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 移動坐標(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 行為簡介
13．1．1 行為的基礎(chǔ)知識
13．1．2 JavaScript代碼簡介
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 拖動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 案例演練