Dreamweaver CC 2019網(wǎng)頁制作實例教程（微課版）

 
第1章  Dreamweaver CC 2019概述  1
1.1  工作界面  2
1.2  編碼環(huán)境  7
1.2.1  代碼提示  8
1.2.2  代碼格式化  10
1.2.3  代碼改寫  10
1.3  編碼工具  11
1.3.1  快速標(biāo)簽編輯器  11
1.3.2  【代碼片段】面板  11
1.3.3  優(yōu)化網(wǎng)頁代碼  12
1.4  輔助工具  14
1.4.1  標(biāo)尺  15
1.4.2  網(wǎng)格  15
1.4.3  輔助線  16
1.5  自定義設(shè)置  17
1.5.1  常規(guī)設(shè)置  17
1.5.2  不可見元素設(shè)置  18
1.5.3  網(wǎng)頁字體設(shè)置  19
1.5.4  文件類型/編輯器設(shè)置  19
1.5.5  界面顏色設(shè)置  19
1.6  實例演練  20
1.7  習(xí)題  22
第2章  HTML5基礎(chǔ)知識  23
2.1  HTML5簡介  24
2.2  HTML5文件的基本結(jié)構(gòu)  24
2.2.1  文檔類型聲明  25
2.2.2  主標(biāo)簽  25
2.2.3  頭部標(biāo)簽  26
2.2.4  主體標(biāo)簽  28
2.3  HTML5文件的編寫方法  28
2.3.1  手動編寫HTML5代碼  28
2.3.2  使用Dreamweaver生成HTML5代碼  29
2.4  HTML5元素  31
2.4.1  結(jié)構(gòu)元素  31
2.4.2  功能元素  33
2.4.3  表單元素  36
2.5  HTML5屬性  36
2.5.1  表單屬性  37
2.5.2  鏈接屬性  37
2.5.3  其他屬性  37
2.6  HTML5全局屬性  38
2.6.1  contenEditable屬性  38
2.6.2  contextmenu屬性  39
2.6.3  data-*屬性  40
2.6.4  draggable屬性  41
2.6.5  dropzone屬性  43
2.6.6  hidden屬性  43
2.6.7  spellcheck屬性  44
2.6.8  translate屬性  44
2.7  HTML5事件  45
2.7.1  window事件  45
2.7.2  form事件  45
2.7.3  mouse事件  46
2.7.4  media事件  46
2.8  實例演練  47
2.9  習(xí)題  48
第3章  設(shè)計網(wǎng)頁文本內(nèi)容  49
3.1  定義段落文字  50
3.1.1  使用段落標(biāo)簽  50
3.1.2  使用換行標(biāo)簽  51
3.2  定義標(biāo)題文字  51
3.3  設(shè)置文字格式  52
3.3.1  設(shè)置文字字體  52
3.3.2  設(shè)置文字字號  53
3.3.3  設(shè)置文字顏色  55
3.3.4  設(shè)置字體效果  56
3.3.5  設(shè)置上標(biāo)與下標(biāo)  57
3.3.6  設(shè)置字體風(fēng)格  58
3.3.7  設(shè)置文字粗細  59
3.3.8  設(shè)置文字復(fù)合屬性  60
3.3.9  設(shè)置陰影文本  61
3.4  設(shè)置網(wǎng)頁水平線  62
3.4.1  添加水平線  62
3.4.2  設(shè)置水平線的寬度和高度  63
3.4.3  設(shè)置水平線的顏色  64
3.4.4  設(shè)置水平線的對齊方式  64
3.4.5  消除水平線的陰影  65
3.5  建立網(wǎng)頁文字列表  66
3.5.1  建立無序列表  66
3.5.2  建立有序列表  68
3.5.3  建立嵌套列表  69
3.5.4  建立自定義列表  70
3.6  設(shè)置段落格式  71
3.6.1  設(shè)計單詞間隔  71
3.6.2  設(shè)置字符間隔  72
3.6.3  設(shè)置文字修飾  73
3.6.4  設(shè)置垂直對齊方式  73
3.6.5  設(shè)置水平對齊方式  75
3.6.6  設(shè)置文本縮進  76
3.6.7  設(shè)置文本行高  76
3.6.8  設(shè)置留白  77
3.6.9  設(shè)置文本反排  78
3.7  實例演練  79
3.8  習(xí)題  80
第4章  設(shè)計網(wǎng)頁圖像效果  81
4.1  網(wǎng)頁圖像簡介  82
4.1.1  網(wǎng)頁支持的圖片格式  82
4.1.2  圖像中的路徑  82
4.2  在網(wǎng)頁中插入圖像  84
4.3  編輯網(wǎng)頁中的圖像  86
4.3.1  設(shè)置網(wǎng)頁圖像的高度和寬度  86
4.3.2  設(shè)置網(wǎng)頁圖像的提示文字  87
4.3.3  在Dreamweaver中編輯圖像效果  88
4.3.4  在Photoshop中編輯圖像效果  90
4.4  設(shè)置網(wǎng)頁背景圖像  91
4.5  排列網(wǎng)頁中的圖像  92
4.6  創(chuàng)建鼠標(biāo)經(jīng)過圖像效果  92
4.7  實例演練  94
4.8  習(xí)題  96
第5章  建立超鏈接  97
5.1  超鏈接的基礎(chǔ)知識  98
5.1.1  超鏈接的類型  98
5.1.2  超鏈接的路徑  98
5.2  創(chuàng)建網(wǎng)頁超鏈接  99
5.2.1  創(chuàng)建文本鏈接  99
5.2.2  創(chuàng)建圖像鏈接  101
5.2.3  創(chuàng)建下載鏈接  102
5.2.4  設(shè)置電子郵件鏈接  103
5.2.5  設(shè)置以新窗口打開超鏈接  103
5.2.6  使用相對路徑和絕#對路徑  104
5.3  創(chuàng)建浮動框架  106
5.4  創(chuàng)建熱點區(qū)域  107
5.5  實例演練  110
5.6  習(xí)題  112
第6章  創(chuàng)建表單  113
6.1  表單簡介  114
6.2  基本表單元素  115
6.2.1  單行文本框  115
6.2.2  多行文本框  116
6.2.3  密碼輸入框  117
6.2.4  單選按鈕  119
6.2.5  復(fù)選框  120
6.2.6  下拉列表框  121
6.2.7  普通按鈕  123
6.2.8  提交按鈕  123
6.2.9  重置按鈕  124
6.3  HTML5增強輸入類型  125
6.3.1  url類型  125
6.3.2  email類型  125
6.3.3  date和time類型  126
6.3.4  number類型  127
6.3.5  range類型  128
6.3.6  search類型  129
6.3.7  tel類型  130
6.3.8  color類型  130
6.4  HTML5 input屬性  131
6.4.1  autocomplete屬性  131
6.4.2  autofocus屬性  133
6.4.3  form屬性  135
6.4.4  height和width屬性  135
6.4.5  list屬性  136
6.4.6  min、max和step屬性  137
6.4.7  pattern屬性  138
6.4.8  placeholder屬性  138
6.4.9  required屬性  139
6.4.10  disabled屬性  140
6.4.11  readonly屬性  140
6.5  HTML5新增控件  141
6.5.1  datalist元素  141
6.5.2  keygen元素  141
6.5.3  output元素  142
6.6  HTML5表單屬性  143
6.6.1  autocomplete屬性  143
6.6.2  novalidate屬性  143
6.7  實例演練  144
6.8  習(xí)題  148
第7章  使用表格  149
7.1  表格的基本結(jié)構(gòu)  150
7.2  創(chuàng)建表格  151
7.2.1  創(chuàng)建帶標(biāo)題的表格  151
7.2.2  定義表格邊框類型  153
7.2.3  定義表格的表頭  154
7.2.4  定義表格單元格間距  155
7.2.5  定義表格單元格邊距  156
7.2.6  定義表格寬度  157
7.3  調(diào)整表格  157
7.3.1  調(diào)整表格大小  158
7.3.2  添加行與列  158
7.3.3  刪除行與列  158
7.3.4  合并單元格  159
7.3.5  拆分單元格  161
7.3.6  設(shè)置單元格高度與寬度  161
7.4  設(shè)置表格背景  162
7.4.1  定義表格背景顏色  162
7.4.2  定義表格背景圖片  163
7.4.3  定義表格單元格背景  163
7.5  排列單元格內(nèi)容  164
7.6  設(shè)置單元格內(nèi)容不換行  166
7.7  實例演練  167
7.8  習(xí)題  170
第8章  使用多媒體  171
8.1  使用網(wǎng)頁音頻標(biāo)簽? 172
8.1.1  標(biāo)簽簡介? 172
8.1.2  audio標(biāo)簽的屬性  172
8.1.3  音頻解碼器  173
8.1.4  設(shè)置網(wǎng)頁音頻文件  173