第一篇 网站前期规划篇 2
第1章 网站企划概念 2
1-1网站概念 2
1-2网页界面的组成元素 2
1-3网站制作流程 4
1-3-1规划时期 5
1-3-2设计时期 10
1-3-3上传时期 10
1-3-4 维护及更新时期 12
课后习题与练习 13
第2章 网站建设要领 14
2-1页面内容布局 14
2-2网页配色概念 18
2-3网页安全色 20
2-4常用网页图像格式 21
2-4-1 JPG 21
2-4-2 GIF 21
2-4-3 PNG 22
课后习题与练习 22
第二篇网页设计基础篇 25
第3章 站点的建立与基本操作 25
3-1认识Dreamweaver 25
3-1-1启动Dreamweaver 25
3-1-2认识Dreamweaver的工作环境 26
3-2 Dreamweaver的面板操作 27
3-2-1显示与隐藏面板 27
3-2-2展开与折叠面板 28
3-2-3调整面板大小 28
3-2-4 使用面板菜单 29
3-2-5新建工作区 29
3-2-6切换“插入”面板的类型 30
3-3以Dreamweaver建立站点 31
3-3-1开始建立站点 31
3-3-2站点的管理 32
3-3-3多个站点之间的切换 33
3-3-4 站点的导入方式 33
3-3-5建立Business Catalyst站点 35
3-4 Dreamweaver的基本操作 38
3-4-1新建网页文档 38
3-4-2新建站点文件夹 39
3-4-3新建网页或文件夹的注意事项 39
3-4-4网页文档的编辑与打开 40
3-4-5切换页面的编辑模式 41
3-4-6设置页面的编码方式 41
3-4-7设置页面字体大小 42
3-4-8设置页面背景 43
3-4-9设置页面标题文字 44
3-4-10新建流体网格布局 44
3-4-11建立jQuery Mobile起始页面 46
3-4-12使用jQuery Mobile色板 47
3-5以站点架构图建立网页文档 48
3-6设置预览画面的浏览器 49
3-7相对路径与绝对路径 50
3-7-1图片与路径的关系 50
3-7-2超链接与路径的关系 51
3-8 Creative Cloud账户管理（新增功能） 52
3-8-1管理同步化设置 52
3-8-2同步设置 52
3-8-3管理Creative Cloud账户 53
课后习题与练习 56
第4章 设置文字以强化重点：“最新消息”页面设计 59
4-1文字输入技巧 59
4-1-1输入文字内容 59
4-1-2输入连续空格 61
4-1-3加入日期时间 62
4-1-4加入特殊字符 63
4-1-5粘贴纯文本文档 64
4-1-6粘贴Word文档内容 65
4-1-7清除Word的HTML 67
4-2文字效果设置 68
4-2-1由右键快捷菜单做设置 68
4-2-2由“属性”面板设置文字格式 69
4-2-3由“页面属性”设置文字格式 70
4-3网页字体的管理（新增功能） 71
4-3-1 Adobe Edge Web Fonts 71
4-3-2自定义字体堆栈 73
4-4项目符号及编号 75
4-4-1设置项目效果 75
4-4-2改变符号及编号 75
4-4-3多层次的项目效果 76
4-5加入水平线 77
4-6文字的查找及替换 79
4-7范例实战：“最新消息”页面设计 80
4-7-1设置网页背景色 80
4-7-2复制与粘贴文字内容 82
4-7-3使用水平线进行分隔 82
4-7-4加入页面更新日期 83
4-7-5修改文字格式 84
4-7-6加入项目符号 85
课后习题与练习 86
第5章 加入表格以编排页面：“成绩查询”页面设计 88
5-1表格的组成 88
5-2表格创建方式 89
5-2-1创建基本表格 89
5-2-2导入Excel文档 90
5-2-3导入表格式数据 91
5-3表格的编辑操作 92
5-3-1表格选取技巧 92
5-3-2重设表格的行列数 93
5-3-3调整表格宽度 94
5-3-4 调整边距／间距／边框 94
5-3-5行列的插入／删除 95
5-3-6调整行宽／行高 95
5-3-7单元格的拆分／合并 97
5-3-8清除表格的宽度／高度 99
5-3-9单元格的其他设置 100
5-3-10排序表格数据 100
5-4表格的CSS样式 101
5-4-1以CSS新增表格的边框样式 101
5-4-2编辑表格样式 104
5-4-3编辑单元格的CSS样式 106
5-5扩展表格版面 107
5-6范例实战：“成绩查询”页面设计 108
5-6-1加入表格数据 109
5-6-2使用表格排序来创建名次 109
5-6-3美化表格 111
课后习题与练习 112
第6章 图片编排以美化网页：“网络艺廊”页面设计 114
6-1添加网页图片 114
6-2图片编辑调整 117
6-2-1调整图片大小 117
6-2-2加入图片边框 118
6-2-3加入方块阴影（新增功能） 120
6-2-4设置图片对齐 120
6-2-5设置图片超链接 122
6-2-6改变图片图像 122
6-2-7图片编辑功能 123
6-3背景图像使用技巧 125
6-3-1设置背景图像 125
6-3-2背景图像拼贴方式 126
6-3-3固定不动的背景图像 127
6-4鼠标经过图像 127
6-5范例实战：“网络艺廊”页面设计 128
6-5-1在表格中插入图片 129
6-5-2加入图像超链接 131
课后习题与练习 133
第7章 设置超链接以畅行无阻：“好站相连”页面设计 135
7-1各种链接方式 135
7-1-1网站内部链接 135
7-1-2网站外部链接 138
7-1-3电子邮件链接 139
7-1-4文件下载链接 141
7-1-5图像地图 142
7-2超链接的其他设置 144
7-2-1取消链接下划线 144
7-2-2超链接的文字格式 144
7-2-3快速创建超链接 145
7-2-4删除超链接 145
7-3范例实战：“好站相连”页面设计 146
7-3-1页面加入表格 146
7-3-2创建超链接内容 147
课后习题与练习 147
第8章 网站上传与管理 149
8-1申请网站空间 149
8-1-1付费网站空间 149
8-1-2申请免费网站空间 150
8-2网站资料上传 151
8-3上传文件的操作 155
8-4检查网站的使用状况 157
8-4-1检查整个网站的链接 157
8-4-2更改网站链接 158
8-4-3网站报告 158
8-4-4 FTP记录 159
8-5 PhoneGap服务 159
课后习题与练习 159
第三篇 运用美感决胜：多媒体建设篇 162
第9章 DIV设置以灵活页面：规划网页区块与按钮区 162
9-1以DIV标签规划区块 162
9-1-1插入DIV标签 162
9-1-2以CSS设置DIV标签大小／背景色 166
9-1-3同时设置DIV标签与CSS规则 170
9-1-4 编辑DIV标签的CSS样式 173
9-1-5为DIV区块加入圆角／渐变色／阴影 174
9-1-6标签中插入网页元素 176
9-2跟踪图像 176
9-3范例实战：规划网页区块与按钮区 177
9-3-1创建区块的CSS文件 179
9-3-2附加现有的CSS文件 181
9-3-3加入左侧链接按钮 182
9-3-4 加入页眉画面 185
9-3-5加入页脚文字 186
9-3-6在区块置中设置背景图像 186
9-3-7页面整合设置 188
课后习题与练习 191
第10章 插入多媒体对象：“Flash首页”页面设计 193
10-1插入Flash SWF 193
10-1-1加入Flash SWF 193
10-1-2设置影片属性 195
10-1-3设置透明背景的影片 196
10-2插入Flash Video 197
10-3插入HTML 5 Video 199
10-4插入HTML 5 Audio 200
10-5范例实战：首页动画设置 202
课后习题与练习 205
第11章 CSS样式效果：CSS样式规划 207
11-1 CSS的概念 207
11-2在页面中定义CSS样式 208
11-2-1新建CSS样式 208
11-2-2应用样式效果 209
11-2-3认识“CSS设计器”面板 210
11-2-4 修改与增添样式内容 211
11-2-5启用／停用CSS属性 213
11-3外部样式表链接 214
11-3-1外部样式的概念 214
11-3-2创建外部样式表 214
11-3-3存储外部样式表文件 216
11-3-4链接外部样式表 218
11-4设计时间样式表 219
11-4-1设计时间时隐藏的样式 219
11-4-2只在设计时显示的样式 221
11-5 CSS样式使用技巧 223
11-5-1设置水平分隔线样式 223
11-5-2设置文字超链接效果 225
11-5-3居中对齐的背景图片 227
11-5-4 项目符号的样式 228
11-6 CSS过渡效果 230
11-6-1新建CSS过渡效果 230
11-6-2编辑选取的过渡效果 233
11-6-3移除规则／类型或过渡效果 234
11-7范例实战：CSS样式规划 234
11-7-1设置“标题文字”的CSS样式 234
11-7-2设置“水平线”的CSS样式 236
课后习题与练习 237
第四篇 交互、优化及轻松管理网站篇 240
第12章 资源库与模板：“讲师介绍”页面设计 240
12-1使用资源面板 240
12-1-1“资源”面板介绍 240
12-1-2资源面板操作管理 241
12-2活用库功能 243
12-2-1库内容的创建 243
12-2-2使用库内容 244
12-2-3库内容的更新 244
12-2-4创建空白库项目 246
12-3使用模板功能 247
12-3-1模板的概念 247
12-3-2创建模板文件 248
12-3-3应用模板效果 250
12-3-4创建可编辑区域 251
12-3-5删除应用到页面的模板 254
12-3-6管理模板文件 255
12-4范例实战：“讲师介绍”页面设计 255
12-4-1加入页面标题与图像图片 255
12-4-2设计模板文件 256
12-4-3新建可编辑区域 257
12-4-4设置各讲师页面 259
12-4-5创建网页超链接 262
课后习题与练习 264
第13章 增加交互性表单技巧：“讨论园地”页面设计 266
13-1表单的创建 266
13-2各种表单组件的使用 268
13-2-1文本／密码／文本区域 268
13-2-2电子邮件／电话 273
13-2-3单选类型组件 273
13-2-4日期时间类型组件 279
13-2-5按钮组件 282
13-2-6表单的提交设置 283
13-2-7其他类型组件 284
13-3范例实战：“讨论园地”页面设计 286
13-3-1设计表单界面 286
13-3-2加入表单组件 289
课后习题与练习 291
第14章 使用行为命令 293
14-1行为命令简介 293
14-2弹出式信息窗口 294
14-2-1添加与启动行为命令 294
14-2-2修改行为命令内容 295
14-2-3行为事件解说 295
14-3 设置状态栏文字 296
14-3-1鼠标滑过时 296
14-3-2鼠标滑出时 297
14-3-3行为事件补充 298
14-4打开浏览器窗口 298
14-4-1设置行为命令 299
14-4-2相关设置介绍 300
14-5前往URL 300
14-6交换图像效果 301
14-7自动信息窗口 303
14-7-1网页加载时的自动信息窗口 303
14-7-2网页离开时的自动信息窗口 304
课后习题与练习 305