Dreamweaver CC网页设计与制作

Chapter 01 网页设计与制作基础
1.1　认识网页的基本组成 2
1.2　优秀网页结构赏析 5
1.3　认识静态网页与动态网页 8
1.4　了解网页的访问原理 9
1.5　认识域名和域名服务器 10
1.5.1　域名的各种分类 10
1.5.2　域名服务器(DNS) 11
1.6　网站设计流程 13
1.7　网页制作的常用工具 13
1.7.1　内容编辑工具 14
1.7.2　网页美化工具 14
1.8　实战问答 15
NO.1　静态网页与动态网页有何区别 15
NO.2　网页设计是否必须懂HTML标记 15
1.9　思考与练习 16

Chapter 02 初识Dreamweaver CC
2.1　Dreamweaver CC的基本操作 18
2.1.1　安装Dreamweaver CC 18
2.1.2　启动Dreamweaver CC 20
2.1.3　退出Dreamweaver CC 22
2.2　了解Dreamweaver CC的新功能 23
2.3　认识Dreamweaver CC工作环境 24
2.3.1　菜单栏 24
2.3.2　面板组 24
2.3.3　“插入”面板 24
2.3.4　文档窗口 26
2.3.5　“属性”面板 27
2.4　网页设计的基本操作 28
2.4.1　新建网页 28
2.4.2　保存网页 28
2.4.3　打开网页 29
2.4.4　预览网页 31
2.4.5　关闭网页 31
2.5　实战问答 33
NO.1　创建网页的其他方法 33
NO.2　如何改变预览网页时的浏览器 33
2.6　思考与练习 34

Chapter 03 页面属性的设置
3.1　在对话框中设置页面属性 36
3.1.1　设置外观(CSS) 36
3.1.2　设置外观(HTML) 37
3.1.3　设置链接(CSS) 39
3.1.4　设置标题(CSS) 41
3.1.5　设置标题/编码 43
3.1.6　设置跟踪图像 44
3.2　使用代码设置字体与页面背景效果 45
3.2.1　添加页面标题 45
3.2.2　为文字添加加粗和倾斜格式 46
3.2.3　设置文字的字号大小 47
3.2.4　设置网页文本的文本颜色 48
3.2.5　设置网页的背景颜色 49
3.2.6　为网页添加背景图片 50
3.3　使用代码设置超链接属性 51
3.3.1　设置超链接的边距 51
3.3.2　设置链接颜色 52
3.3.3　设置鼠标经过超链接效果 53
3.3.4　设置已访问链接 53
3.3.5　设置活动链接 54
3.3.6　修改下划线样式 54
3.4　实战问答 55
NO.1　外观(CSS)和外观(HTML)有何区别 55
NO.2　如何让背景图片固定 55
3.5　思考与练习 55

Chapter 04 创建与管理站点
4.1　创建、配置与发布本地站点 58
4.1.1　创建本地站点 58
4.1.2　为站点定义远程服务器 59
4.1.3　发布站点 60
4.2　管理站点 61
4.2.1　删除站点 61
4.2.2　编辑站点 61
4.2.3　复制站点 62
4.2.4　导出站点 63
4.2.5　导入站点 63
4.3　管理站点中的内容 64
4.3.1　添加文件/文件夹 64
4.3.2　重命名和删除文件/文件夹 65
4.4　实战问答 65
NO.1　站点已删除为什么文件还在 65
NO.2　如何将已有文件添加到站点中 66
4.5　思考与练习 66

Chapter 05 网页中的文本创建
5.1　文本的简单操作 68
5.1.1　在网页中录入文本 68
5.1.2　让文本换行分段 69
5.1.3　设置文本的对齐方式 69
5.1.4　设置文本的字体格式 70
5.2　项目列表和编号列表的使用 71
5.2.1　插入项目列表 71
5.2.2　插入编号列表 71
5.3　特殊文本的操作 72
5.3.1　插入换行符 72
5.3.2　插入水平线 73
5.3.3　插入日期 74
5.3.4　插入特殊字符 75
5.3.5　插入注释 76
5.4　实战问答 77
NO.1　项目列表中列表项前缀是否可以更改 77
NO.2　编号列表中列表项前缀序号是否可更改 77
5.5　思考与练习 78

