入门篇 2
第1章 认识网页及网页制作工具 2
1.1网页制作基础知识 3
1.1.1认识网页 3
1.1.2认识网站 3
1.1.3网页的类型 4
1.1.4网页制作中的专业术语 4
1.1.5网页页面的基本组成元素 5
1.2网站的一般开发流程 6
1.2.1收集资料和素材 6
1.2.2规划站点 6
1.2.3制作网页 7
1.2.4测试站点 7
1.2.5发布站点 7
1.2.6更新和维护站点 7
1.3网页制作的原则和技巧 8
1.3.1网页制作的基本原则 8
1.3.2网页基本元素的标准及使用技巧 8
1.3.3用色的技巧 10
1.4认识Dreamweaver CS6 11
1.4.1 Dreamweaver CS6简介 11
1.4.2启动和退出Dreamweaver CS6 12
1.4.3 Dreamweaver CS6的工作界面 12
1.5 Dreamweaver CS6的新功能和改善功能 13
1.5.1针对平板电脑和智能手机的功能 13
1.5.2更加专业而简捷的操作 14
1.6网页的基本操作 16
1.6.1新建网页 16
1.6.2保存网页 16
1.6.3打开网页 16
1.6.4预览网页 17
1.6.5设置网页属性 17
1.7 HTML与HTML 5 17
1.7.1 HTML语言 17
1.7.2在Dreamweaver CS6中编辑HTML 18
1.7.3 HTML的常见语法 18
1.7.4认识HTML5 22
1.8基础实例——打开并操作网页 22
1.8.1行业分析 23
1.8.2操作思路 23
1.8.3操作步骤 24
1.9基础练习——新建网页并进行保存 25
1.10知识问答 26
第2章 站点的创建、管理和发布 28
2.1站点的规划 29
2.1.1认识站点 29
2.1.2规划站点结构 29
2.2站点的创建与管理 30
2.2.1创建站点 30
实例2-1通过“文件”面板创建站点 30
2.2.2管理站点 31
实例2-2在站点中创建文件夹和文件 32
2.3申请主页空间及域名 34
2.3.1申请免费的主页空间 35
实例2-3在酷网中申请免费主页空间 35
2.3.2申请收费的网站空间 35
实例2-4 在西部数码网站申请收费主页空间 35
2.3.3申请域名 37
2.4站点的本地测试 38
2.4.1兼容性测试 38
实例2-5检查当前网页的兼容性 38
2.4.2检查站点范围的链接 39
2.4.3修复站点范围的链接 40
2.5发布站点 40
2.5.1配置远程信息 40
实例2-6为本地站点配置远程信息 41
2.5.2发布站点 42
2.6站点管理和宣传 42
2.6.1使用同步功能 42
实例2-7同步站点 43
2.6.2使用设计备注 44
实例2-8为网页文档添加备注信息 44
2.6.3使用站点报告 45
2.6.4站点的宣传 46
2.7基础实例——创建和发布站点 47
2.7.1行业分析 47
2.7.2操作思路 48
2.7.3操作步骤 48
2.8基础练习 50
2.8.1申请主页空间和域名 50
2.8.2创建并发布站点 50
2.9知识问答 51
第3章 用文本和图像充实网页 52
3.1添加文本 53
3.1.1添加普通文本 53
实例3-1导入Excel中的文本信息 53
3.1.2添加空格 54
3.1.3添加水平线 54
3.1.4添加日期 55
3.1.5添加特殊符号 56
3.1.6文本换行与分段 56
3.2设置文本格式 56
3.2.1设置文本基本格式 57
实例3-2为Dreamweaver编辑常用字体列表 57
实例3-3为网页文本设置格式 58
3.2.2设置段落格式 59
3.3创建列表 60
3.3.1编号列表 60
3.3.2项目列表 61
3.3.3定义列表 62
3.3.4嵌套列表的创建 62
3.4为网页添加图像 62
3.4.1网页中支持的图像格式 62
3.4.2直接插入图像 63
3.4.3用占位符插入图像 63
3.5图像的设置和应用 64
3.5.1设置图像属性 64
3.5.2创建鼠标经过图像 65
实例3-4 为网页插入鼠标经过图像 65
3.6基础实例 66
3.6.1创建软件下载列表 66
3.6.2制作导航条页面 68
3.7基础练习 71
3.7.1为时尚网页添加和设置文本 71
3.7.2制作动物网页 72
3.8知识问答 74
第4章 添加炫目的动态元素 76
4.1插入Flash媒体元素 77
4.1.1认识Flash文件 77
4.1.2插入Flash动画 77
实例4-1在网页中插入Flash动画 77
4.1.3插入Flash视频 78
实例4-2在网页中插入Flash视频 78
4.2插入其他媒体元素 79
4.2.1插入Shockwave影片 79
4.2.2插入Java Applet 80
4.2.3插入插件 81
实例4-3插入MPEG视频插件 81
4.3添加音乐元素 82
4.3.1添加背景音乐 82
实例4-4 通过插入标签添加背景音乐 82
4.3.2添加音乐链接 83
实例4-5在网页中添加音乐链接 83
4.3.3页面音乐的嵌入 83
实例4-6以插入插件的方式嵌入音乐 83
4.4基础实例——制作产品促销网页 84
4.4.1行业分析 85
4.4.2操作思路 85
4.4.3操作步骤 85
4.5基础练习 87
4.5.1完善游戏页面 87
4.5.2制作音乐试听页面 88
4.6知识问答 89
第5章 网页中的桥梁——超级链接 90
5.1认识超级链接 91
5.1.1超级链接的类型 91
5.1.2超级链接的路径的分类 92
5.2创建基本链接 93
5.2.1创建文本超级链接 93
实例5-1创建内部文本链接 94
5.2.2创建图像超级链接 95
5.2.3 HTML链接代码 96
5.2.4空链接的应用 96
5.3制作锚点链接 96
5.3.1创建锚记 96
5.3.2链接命名锚记 97
5.3.3 HTML锚点链接代码 97
5.3.4更改链接名称 97
5.4制作更多形式的链接 98
5.4.1下载链接 98
5.4.2音、视频链接 98
5.4.3电子邮件链接 99
5.4.4 HTML电子邮件链接代码 99
5.5基础实例——为“网站联盟”网页添加链接 100
5.5.1行业分析 100
5.5.2操作思路 101
5.5.3操作步骤 101
5.6基础练习——完善招聘网页链接 103
5.7知识问答 104
提高篇 108
第6章 表格在网页中的应用 108
6.1表格的创建 109
6.1.1创建表格 109
实例6-1在页面中创建单个表格 109
6.1.2嵌套表格 109
实例6-2在已有表格中创建嵌套表格 110
6.1.3在表格中添加内容 110
6.2对表格进行编辑 110
6.2.1选中整个表格 111
6.2.2行或列的选中 111
6.2.3单元格的选中 112
6.2.4单元格的合并与拆分 112
实例6-3将一个单元格拆分为两行 113
6.2.5行或列的添加与删除 113
实例6-4 在表格中插入3列 114
实例6-5删除表格中的行和列 115
6.3表格属性设置 115
6.3.1设置表格属性 115
6.3.2设置单元格属性 116
实例6-6对表格及单元格属性进行设置 117
6.4表格的高级操作 117
6.4.1排序表格 117
实例6-7排序表格数据 117
6.4.2导入和导出表格内容 118
实例6-8导入文本文档 118
实例6-9导出网页中的表格 119
6.5提高实例——制作产品目录页面 120
6.5.1行业分析 121
6.5.2操作思路 121
6.5.3操作步骤 122
6.6提高练习——制作日历网页 124
6.7知识问答 124
第7章 使用AP Div布局网页 126
7.1 AP Div的创建 127
7.1.1创建AP Div 127
7.1.2创建嵌套AP Div 127
7.2 AP Div的编辑操作 128
7.2.1认识“AP元素”面板 128
7.2.2选中AP Div 128
7.2.3移动AP Div 128
7.2.4对齐AP Div 129
7.2.5调整AP Div的大小 129
7.2.6设置AP Div的堆叠顺序 130
7.2.7改变AP Div的可见性 131
7.3 AP Div的属性设置 132
7.3.1单个AP Div的属性设置 132
7.3.2多个AP Div的属性设置 133
7.4提高实例——制作西餐厅网页 134
7.4.1行业分析 134
7.4.2操作思路 135
7.4.3操作步骤 135
7.5提高练习——制作服装展示网页 137
7.6知识问答 139
第8章 使用CSS美化网页 140
8.1认识层叠样式表 141
8.2创建层叠样式表 142
8.2.1认识“CSS样式”面板 142
8.2.2创建层叠样式表 142
实例8-1新建“tr”内部标签CSS样式 144
实例8-2链接外部CSS文件 145
8.3定义层叠样式表属性 146
8.3.1设置类型属性 146
8.3.2设置背景属性 146
8.3.3设置区块属性 147
8.3.4设置方框属性 148
8.3.5设置边框属性 149
8.3.6设置列表属性 149
8.3.7设置定位属性 150
8.3.8设置扩展属性 151
8.3.9设置过渡属性 152
8.4应用并管理层叠样式表 153
8.4.1应用层叠样式表 153
8.4.2编辑层叠样式 154
实例8-3修改“body” CSS样式 154
8.4.3 删除层叠样式表 156
8.5提高实例——美化鸿宇装饰页面 156
8.5.1行业分析 158
8.5.2操作思路 158
8.5.3操作步骤 158
8.6提高练习——美化红驴旅行网网页 161
8.7知识问答 163
第9章 使用Div＋CSS灵活布局网页 164
9.1网站标准 165
9.1.1结构化标准语言 165
9.1.2表现标准语言 165
9.1.3行为标准 165
9.2关于Div＋CSS布局 166
9.2.1认识Div＋CSS 166
9.2.2了解基于CSS的页面布局 166
9.2.3块元素 167
9.2.4行内元素 168
9.3在网页中插入Div 169
9.3.1插入Div 169
9.3.2 Div的嵌套 169
实例9-1在Div标签中嵌套两个Div标签 169
9.4关于Div＋CSS盒模型 170
9.4.1 margin（边界） 171
9.4.2 border（边框） 172
9.4.3 padding（填充） 174
9.4.4 content（内容） 174
9.5 Div＋CSS布局定位 175
9.5.1 relative（相对定位） 175
9.5.2 absolute（绝对定位） 176
9.5.3 fixed（悬浮定位） 176
9.5.4 float（浮动定位） 177
9.6常用的Div＋CSS布局方式 177
9.6.1 Div高度自适应 177
实例9-2在网页中新建高度自适应的Div标签 177
9.6.2网页内容居中布局 179
9.6.3网页元素浮动布局 180
实例9-3制作首字下沉效果 180
实例9-4制作左图右文的图文混排效果 182
9.6.4流体网格布局 182
9.7提高实例——制作化工材料网页 183
9.7.1行业分析 184
9.7.2操作思路 184
9.7.3操作步骤 184
9.8提高练习——制作美佳化妆品网页 188
9.9知识问答 189
第10章 网页模板快速建站 190
10.1模板的创建 191
10.1.1将现有网页另存为模板 191
实例10-1将“index”网页另存为模板 191
10.1.2创建空白模板 191
实例10-2创建“main”空白网页模板文件 192
10.2模板的编辑 192
10.2.1指定可编辑区域 192
实例10-3为“template 1”，模板网页指定可编辑区域 193
10.2.2更改可编辑区域的名称 193
10.2.3取消对可编辑区域的标记 194
10.2.4定义模板的重复区域 194
实例10-4为“鸿宇装饰”网页的模板文件创建重复区域 194
实例10-5为“鸿宇装饰”网页的模板文件创建重复表格 195
10.2.5定义模板的可选区域 196
实例10-6为“鸿宇装饰”网页的模板文件创建可选区域 196
10.3模板的应用 197
10.3.1从“从模板新建”对话框创建新网页 197
实例10-7应用“myWeb”站点中的模板新建网页 198
10.3.2在“资源”面板中创建新网页 198
10.3.3为网页应用模板 199
10.4模板的管理 199
10.4.1删除模板 199
10.4.2打开网页所附模板 200
10.4.3更新网页模板 200
10.4.4将网页脱离模板 200
10.5提高实例——制作广告相册网页 200
10.5.1行业分析 201
10.5.2操作思路 202
10.5.3操作步骤 202
10.6提高练习——制作梦雪婚纱网页 205
10.7知识问答 207
第11章 框架式网页布局 208
11.1了解框架及框架集 209
11.2框架网页的创建 210
11.2.1创建空白框架网页 210
实例11-1创建Dreamweaver CS6预设的框架 210
11.2.2手动创建框架网页 211
11.2.3创建嵌套框架集 211
11.3框架及框架集的基本操作 212
11.3.1选择框架和框架集 212
11.3.2保存框架和框架集文档 212
实例11-2保存单个框架网页文档 212
实例11-3保存整个框架集网页 213
11.3.3调整框架的大小 214
11.3.4删除框架 214
11.4框架及框架集的设置 215
11.4.1设置框架的属性 215
11.4.2设置框架集的属性 215
11.4.3设置框架集的网页标题 216
11.4.4使用链接控制框架的内容 216
实例11-4 制作包含链接的框架网页 216
11.4.5生成无框架内容 218
11.5提高实例——制作后台管理网页 218
11.5.1行业分析 219
11.5.2操作思路 219
11.5.3操作步骤 219
11.6提高练习——制作软件推广网页 221
11.7知识问答 222
第12章 表单和行为的应用 224
12.1创建表单 225
12.1.1创建表单的方法 225
12.1.2设置表单属性 226
12.2添加表单对象 226
12.2.1表单对象的作用 226
12.2.2表单对象的添加 230
实例12-1制作“儿童乐园”表单网页 230
12.3行为的添加与编辑 233
12.3.1行为概述 234
12.3.2认识“行为”面板 234
12.3.3添加行为 235
12.3.4修改行为 235
12.3.5删除行为 235
12.4使用Dreamweaver预置的行为 236
实例12-2制作“照片展示”行为页面 236
12.5应用Spry行为效果 238
12.5.1 Spry效果概述 238
12.5.2为页面添加Spry效果 238
实例12-3在“Spry效果”网页中添加行为 239
12.6提高实例——制作意见调查网页 240
12.6.1行业分析 241
12.6.2操作思路 241
12.6.3操作步骤 241
12.7提高练习——制作留言板页面 245
12.8知识问答 246
精通篇 250
第13章 网页制作技巧及辅助软件 250
13.1网页制作技巧 251
13.1.1消除网页中的乱码 251
13.1.2制作“1”像素的表格边框 251
13.1.3去掉单击超级链接后的图像虚线 251
13.1.4制作“设为主页”超级链接 251
实例13-1制作设为主页的超级链接 252
13.1.5制作“添加到收藏夹”链接 252
13.1.6查看网页源代码 253
13.1.7禁止保存网页 253
13.1.8更换IE地址栏前的图标 254
13.1.9定时跳转 254
13.1.10让表单和其他内容之间无空隙 254
13.2制作网页的辅助软件 255
13.2.1使用Photoshop处理图像 255
13.2.2使用玩转颜色配色软件 255
13.2.3使用文本动画制作软件FlaX 256
实例13-2使用FlaX制作动画 256
13.2.4使用LeapFTP发布站点 258
实例13-3配置LeapFTP并上传站点 258
13.2.5网站登录软件“登录奇兵”的使用 260
13.3精通实例——为网页添加特殊元素 260
13.3.1行业分析 261
13.3.2操作思路 261
13.3.3操作步骤 261
13.4精通练习 263
13.4.1制作一个跳转网页并禁止用户保存 263
13.4.2使用Photoshop处理图像 264
第14章 认识和制作动态网页 266
14.1认识动态网页 267
14.2数据库基础 267
14.2.1 Access 268
实例14-1使用Access创建数据库 268
14.2.2 SQL Server 269
实例14-2创建SQL Server数据库和表 270
14.2.3 MySQL 273
14.2.4 Oracle 273
14.3动态网页开发语言 274
14.3.1 ASP 274
14.3.2 ASP.NET 274
14.3.3 PHP 275
14.3.4 JSP 275
14.4 Web服务器 276
14.4.1 IIS 276
实例14-3开启Windows 7中的IIS功能 276
14.4.2 Apache 277
14.5动态网站的开发流程及配置 277
14.5.1动态网页开发流程 277
14.5.2 IIS的配置 278
实例14-4新建并配置网站 278
14.5.3动态站点的创建及配置 279
实例14-5创建和配置动态站点 279
14.5.4数据源的创建 280
实例14-6设置数据源连接 281
14.6制作数据库动态网页 283
14.6.1创建记录集 283
实例14-7创建记录集 283
14.6.2制作动态页面 285
14.7精通实例——制作员工名单页面 289
14.7.1行业分析 290
14.7.2操作思路 290
14.7.3操作步骤 290
14.8精通练习 293
14.8.1创建Access数据库 293
14.8.2制作注册页面 294
第15章 为网页添加特效 296
15.1 JavaScript简介 297
15.1.1 JavaScript的特点 297
15.1.2 JavaScript的函数 297
15.1.3在网页中使用JavaScript 298
实例15-1使用JavaScript添加弹出对话框 298
15.2网页特效制作 299
15.2.1动态链接注释 299
15.2.2删除确认 300
15.2.3全屏打开窗口 301
15.2.4日期联动下拉列表框 302
15.2.5禁止使用鼠标右键 303
15.2.6震动的图像 305
15.3精通实例——制作饰品网页特效 306
15.3.1行业分析 306
15.3.2操作思路 307
15.3.3操作步骤 307
15.4精通练习——熟悉各种特效代码 310
第16章 移动设备网页及应用程序的创建 312
16.1使用jQuery Mobile创建移动设备网页 313
16.1.1认识 jQuery和jQuery Mobile 313
16.1.2创建移动设备页面 313
实例16-1使用HTML 5页创建移动页面 314
16.1.3创建移动页面组件 315
16.2打包移动应用 318
16.2.1注册PhoneGap Build 318
16.2.2打包移动程序 319
16.3精通实例——制作Query Mobile页面 319
16.3.1行业分析 320
16.3.2操作思路 320
16.3.3操作步骤 320
16.4精通练习——制作并打包移动应用 322
实战篇 326
第17章 制作植物网站 326
17.1实例说明 327
17.2行业分析 328
17.3操作思路 328
17.4操作步骤 329
17.4.1创建站点和网页文件 329
17.4.2布局页面结构 330
17.4.3添加网页头部内容 333
17.4.4制作网页主体 334
17.4.5制作页脚内容 338
17.5拓展练习 339
17.5.1制作植物图集网页 339
17.5.2制作植物知识网页 341
第18章 制作汽车世界网站 342
18.1实例说明 343
18.2行业分析 344
18.3操作思路 344
18.4操作步骤 345
18.4.1创建站点并配置远程服务器 345
18.4.2创建页面顶部 346
18.4.3制作网页底部 347
18.4.4制作主内容页面 348
18.4.5制作首页 351
18.4.6发布站点 351
18.5拓展练习 352
18.5.1制作汽车之家网页 352
18.5.2制作赛场动态网页 354
第19章 制作个人博客网站 356
19.1实例说明 357
19.2行业分析 358
19.3操作思路 358
19.4操作步骤 359
19.4.1创建数据库文件 359
19.4.2配置IIS并创建站点 360
19.4.3创建用户登录页面 361
19.4.4编辑“日志导航”和“最近心情” 362
19.4.5制作博客首页 364
19.4.6制作信息显示页面 367
19.5拓展练习 369
19.5.1制作日志发布页面 369
19.5.2制作编辑日志页面 369