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  快速標簽編輯器  11
1.3.2  【代碼片段】面板  11
1.3.3  優(yōu)化網(wǎng)頁代碼  12
1.4  輔助工具  14
1.4.1  標尺  15
1.4.2  網(wǎng)格  15
1.4.3  輔助線  16
1.5  自定義設置  17
1.5.1  常規(guī)設置  17
1.5.2  不可見元素設置  18
1.5.3  網(wǎng)頁字體設置  19
1.5.4  文件類型/編輯器設置  19
1.5.5  界面顏色設置  19
1.6  實例演練  20
1.7  習題  22
第2章  HTML5基礎知識  23
2.1  HTML5簡介  24
2.2  HTML5文件的基本結(jié)構(gòu)  24
2.2.1  文檔類型聲明  25
2.2.2  主標簽  25
2.2.3  頭部標簽  26
2.2.4  主體標簽  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  習題  48
第3章  設計網(wǎng)頁文本內(nèi)容  49
3.1  定義段落文字  50
3.1.1  使用段落標簽  50
3.1.2  使用換行標簽  51
3.2  定義標題文字  51
3.3  設置文字格式  52
3.3.1  設置文字字體  52
3.3.2  設置文字字號  53
3.3.3  設置文字顏色  55
3.3.4  設置字體效果  56
3.3.5  設置上標與下標  57
3.3.6  設置字體風格  58
3.3.7  設置文字粗細  59
3.3.8  設置文字復合屬性  60
3.3.9  設置陰影文本  61
3.4  設置網(wǎng)頁水平線  62
3.4.1  添加水平線  62
3.4.2  設置水平線的寬度和高度  63
3.4.3  設置水平線的顏色  64
3.4.4  設置水平線的對齊方式  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  設置段落格式  71
3.6.1  設計單詞間隔  71
3.6.2  設置字符間隔  72
3.6.3  設置文字修飾  73
3.6.4  設置垂直對齊方式  73
3.6.5  設置水平對齊方式  75
3.6.6  設置文本縮進  76
3.6.7  設置文本行高  76
3.6.8  設置留白  77
3.6.9  設置文本反排  78
3.7  實例演練  79
3.8  習題  80
第4章  設計網(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  設置網(wǎng)頁圖像的高度和寬度  86
4.3.2  設置網(wǎng)頁圖像的提示文字  87
4.3.3  在Dreamweaver中編輯圖像效果  88
4.3.4  在Photoshop中編輯圖像效果  90
4.4  設置網(wǎng)頁背景圖像  91
4.5  排列網(wǎng)頁中的圖像  92
4.6  創(chuàng)建鼠標經(jīng)過圖像效果  92
4.7  實例演練  94
4.8  習題  96
第5章  建立超鏈接  97
5.1  超鏈接的基礎知識  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  設置電子郵件鏈接  103
5.2.5  設置以新窗口打開超鏈接  103
5.2.6  使用相對路徑和絕#對路徑  104
5.3  創(chuàng)建浮動框架  106
5.4  創(chuàng)建熱點區(qū)域  107
5.5  實例演練  110
5.6  習題  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  復選框  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  習題  148
第7章  使用表格  149
7.1  表格的基本結(jié)構(gòu)  150
7.2  創(chuàng)建表格  151
7.2.1  創(chuàng)建帶標題的表格  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  設置單元格高度與寬度  161
7.4  設置表格背景  162
7.4.1  定義表格背景顏色  162
7.4.2  定義表格背景圖片  163
7.4.3  定義表格單元格背景  163
7.5  排列單元格內(nèi)容  164
7.6  設置單元格內(nèi)容不換行  166
7.7  實例演練  167
7.8  習題  170
第8章  使用多媒體  171
8.1  使用網(wǎng)頁音頻標簽? 172
8.1.1  標簽簡介? 172
8.1.2  audio標簽的屬性  172
8.1.3  音頻解碼器  173
8.1.4  設置網(wǎng)頁音頻文件  173