Chapter 06 在网页中插入图像与多媒体
6.1　常用图像格式 80
6.1.1　JPEG图像 80
6.1.2　GIF图像 80
6.1.3　PNG图像 80
6.2　在网页中使用图像 81
6.2.1　插入图像 81
6.2.2　编辑图像大小 82
6.2.3　设置图像对齐方式 84
6.2.4　裁剪需要的图像 85
6.2.5　调整图片的亮度和对比度 87
6.2.6　设置图像的锐化效果 88
6.3　插入其他图像元素 90
6.3.1　插入图像热区 90
6.3.2　鼠标经过图像 91
6.4　在网页中插入多媒体 93
6.4.1　插入背景音乐 93
6.4.2　插入Flash动画 94
6.4.3　插入FLV视频 96
6.4.4　插入HTML5视频 98
6.4.5　插入HTML5音频 99
6.4.6　插入其他媒体 101
6.5　实战问答 102
NO.1　如何让背景音乐循环播放 102
NO.2　为何插入普通视频的网页在其他计算机不能播放 103
NO.3　为什么插入HTML5视频后不能播放 103
6.6　思考与练习 103

Chapter 07 超链接的应用
7.1　认识超链接的类型 106
7.1.1　按超链接源端点的对象划分 106
7.1.2　按执行超链接后的动作划分 106
7.1.3　按超链接的链接位置划分 107
7.2　链接路径有哪些分类 108
7.2.1　什么是URL 108
7.2.2　相对路径 108
7.2.3　绝对路径 109
7.2.4　根路径 109
7.3　各种超链接的创建方法 109
7.3.1　插入文本链接 109
7.3.2　设置链接打开方式 111
7.3.3　插入图像链接 112
7.3.4　插入热点链接 114
7.3.5　插入锚点链接 115
7.3.6　插入空链接 117
7.3.7　插入E-mail链接 118
7.3.8　插入脚本链接 119
7.4　实战问答 121
NO.1　超链接打开方式中_BLANK和NEW的区别 121
NO.2　为什么锚点链接不起作用 121
7.5　思考与练习 121

Chapter 08 表格的应用
8.1　创建表格并输入内容 124
8.1.1　精确插入指定行列的表格 124
8.1.2　在表格中输入内容 125
8.1.3　插入嵌套表格 126
8.2　格式化表格效果 127
8.2.1　选择表格及单元格 127
8.2.2　设置表格大小和对齐方式 130
8.2.3　为表格添加边框 132
8.2.4　设置单元格中文本和背景格式 133
8.2.5　设置单元格大小与对齐方式 134
8.3　编辑表格的常见操作 136
8.3.1　插入行或列 136
8.3.2　删除行或列 139
8.3.3　复制、剪切和粘贴单元格 140
8.3.4　合并单元格 141
8.3.5　拆分单元格 142
8.4　表格的高级操作 143
8.4.1　在网页中对表格数据排序 143
8.4.2　导入表格数据 145
8.4.3　导出表格数据 146
8.5　实战问答 147
NO.1　如何快速、准确地选择表格及单元格 147
NO.2　在表格中能插入图像文件吗 147
NO.3　为什么网页中的表格无法进行排序操作 149
NO.4　为什么导入到网页中的数据出现了混乱 149
8.6　思考与练习 149

Chapter 09 使用CSS层叠样式表
9.1　了解CSS样式表 152
9.1.1　什么是CSS 152
9.1.2　CSS的3种类型 152
9.1.3　CSS的语法格式 153
9.2　CSS样式的嵌入、内联和外联方式 154
9.2.1　嵌入式CSS 154
9.2.2　内联式CSS 154
9.2.3　外联式CSS 155
9.3　各种CSS样式的创建方法 156
9.3.1　建立ID样式 156
9.3.2　建立类样式 158
9.3.3　建立标签样式 159
9.3.4　建立复合样式 160
9.3.5　建立外部样式 161
9.4　CSS中的常用样式 162
9.4.1 设置字体样式 162
9.4.2　设置文本样式 166
9.4.3　设置背景样式 167
9.4.4　设置方框样式 170
9.4.5　设置边框样式 172
9.4.6　设置列表样式 174
9.4.7　设置定位样式 176
9.4.8　设置过渡样式 178
9.5　实战问答 180
NO.1　如何导入外部CSS样式表文件 180
NO.2　如何自动调整图像大小 181
9.6　思考与练习 182

