網(wǎng)頁設(shè)計與制作教程（Dreamweaver CC 2017版）

目錄
第1章網(wǎng)頁設(shè)計基礎(chǔ)
1．1Internet基礎(chǔ)知識
1．1．1什么是Internet
1．1．2URL和HTTP
1．1．3超文本與超媒體
1．1．4Web瀏覽器
1．2網(wǎng)頁和網(wǎng)站
1．2．1靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁的區(qū)別
1．2．2網(wǎng)頁中的常見元素
1．3常用網(wǎng)頁制作工具
1．3．1網(wǎng)頁制作軟件
1．3．2HTML的概念
1．3．3HTML的基本結(jié)構(gòu)
1．3．4HTML文字樣式設(shè)置的基本標(biāo)簽—— 1．3．5HTML表格
1．3．6HTML標(biāo)示標(biāo)記
1．3．7HTML區(qū)段標(biāo)記
1．3．8HTML鏈接
1．3．9HTML設(shè)置圖片
1．3．10加入聲音
1．3．11滾動條
1．4HTML5簡介
1．4．1HTML5的概念
1．4．2HTML5新增和刪除的元素
本章小結(jié)
習(xí)題1
第2章運用DreamweaverCC2017創(chuàng)建網(wǎng)站站點
2．1DreamweaverCC2017簡介
2．1．1DreamweaverCC2017工作界面
2．1．2文檔工具欄
2．1．3文檔編輯窗口
2．1．4屬性面板
2．2站點的規(guī)劃與創(chuàng)建
2．2．1站點的規(guī)劃
2．2．2創(chuàng)建站點
2．3管理站點
2．4站點窗口
2．4．1打開站點窗口
2．4．2認(rèn)識站點窗口
2．4．3站點工具欄
2．4．4查看站點中的文件
2．4．5在站點中添加新文件夾和新文件
2．4．6重命名文件或文件夾
2．4．7刪除文件或文件夾
2．5在DreamweaverCC2017中創(chuàng)建一般網(wǎng)頁
本章小結(jié)
習(xí)題2
第3章在網(wǎng)頁中使用文本
3．1插入普通文本
3．2插入特殊文本
3．3在字符之間添加空格
3．4插入水平線
3．5插入日期
3．6格式化文本
3．7創(chuàng)建列表
本章小結(jié)
習(xí)題3
第4章在網(wǎng)頁中使用圖像和多媒體
4．1圖像的格式及來源
4．1．1圖像的格式
4．1．2圖像的來源
4．2插入圖像
4．2．1插入圖像作為網(wǎng)頁內(nèi)容
4．2．2插入圖像的屬性設(shè)置
4．2．3給插入圖像加入鏈接
4．2．4插入圖像背景
4．3鼠標(biāo)經(jīng)過圖像設(shè)置
4．4插入Flash對象
4．4．1插入Flash動畫
4．4．2插入Flash視頻
4．4．3控制Flash播放
本章小結(jié)
習(xí)題4
第5章網(wǎng)頁中的表格
5．1表格的基本概念
5．2插入表格
5．3在表格中添加內(nèi)容
5．4嵌套表格
5．5表格的基本操作
5．5．1選取操作
5．5．2單元格操作
5．5．3插入或刪除行或列
5．6設(shè)置表格及單元格屬性
5．6．1設(shè)置表格屬性
5．6．2設(shè)置單元格屬性
5．7表格的高級操作
5．7．1移動表格的整列內(nèi)容
5．7．2數(shù)據(jù)導(dǎo)入/導(dǎo)出
5．8表格設(shè)置實例
5．8．1利用DreamweaverCC2017打造細線表格
5．8．2利用表格布局網(wǎng)頁
本章小結(jié)
習(xí)題5
第6章網(wǎng)頁中的超級鏈接
6．1文本鏈接
6．2圖像鏈接
6．2．1創(chuàng)建圖像鏈接
6．2．2創(chuàng)建熱點區(qū)域
6．3其他類型的鏈接
6．3．1MP3鏈接
6．3．2錨點鏈接
6．3．3從小圖片鏈接瀏覽原圖
6．4其他鏈接
6．4．1構(gòu)建空鏈接
6．4．2構(gòu)建Top鏈接
6．4．3構(gòu)建JavaScript鏈接
6．4．4構(gòu)建前進鏈接和后退鏈接
6．4．5構(gòu)建電子郵件鏈接
本章小結(jié)
習(xí)題6
第7章網(wǎng)站模板
7．1模板簡介
7．2創(chuàng)建模板
7．2．1將現(xiàn)有文檔保存為模板
7．2．2創(chuàng)建空白模板
7．3編輯模板
7．3．1創(chuàng)建可編輯區(qū)域
7．3．2取消對可編輯區(qū)域的標(biāo)記
7．3．3更改可編輯區(qū)域的名稱
7．4用模板創(chuàng)建網(wǎng)頁
7．4．1創(chuàng)建基于現(xiàn)有模板的文檔
7．4．2在“資源”面板中從模板創(chuàng)建新文檔
7．4．3為當(dāng)前文檔應(yīng)用模板
7．5管理模板
7．5．1重命名模板
7．5．2刪除模板
7．5．3更新模板
本章小結(jié)
習(xí)題7
第8章表單
8．1插入表單
8．2用戶注冊
本章小結(jié)
習(xí)題8
第9章行為
9．1播放聲音
9．1．1為網(wǎng)頁添加背景音樂
9．1．2MP3在線試聽
9．1．3讓用戶選擇播放音樂
9．2網(wǎng)頁提示信息
9．2．1彈出提示信息
9．2．2用戶注冊提示
本章小結(jié)
習(xí)題9
第10章DIV+CSS網(wǎng)頁布局
10．1CSS簡介
10．1．1CSS概念
10．1．2CSS與HTML的區(qū)別
10．1．3CSS的功能
10．2CSS的工作原理
10．2．1基本的CSS語法
10．2．2CSS代碼在網(wǎng)頁的位置
10．2．3外部樣式表示例
10．3使用CSS控制顏色與背景
10．3．1color屬性
10．3．2backgroundcolor屬性
10．3．3backgroundimage屬性
10．3．4backgroundrepeat屬性
10．3．5backgroundattachment屬性
10．3．6backgroundposition屬性
10．3．7background屬性
10．4使用CSS設(shè)置字體
10．4．1fontfamily屬性
10．4．2fontstyle屬性
10．4．3fontvariant屬性
10．4．4fontweight屬性
10．4．5fontsize屬性
10．4．6font
10．5使用CSS設(shè)置文本
10．5．1textindent屬性
10．5．2textalign屬性
10．5．3textdecoration屬性
10．5．4letterspacing屬性
10．5．5texttransform屬性
10．6CSS鏈接
10．6．1偽類的概念
10．6．2偽類a：link
10．6．3偽類a：visited
10．6．4偽類a：active
10．6．5偽類a：hover
10．7元素的分類與標(biāo)識(class和id)
10．7．1利用class對元素分類
10．7．2利用id標(biāo)識元素
10．8組織元素(span和div)
10．8．1用span組織元素
10．8．2用div組織元素
10．9盒狀模型
10．10內(nèi)邊距和外邊距
10．10．1CSS內(nèi)邊距
10．10．2CSS外邊距
10．11邊框
10．11．1CSS邊框?qū)傩?br />10．11．2borderwidth屬性
10．11．3borderstyle屬性
10．11．4bordercolor屬性
10．11．5CSS示例
10．12高度和寬度
10．12．1width屬性
10．12．2height屬性
10．13浮動元素(float)
10．13．1圖片的浮動
10．13．2列的浮動
10．13．3clear屬性
10．14元素的定位
10．14．1CSS定位的原理
10．14．2絕對定位
10．14．3相對定位
10．15CSS綜合實例
10．15．1網(wǎng)頁布局實例1
10．15．2網(wǎng)頁布局實例2
10．15．3網(wǎng)頁布局實例3
10．15．4網(wǎng)頁布局實例4——HTML5布局
本章小結(jié)
習(xí)題10
第11章HTML5+CSS3網(wǎng)頁制作綜合實例
11．1制作前臺登錄頁面
11．1．1登錄頁前臺頁面布局設(shè)計
11．1．2編寫login．css樣式表文件
11．2制作后臺頁面
11．2．1后臺頁面的HTML代碼編寫
12．2．2后臺登錄成功后編寫頁面的CSS樣式代碼
本章小結(jié)
習(xí)題11
參考文獻