入门篇 2
第1章 网页制作从零开始 2
1.1网页制作基础知识 3
1.1.1什么是网站 3
1.1.2如何创建网站 3
1.1.3什么是网页 3
1.4网页的类型 5
1.1.5网页的相关概念 6
1.2网页制作软件 7
1.2.1网页制作“三剑客” 7
1.2.2辅助软件 9
1.3认识HTML 10
1.3.1什么是HTML 10
1.3.2 HTML快速入门 11
1.4网站开发与制作流程 12
1.4.1商业网站开发流程 12
1.4.2网站制作流程 14
1.5基础实例——制作个人主页 15
1.5.1行业分析 16
1.5.2操作思路 16
1.5.3操作步骤 17
1.6基础练习——认识网页元素 18
1.7知识问答 19
第2章 开始制作网页 20
2.1认识Dreamweaver CS6的工作界面 21
2.1.1程序应用栏 21
2.1.2文档编辑区 22
2.1.3浮动面板组 25
2.1.4“属性”面板 25
实例2-1为文字添加CSS样式 26
2.2认识常用面板和CSS功能 27
2.2.1常用的插入面板 27
2.2.2更完善的CSS功能 29
2.3在Dreamweaver中管理站点 30
2.3.1新建站点 30
2.3.2导入/导出站点 31
2.3.3删除站点 31
2.3.4编辑站点 31
2.3.5复制站点 32
2.3.6规划站点 32
2.4开始网页制作 32
2.4.1创建网页文档 33
实例2-2创建HTML网页文档 33
2.4.2保存、预览和关闭网页 34
2.4.3打开文档 34
2.5设置页面属性 35
2.5.1设置标题和编码属性 35
2.5.2设置外观属性 36
2.5.3设置链接属性 36
2.6基础实例——创建“会展中心”站点 36
2.6.1行业分析 37
2.6.2操作思路 37
2.6.3操作步骤 38
2.7基础练习——创建ASP.NET动态站点 41
2.8知识问答 42
第3章 为网页添加对象 44
3.1添加文本 45
3.1.1添加普通文本 45
3.1.2添加特殊字符 46
3.1.3添加空格 46
3.1.4添加与设置水平线 47
3.1.5添加日期 48
3.1.6创建列表 48
3.1.7设置文本样式 49
实例3-1制作学校简介 51
3.2添加图像 53
3.2.1关于图像 53
3.2.2插入图像 53
3.2.3设置图像属性 54
3.2.4创建鼠标经过图像 59
3.2.5插入图像占位符 60
实例3-2插入Banner图像 60
3.3创建超级链接 62
3.3.1认识超级链接与路径 62
3.3.2创建超级链接 64
实例3-3制作网页超级链接 65
3.4插入动态元素 66
3.4.1插入Flash文件 66
3.4.2插入媒体插件 68
3.5基础实例 69
3.5.1制作图文并茂的网页 69
3.5.2创建动态横幅网页 71
3.6基础练习——创建多媒体网页 74
3.7知识问答 75
第4章 表格和网页布局 76
4.1创建表格 77
4.1.1表格的创建方法 77
4.1.2在表格中添加内容 78
4.2编辑表格 78
4.2.1选择表格元素 78
4.2.2单元格的合并与拆分 79
4.2.3行和列的添加与删除 80
4.2.4表格属性设置 80
4.2.5单元格属性设置 81
4.2.6调整表格、列和行的大小 82
实例4-1布局个人简历表 83
4.3使用Div进行网页布局 84
4.3.1使用可视化助理进行布局 84
4.3.2插入和编辑Div标签 85
4.3.3使用AP元素 86
4.3.4编辑AP Div 87
4.3.5设置AP Div属性 89
4.4基础实例——布局“鲜花”网页 90
4.4.1行业分析 91
4.4.2操作思路 91
4.4.3操作步骤 92
4.5基础练习 94
4.5.1创建“招聘”网页 94
4.5.2创建“新闻列表”网页 95
4.6知识问答 96
第5章 使用CSS样式表美化网页 98
5.1认识CSS 99
5.1.1 CSS简介 99
5.1.2 CSS语法 99
5.1.3认识CSS样式表 99
5.1.4创建CSS样式表 100
实例5-1用CSS美化文字 102
5.2 CSS样式表属性 103
5.2.1设置类型属性 103
5.2.2设置背景属性 103
5.2.3设置区块属性 104
5.2.4设置方框属性 104
5.2.5设置边框属性 105
5.2.6设置列表属性 105
5.2.7设置定位属性 105
5.2.8设置扩展属性 106
5.2.9设置过渡属性 106
5.3应用CSS样式 106
5.3.1使用CSS样式的快捷菜单应用CSS样式 107
5.3.2使用网页元素的“属性”面板应用CSS样式 107
5.3.3使用网页元素的快捷菜单应用CSS样式 107
5.4管理CSS样式表 108
5.4.1编辑CSS样式表 108
实例5-2在“CSS样式”面板中编辑样式 109
5.4.2从选定内容删除类样式 110
5.4.3删除CSS样式表 110
5.4.4重命名类样式 110
5.4.5链接外部CSS样式表文件 110
实例5-3为衣服网页应用外部CSS样式 110
5.5基础实例 111
5.5.1制作“百度搜索”网页 111
5.5.2制作“春”网页 115
5.6基础练习——创建“关于我们”网页 118
5.7知识问答 119
第6章 使用Flash CS6制作网页动画 120
6.1认识Flash动画 121
6.1.1 Flash动画在网页中的应用 121
6.1.2 Flash动画制作流程 123
6.2认识Flash CS6 124
6.2.1启动Flash CS6 124
6.2.2认识工作界面 125
6.3 Flash文档的基本操作 128
6.3.1新建Flash文档 128
6.3.2设置文档属性 128
6.3.3文档的其他操作 129
6.4认识工具 129
6.4.1基本绘图工具 129
实例6-1绘制光碟 131
6.4.2文本工具 132
6.4.3颜色工具 134
实例6-2填充蓝天白云 135
6.4.4 Deco工具 136
6.4.5编辑图像 137
6.5基础实例——绘制Banner背景 138
6.5.1行业分析 139
6.5.2操作思路 139
6.5.3操作步骤 139
6.6基础练习——绘制“铁路”动画 142
6.7知识问答 143
第7章 创建Flash基本动画 144
7.1 Flash动画制作基础 145
7.1.1认识“时间轴”面板 145
7.1.2认识图层 148
7.1.3认识元件 151
7.1.4创建元件 152
7.1.5认识“库”面板 153
7.2创建基本动画 153
7.2.1创建逐帧动画 153
实例7-1制作青蛙跳 154
7.2.2创建补间形状动画 155
实例7-2制作圆球变元宝 155
7.2.3创建传统补间动画 157
7.2.4创建补间动画 157
7.2.5创建遮罩动画 159
实例7-3制作“观光风景”动画 159
7.3测试并发布Flash动画 160
7.3.1设置动画发布格式 160
7.3.2发布动画 163
7.4基础实例——制作横幅广告 163
7.4.1行业分析 163
7.4.2操作思路 164
7.4.3操作步骤 164
7.5基础练习——制作汽车广告 168
7.6知识问答 168
第8章 使用Photoshop制作网页图像 170
8.1认识Photoshop CS6 171
8.1.1认识工作界面 171
8.1.2制定工作环境 173
实例8-1制作Web图像工作界面 174
8.1.3新建、打开和保存图像 174
8.1.4使用页面布局工具 175
实例8-2使用矩形工具绘制色块 177
8.2调整和修饰图像 178
8.2.1调整图像大小 178
8.2.2选择图像 179
实例8-3将小猫从背景中抠出 181
8.2.3调整图像色彩 182
8.2.4修复图像 185
实例8-4使用修复工具移动太阳 187
8.3绘制图像 188
8.3.1设置前景色和背景色 188
8.3.2使用画笔工具组 188
8.3.3使用钢笔工具组 191
8.3.4使用颜色工具组 193
8.4基础实例——制作网页Logo 195
8.4.1行业分析 195
8.4.2操作思路 195
8.4.3操作步骤 196
8.5基础练习——制作图文照片 199
8.6知识问答 200
第9章 网页切片输出与动画制作 202
9.1创建与编辑切片 203
9.1.1切片的注意事项 203
9.1.2切片方法 204
实例9-1切片网站Banner 204
9.1.3编辑切片选项 205
9.1.4修改切片 205
9.2保存切片图形 206
9.2.1常见的图像格式 206
9.2.2输出切片图形 207
实例9-2保存网页图片 207
9.3创建GIF动画 208
9.3.1认识“时间轴”面板 209
9.3.2创建动画 209
实例9-3制作Loading动画 209
9.3.3存储动画 211
9.4基础实例 211
9.4.1制作“星光”动画 211
9.4.2制作“网页”切片 213
9.5基础练习——切片“学校网站” 215
9.6知识问答 216
提高篇 220
第10章 使用框架和Div+CSS布局网页 220
10.1创建框架网页 221
10.1.1认识框架和框架集 221
10.1.2创建框架集 221
10.1.3创建嵌套框架 222
10.1.4自定义框架集 222
10.1.5保存框架和框架集文件 223
10.2设置框架及框架集的属性 224
10.2.1设置框架集的属性 224
10.2.2设置框架属性 224
10.2.3使用链接控制框架的内容 225
实例10-1制作框架网页 225
10.3认识Div+CSS布局 227
10.3.1 CSS盒子模型 227
10.3.2 CSS+Div定位 227
10.3.3 Div+CSS布局实战 229
实例10-2 CSS定位文字段落 229
10.4提高实例 230
10.4.1制作“OA后台” 230
10.4.2制作“网页菜单” 233
10.5提高练习——制作“流行服装秀”网页 235
10.6知识问答 236
第11章 在网页中添加表单 238
11.1创建和设置表单 239
11.1.1认识表单 239
11.1.2创建表单 239
11.1.3设置表单属性 239
11.2应用表单对象 240
11.2.1添加表单对象 240
实例11-1添加“运动”复选框 242
实例11-2 添加“爱好”复选框组 243
实例11-3 添加“城市”列表菜单 244
实例11-4 跳转到第…页 246
实例11-5 制作登录页面 247
实例11-6 添加图像按钮 247
实例11-7 添加上传文件按钮 248
11.2.2应用CSS样式表 249
实例11-8 制作个性登录页面 249
11.3客户端表单验证 251
11.3.1认识JavaScript 251
实例11-9 制作提示对话框 251
11.3.2进行表单验证 252
实例11-10制作文本字段输入验证 252
11.4提高实例——制作注册表单 253
11.4.1行业分析 253
11.4.2操作思路 254
11.4.3操作步骤 254
11.5提高练习——制作会员注册表单 256
11.6知识问答 257
第12章 使用Spry框架 258
12.1使用Spry框架创建网页 259
12.1.1认识Spry框架 259
12.1.2 Spry菜单栏 259
实例12-1插入Spry水平菜单 259
12.1.3 Spry选项卡式面板 261
实例12-2插入选项卡式面板 261
12.1.4 Spry折叠式面板 262
12.1.5 Spry可折叠面板 263
12.2使用Spry验证表单域 264
12.2.1验证文本域 264
实例12-3制作表单验证页面 264
12.2.2验证复选框 266
实例12-4制作验证选择页面 266
12.2.3验证选择 267
12.2.4验证密码 267
12.3 Spry效果 268
12.3.1认识Spry效果 268
12.3.2创建Spry效果 269
实例12-5创建Spry效果 269
12.3.3删除Spry效果 270
12.4提高实例——制作验证注册表单 271
12.4.1行业分析 271
12.4.2操作思路 271
12.4.3操作步骤 272
12.5提高练习——制作个人主页 274
12.6知识问答 275
第13章 创建Flash脚本动画 276
13.1认识ActionScript 277
13.1.1关于ActionScript 277
13.1.2 ActionScript中的专业术语 277
13.1.3 ActionScript 3.0基本语法 281
13.2常用ActionScript语句 282
13.2.1播放控制 282
13.2.2播放跳转 283
13.2.3条件语句 283
13.2.4循环语句 285
13.3代码的输入 287
13.3.1在时间轴上输入代码 287
13.3.2使用代码片段 288
实例13-1制作淡入动画效果 289
13.3.3创建ActionScript文件 290
13.4对象处理 291
13.4.1属性 291
13.4.2方法 291
13.4.3事件 292
13.5提高实例 293
13.5.1制作网页导航 293
13.5.2制作动态Banner 295
13.6提高练习 297
13.6.1制作横排菜单 298
13.6.2制作交互式滚动广告 298
13.7知识问答 299
第14章 Photoshop高级应用 300
14.1图层应用 301
14.1.1认识“图层”面板 301
14.1.2操作图层 302
14.1.3使用图层样式 304
14.1.4混合模式 306
14.2蒙版应用 308
14.2.1使用快速蒙版 308
实例14-1抠取图像 309
14.2.2使用图层蒙版 309
14.3应用通道 310
14.3.1认识通道 310
14.3.2应用通道 311
实例14-2合成透明的云 311
14.4应用滤镜 312
14.4.1高斯模糊 313
14.4.2动感模糊 313
14.4.3极坐标 313
14.4.4光照效果 314
14.4.5滤镜库 315
14.5提高实例 315
14.5.1制作“专题Banner”背景 316
14.5.2制作“突出主角”广告 319
14.6提高练习——制作抽奖广告 324
14.7知识问答 325
精通篇 328
第15章 动态网页基础 328
15.1认识动态网页 329
15.1.1了解动态网页 329
15.1.2动态网页开发流程 329
15.1.3 Web服务器 330
15.2安装与配置IIS 330
15.2.1安装IIS的作用 330
15.2.2安装IIS 331
实例15-1在Windows 7中安装IIS 7.0 332
15.2.3配置IIS 333
实例15-2配置ASP.NET站点 333
15.3认识数据库 335
15.3.1 Access数据库 335
实例15-3创建Access数据库 335
15.3.2 SQL Server数据库 337
15.3.3 MySQL数据库 339
实例15-4创建MySQL数据库 339
15.4动态网页开发语言 341
15.4.1 ASP语言 341
15.4.2 ASP.NET语言 342
15.4.3 PHP语言 342
15.4.4 JSP语言 343
15.5精通实例 344
15.5.1创建新闻数据库 344
15.5.2制作动态网页 347
15.6精通练习 349
15.6.1在Windows XP中配置IIS 350
15.6.2创建data数据库 350
第16章 制作动态网页 352
16.1数据源的创建 353
16.1.1动态站点的创建及配置 353
实例16-1建立动态站点 353
16.1.2连接数据库 354
16.1.3在Dreamweaver CS6中创建数据库连接 355
实例16-2链接Access数据库 355
16.2制作ASP动态网页 356
16.2.1读取记录 356
实例16-3读取新闻表数据 356
16.2.2插入记录 358
实例16-4添加用户 358
16.2.3修改记录 359
实例16-5制作修改用户密码页面 359
16.2.4删除记录 361
实例16-6删除数据库中的记录 361
16.3其他动态开发语言 363
16.3.1制作PHP动态网页 363
16.3.2制作ASP.NET动态网页 364
16.3.3制作JSP动态网页 364
16.4精通实例——制作用户登录 364
16.4.1行业分析 365
16.4.2操作思路 365
16.4.3操作步骤 365
16.5精通练习——制作聊天页面 368
第17章 制作高级Flash动画 370
17.1创建高级动画 371
17.1.1创建3D动画 371
实例17-1制作3D头像 372
17.1.2创建IK动画 374
17.2交互组件 378
17.2.1认识Flash组件 378
17.2.2 User Interface组件 379
实例17-2创建图片选择器 383
17.2.3 Video组件 384
实例17-3视频播放器 385
17.3精通实例 385
17.3.1制作“行走”动画 385
17.3.2制作问卷调查 388
17.4精通练习 391
17.4.1制作3D菜单 392
17.4.2制作“拾凳子”动画 392
第18章Photoshop Web应用 394
18.1制作Web图像 395
18.1.1路径 395
18.1.2制作Web标志 398
实例18-1制作网站Logo 398
18.1.3制作Web按钮 400
实例18-2制作导航按钮 400
18.1.4制作Web广告 402
实例18-3制作横幅广告 402
18.2制作Web画廊 404
18.2.1关于Web照片画廊 404
18.2.2创建Web照片画廊 404
实例18-4 制作Web照片墙 404
18.3设计Web布局 406
18.3.1认识Web页面布局 406
18.3.2 Photoshop设计Web布局 407
18.4精通实例——制作质感标志 409
18.4.1行业分析 410
18.4.2操作思路 410
18.4.3操作步骤 410
18.5精通练习 413
18.5.1制作文字菜单 413
18.5.2制作Web布局 414
第19章 网页设计与制作技巧 416
19.1网页配色技巧 417
19.1.1网页色彩搭配原理 417
19.1.2网页色彩搭配技巧 417
19.1.3分配网页色彩 418
19.2网页版面布局技巧 419
19.2.1上下布局结构 419
19.2.2左右布局结构 420
19.2.3左中右布局结构 420
19.2.4半包围布局结构 420
19.2.5单一布局结构 421
19.3网页制作技巧 421
19.3.1消除网页中的乱码 422
19.3.2设置像素为“1”的表格边框 422
19.3.3去掉单击超级链接后的图像虚线 422
19.3.4制作“设为首页”超级链接 422
实例19-1编写HTML制作“设为主页”超级链接 422
19.3.5制作“添加到收藏夹”超级链接 423
实例19-2制作添加到收藏夹 423
19.3.6禁止按键 424
19.3.7查看网页源代码 424
19.3.8更换IE地址栏前的图标 424
19.3.9定时跳转 424
19.3.10让表单和其他内容之间无空隙 424
19.4精通实例——制作“用户登录”页面 425
19.4.1行业分析 426
19.4.2操作思路 426
19.4.3操作步骤 426
19.5精通练习——制作“车行天下”页面 428
实战篇 432
第20章 制作商务网站 432
20.1制作“产品展示”页面 433
20.1.1实例说明 433
20.1.2行业分析 433
20.1.3操作思路 434
20.1.4操作步骤 434
20.2制作“在线采购”页面 442
20.2.1实例说明 442
20.2.2行业分析 442
20.2.3操作思路 443
20.2.4操作步骤 443
20.3拓展练习——制作“好佳具”网页 447
第21章 制作网站后台系统 448
21.1实例说明 449
21.2行业知识 449
21.3操作思路 450
21.4操作步骤 450
21.4.1配置站点环境 450
21.4.2制作登录验证页面 451
21.4.3制作修改密码页面 452
21.4.4制作退出页面 453
21.4.5制作文章管理页面 454
21.4.6制作文章详细内容页面 455
21.4.7制作添加文章页面 455
21.5拓展练习——制作新生登记网页 456
第22章 制作个人网站 458
22.1实例说明 459
22.2行业知识 459
22.3操作思路 460
22.4操作步骤 460
22.4.1制作Web布局 460
22.4.2制作Flash动画 462
22.4.3制作Web页面 464
22.5拓展练习——制作nike个人网站 465