Chapter 10 利用Div层布局
10.1　认识并创建层 184
10.1.1　什么是层 184
10.1.2　创建层 184
10.1.3　创建嵌套层 185
10.1.4　为层添加CSS样式表 187
10.2　Div层的定位方法 189
10.2.1　什么是盒子模型 189
10.2.2　通过float属性定位层 189
10.2.3　通过position属性定位层 191
10.3　Div常用布局方式的应用 192
10.3.1　居中布局 192
10.3.2　浮动布局 193
10.3.3　一列固定宽度布局 194
10.3.4　一列自适应宽度布局 194
10.3.5　两列固定宽度布局 195
10.4　实战问答 197
NO.1　如何清除Div浮动 197
NO.2　如何设置Div对象的行高 197
10.5　思考与练习 198

Chapter 11 使用模板和库
11.1　使用模板 200
11.1.1　创建模板 200
11.1.2　定义可编辑区域 201
11.1.3　创建基于模板的网页 202
11.1.4　从模板中分离网页 203
11.1.5　管理模板 204
11.2　使用库 206
11.2.1　创建库文件 206
11.2.2 向页面添加库文件 207
11.2.3　修改并更新库文件 208
11.3　实战问答 209
NO.1　如何在现有网页文件上应用模板 209
NO.2　模板可以嵌套模板吗 209
11.4　思考与练习 210

Chapter 12 表单的应用
12.1　认识网页中的表单 212
12.1.1　什么是表单 212
12.1.2　认识表单对象 212
12.2　创建表单 216
12.2.1　插入表单 216
12.2.2　设置表单属性 217
12.3　插入表单对象 218
12.3.1　插入文本域 218
12.3.2　插入密码域 221
12.3.3　插入其他文本域 223
12.3.4　插入按钮对象 224
12.3.5　插入图像按钮 225
12.3.6　插入文件上传域 226
12.4　实战问答 228
NO.1　如何通过“插入”面板添加表单对象 228
NO.2　如何自动选择文本框中所有文本内容 229
12.5　思考与练习 229

Chapter 13 在网页中编写JavaScript
13.1　了解JavaScript的基础知识 232
13.1.1　JavaScript是什么 232
13.1.2　JavaScript能做什么 232
13.1.3　JavaScript怎么用 233
13.2　JavaScript基础语法 233
13.2.1　了解值和变量 234
13.2.2　了解运算符 234
13.2.3　认识各种比较符 234
13.2.4　函数的使用 234
13.3　掌握JavaScript的常用事件 235
13.3.1　窗口事件 235
13.3.2　鼠标事件 237
13.3.3　键盘事件 238
13.3.4　表单处理事件 239
13.4　jQuery的应用 241
13.4.1　jQuery核心函数 241
13.4.2　使用jQuery选择器 242
13.4.3　使用jQuery操作对象属性 243
13.4.4　使用jQuery事件 245
13.4.5　jQuery中常用的效果 246
13.5　实战问答 248
NO.1　++与--放置在变量前后的区别 248
NO.2　解决预览页面时脚本执行问题 249
13.6　思考与练习 249

Chapter 14 制作婚纱网站
14.1　婚纱网制作介绍 252
14.2　婚纱网制作思路分析 253
14.3　婚纱网制作过程 254
14.3.1　创建婚纱网站点 254
14.3.2　创建婚纱网模板 255
14.3.3　创建样式表 257
14.3.4　在模板中制作导航 261
14.3.5　底部制作 265
14.3.6　制作婚纱网首页 267
14.3.7　制作联系我们页面 270
14.3.8　修改模板页中的导航菜单 273
14.4　婚纱网案例制作总结 274
14.5　婚纱网案例制作答疑 274
14.6　实战问答 274
NO.1　为什么要有Div+CSS布局而不用表格 274
NO.2　为何要减少对图像的使用 274
NO.3　如何将制作好的网站发布到网络上 274
NO.4　为什么创建的模板文件在浏览器中不能查看 275
习题答案 277