第1章 网页制作与网站建设基础知识 1
学习目标 1
案例一 在浏览器中查看网页——认识网站和网页 1
案例说明 1
相关知识 1
一、网页、网站和主页 1
二、网页的构成元素 2
三、网页的类型 2
四、网页的本质 3
案例实施 3
案例二 企业网站建设流程——网站建设基本流程 5
案例说明 5
相关知识 5
一、规划站点结构 5
二、收集素材 7
三、网页美术设计 7
四、网页制作 9
五、申请域名和虚拟空间 9
六、测试和发布网站 10
七、推广和维护网站 11
案例实施 11
案例三 制作一个简单网页——网页制作与网站开发常用技术 14
案例说明 14
相关知识 14
一、网站管理与网页制作相关软件 14
二、HTML与CSS简介 15
案例实施 15
本章总结 16
第2章 Dreamweaver CC基本操作 18
学习目标 18
案例一 调整Dreamweaver CC工作界面——初识Dreamweaver CC 18
案例说明 18
相关知识 18
一、启动Dreamweaver CC 18
二、应用程序栏和文档标签栏 20
三、文档工具栏 20
四、状态栏 21
五、“属性”面板 22
六、面板组 22
案例实施 23
案例二 创建企业网站本地站点——站点基本操作 25
案例说明 25
相关知识 25
一、使用Dreamweaver创建和打开本地站点 25
二、使用Dreamweaver管理本地站点 27
案例实施 30
案例三 为企业网站制作欢迎页面——网页文档基本操作 31
案例说明 31
相关知识 31
一、网页文档基本操作 31
二、“文件”面板基本应用 34
案例实施 36
拓展知识 37
一、网页文档和文件夹命名规则 37
二、HTML的标签构成 38
三、HTML网页文档的基本结构 39
本章总结 41
课堂实训——创建鲜花导购网站本地站点 41
第3章 设置网页内容 42
学习目标 42
案例一 为企业网站新闻显示网页设置页面基本信息——设置网页基本信息 42
案例说明 42
相关知识 42
一、设置文档头信息 42
二、设置网页页面属性 44
案例实施 45
案例二 为企业网站新闻显示网页设置文本内容——设置网页文本 47
案例说明 47
相关知识 47
一、添加普通文本 47
二、插入特殊符号 49
三、添加空格 49
四、添加与设置水平线 49
五、创建列表 50
案例实施 51
拓展知识 53
列表在HTML中的表示 53
案例三 为企业网站新闻显示网页设置图像——设置网页图像 55
案例说明 55
相关知识 55
一、插入图像 55
二、设置图像属性 56
案例实施 57
拓展知识 59
一、网页中可用的图像格式 59
二、图像在HTML中的表示 59
案例四 为博客网站首页设置多媒体——应用动画和多媒体文件 60
案例说明 60
相关知识 60
一、插入并设置动画属性 60
二、插入并编辑插件 62
案例实施 63
案例五 为企业网站新闻显示网页设置超链接——应用超链接 65
案例说明 65
相关知识 66
一、超链接的含义和分类 66
二、设置常规超链接 68
三、设置热点链接 70
四、设置电子邮件链接 72
五、设置文件下载链接和图像链接 73
案例实施 75
本章总结 77
课堂实训——为鲜花导购网页设置网页内容 77
第4章 应用CSS设置网页样式 80
学习目标 80
案例一 为企业网站新闻显示网页设置整体样式——设置CSS样式（上） 80
案例说明 80
相关知识 81
一、CSS样式表简介 81
二、在页面中引入CSS样式表的几种方法 81
三、CSS中选择器的类型 89
四、设置布局样式 93
五、设置文本和段落样式 95
六、设置背景样式 96
七、盒子模型的概念 98
案例实施 100
拓展知识 102
一、选择器的集体声明、嵌套与优先级 102
二、选择器的继承 103
案例二 为企业网站新闻显示网页设置页头样式——设置CSS样式（中） 106
案例说明 106
相关知识 107
一、设置边框样式 107
二、标准流的概念 107
案例实施 108
案例三 为企业网站新闻显示网页设置正文样式——设置CSS样式（下） 112
案例说明 112
相关知识 112
一、设置列表样式 112
二、margin使用注意事项 112
案例实施 115
本章总结 119
课堂实训——为“鲜花导购网页”设置CSS样式 119
第5章 构建网页布局 121
学习目标 122
案例一 构建企业网站新闻列表网页整体布局——浮动布局 122
案例说明 122
相关知识 122
一、Div基础 122
二、HTML 5结构元素 125
三、float和clear属性 128
四、浮动布局的原理 129
五、常用的浮动布局方法 131
六、清除浮动对布局的不良影响 133
七、浮动布局应用技巧 134
案例实施 137
一、构建HTML结构 137
二、设置CSS样式 140
案例二 制作企业网站新闻列表网页的页头部分 143
案例说明 143
案例实施 143
一、构建HTML结构 143
二、设置CSS样式 147
案例三 制作企业网站新闻列表网页的新闻中心栏目 149
案例说明 149
案例实施 149
一、构建HTML结构 149
二、设置CSS样式 151
案例四 制作企业网站新闻列表网页的集团要闻栏目 153
案例说明 153
案例实施 153
一、构建HTML结构 154
二、设置CSS样式 156
本章总结 158
课堂实训——制作博客网站首页 158
第6章 应用表单和行为 162
学习目标 162
案例一 应用表单制作“欢乐购”注册页面——应用表单和表单对象 162
案例说明 162
相关知识 163
一、表单基础知识 163
二、插入表单 163
三、插入表单元素 165
案例实施 167
一、构建HTML结构 167
二、设置CSS样式 177
案例二 应用行为为学校网页添加弹出框——应用行为 179
案例说明 179
相关知识 180
一、认识行为 180
二、应用行为 181
三、编辑行为 183
案例实施 183
本章总结 185
第7章 使用Photoshop CC制作网页素材（上） 186
学习目标 186
案例一创建装修广告条——认识Photoshop 186
案例说明 186
相关知识 187
一、熟悉Photoshop CC工作界面 187
二、新建、保存和打开图像文件 189
案例实施 191
案例二 修正偏色照片——调整图像色彩与色调 195
案例说明 195
相关知识 196
一、亮度／对比度 196
二、色阶 197
三、曲线 199
四、色相／饱和度 201
案例实施 202
案例三 使用风景照片制作旅游广告条——调整图像大小 204
案例说明 204
相关知识 204
一、调整图像大小 204
二、调整画布大小 205
三、使用裁剪工具裁切图像 206
案例实施 207
案例四 制作珠宝广告条——创建选区 209
案例说明 209
相关知识 209
一、使用选框工具 209
二、使用套索工具 212
三、使用魔棒工具 214
四、使用快速选择工具 215
案例实施 216
本章总结 222
课堂实训——制作蛋糕广告 223
第8章 使用Photoshop CC制作网页素材（下） 224
学习目标 224
案例一 制作服装广告条——绘制与修饰图像 224
案例说明 224
相关知识 225
一、使用画笔工具组 225
二、使用仿制图章工具 226
三、使用形状工具组 227
案例实施 228
案例二 制作房地产广告——擦除和填充图像 235
案例说明 235
相关知识 235
一、使用橡皮擦工具组 235
二、使用填充工具组 236
案例实施 238
案例三 制作弦乐盛典广告——图层基本操作 246
案例说明 246
相关知识 246
一、认识图层调板 246
二、图层的分类和创建 247
三、设置图层混合模式和不透明度 248
案例实施 249
案例四 制作网页中常用的水晶按钮——应用图层样式 251
案例说明 251
相关知识 252
一、使用图层调板添加图层样式 252
二、应用样式调板快速设置图层样式 253
三、编辑图层样式 254
案例实施 255
本章总结 257
课堂实训——制作电器广告条 257
第9章 使用Photoshop CC制作网页效果图 259
学习目标 259
案例一 制作“天音”网站主页效果图——输入和设置文本 259
案例说明 259
相关知识 260
一、文本类型 260
二、输入文本 260
三、设置文本格式 261
四、设置变形文字 263
案例实施 263
案例二 切割“天音”网页效果图——创建与编辑切片 275
案例说明 275
相关知识 275
一、创建切片 275
二、编辑切片 276
案例实施 276
拓展知识 277
一、优化图像 277
二、输出图像 279
本章总结 279
课堂实训——制作天音网站子页效果图 280
第10章 使用Flash CC制作网页动画素材 282
学习目标 282
案例一 制作一个简单的网页动画——认识Flash CC 282
案例说明 282
相关知识 283
一、启动Flash并熟悉其工作界面 283
二、Flash文档基本操作 285
三、了解动画制作原理 287
案例实施 288
案例二 绘制小花——绘制和调整线条 293
案例说明 293
相关知识 293
一、使用线条工具 293
二、使用铅笔工具 294
三、使用选择工具 295
案例实施 296
案例三 绘制风车和动画广告条背景——绘制和变形几何图形 298
案例说明 298
相关知识 298
一、使用矩形工具 298
二、使用椭圆工具 299
三、使用任意变形工具 300
案例实施 302
案例四 填充小花、风车和动画广告条背景——设置图形的填充和轮廓 307
案例说明 307
相关知识 307
一、设置填充和笔触颜色 307
二、使用颜料桶工具 310
三、使用渐变变形工具 311
四、使用“墨水瓶工具” 311
案例实施 312
案例五 为动画广告条添加文本——使用文本 317
案例说明 317
相关知识 317
一、创建文本 317
二、美化文本 318
案例实施 319
案例六 为社交网站广告条准备素材——导入和应用外部图像 320
案例说明 320
相关知识 321
一、导入外部图像 321
二、编辑导入的位图 322
案例实施 323
本章总结 325
课堂实训 326
一、绘制天鹅 326
二、绘制卡通广告条背景 326
第11章 使用Flash CC创建网页动画 328
学习目标 328
案例一 制作天鹅飞翔动画——认识图层和帧 328
案例说明 328
相关知识 328
一、认识“时间轴”面板 328
二、图层种类及基本操作 329
三、帧的种类及创建 330
四、帧的基本操作 331
案例实施 333
案例二 制作按钮元件和旅游广告条——应用元件 336
案例说明 336
相关知识 336
一、认识元件 336
二、创建和应用元件 337
三、编辑元件和元件实例 338
案例实施 340
案例三 制作社交网站广告条——制作补间动画 349
案例说明 349
相关知识 349
一、制作传统补间动画 349
二、制作基于对象的补间动画 350
三、制作形状补间动画 353
案例实施 355
案例四 制作培训广告——制作高级动画 360
案例说明 360
相关知识 360
一、制作路径引导动画 360
二、制作遮罩动画 362
案例实施 364
案例五 将奔跑的小狗导出为GIF动画——导出与发布Flash动画 368
案例说明 368
相关知识 369
一、导出Flash动画 369
二、发布Flash动画 369
案例实施 371
本章总结 372
课堂实训——制作汽车广告和电器广告 373
一、制作汽车广告 373
二、制作电器广告 373
第12章 综合应用——制作酒店网站首页 375
案例一 在Photoshop中制作网站首页效果图 376
案例说明 376
案例实施 376
一、制作网站首页效果图 376
二、切割输出首页图像 385
案例二 在Flash中制作动画广告条 387
案例说明 387
案例实施 387
案例三 在Dreamweaver中进行网页制作 389
案例说明 389
案例实施 389
一、创建本地站点 389
二、搭建页面整体框架 391
三、制作网页头部 397
四、制作“会员登录”模块 399
五、制作“客房预订”模块 401
六、制作“酒店新闻”模块 403
七、制作网站信息区 405
课堂实训——制作网站子页 406
参考文献 408