目录

项目一　网页设计基础　1
任务一　赏析购物网站首页　2
一、　任务目标　2
二、相关知识　2
（一）网站、网页、主页的概念　2
（二）网页常用术语　2
（三）常用网页制作软件　4
（四）HTML标记语言　5
三、任务实施　7
任务二　规划“四方好茶网”网站　7
一、　任务目标　8
二、相关知识　8
（一）商业网站开发流程　8
（二）网页设计内容　8
（三）网页设计原则　9
三、任务实施　10
（一）前期策划与内容组织　10
（二）搜集和整理资料　11
（三）网页效果图设计　11
（四）网页中动画设计　11
（五）网站页面设计制作　12
（六）测试站点　12
（七）发布站点　13
（八）更新和维护站点　13
实训　规划“果蔬网”网站　13
常见疑难解析　14
拓展知识　14
课后练习　16
项目二　Dreamweaver CS6的基本操作　17
任务一　创建“四方好茶”站点　18
一、　任务目标　18
二、相关知识　18
（一）认识Dreamweaver　CS6的操作界面　18
（二）Dreamweaver　CS6参数设置　22
（三）命名规则　22
（四）更完善的CSS功能　23
三、任务实施　23
（一）创建站点　23
（二）编辑站点　24
（三）管理站点和站点文件夹　25
任务二　制作“学校简介”网页　26
一、　任务目标　26
二、相关知识　27
（一）设置HTML格式　27
（二）编辑CSS规则　28
三、任务实施　28
（一）新建与保存网页　28
（二）设置页面属性　30
（三）输入文本　31
（四）设置文本格式　33
（五）插入网页其他元素　35
实训一　创建“会展中心”站点　36
实训二　编辑“招生就业概况”网页　37
常见疑难解析　38
拓展知识　39
课后练习　40
项目三　编辑网页元素　41
任务一　制作“游戏介绍”页面　42
一、　任务目标　42
二、相关知识　42
（一）音频文件格式　42
（二）　视频文件格式　43
三、任务实施　43
（一）插入Flash动画　43
（二）插入插件　44
（三）设置鼠标经过图片　45
（四）插入与编辑图像　46
（五）优化图像　47
（六）添加背景音乐　49
任务二　为“文化”网页插入超链接　50
一、　任务目标　50
二、相关知识　50
（一）超链接的组成　50
（二）　超链接的种类　51
三、任务实施　52
（一）插入文本超链接　52
（二）创建空链接　53
（三）创建图像超链接　54
（四）创建热点图片超链接　54
（五）创建锚点超链接　55
（六）创建电子邮件超链接　56
（七）创建外部超链接　57
（八）创建脚本链接　57
实训一　制作果蔬网首页　58
实训二　制作“蓉锦大学”首页网页　59
常见疑难解析　60
拓展知识　61
课后练习　61
项目四　布局网页页面　63
任务一　制作“花卉推荐”网页　64
一、　任务目标　64
二、相关知识　64
（一）认识“表格”属性面板　64
（二）认识“单元格”属性面板　65
三、任务实施　65
（一）创建表格　65
（二）设置单元格　66
（三）在表格中添加内容　67
任务二　制作“后台管理系统”网页　69
一、　任务目标　69
二、相关知识　70
（一）版式设计基本类型　70
（二）版式设计准则　71
（三）框架和框架集　72
三、任务实施　73
（一）创建框架与框架集　73
（二）保存框架集与框架　74
（三）制作框架页　75
实训一　制作“2015年日历”页面　77
实训二　制作“OA后台管理” 网页　77
常见疑难解析　78
拓展知识　79
课后练习　80
项目五　使用CSS+Div　81
任务一　美化“Flower_L.html”网页　82
一、　任务目标　82
二、相关知识　82
（一）认识CSS样式　82
（二）CSS样式的各种属性设置　84
三、任务实施　89
（一）创建并应用CSS样式　89
（二）引用外部样式　90
任务二　制作“花店”网页　90
一、　任务目标　91
二、相关知识　91
（一）认识CSS+Div盒子模式　91
（二）盒子模型的优势　92
三、任务实施　92
（一）插入Div布局　92
（二）使用CSS+Div控制页面风格　93
实训一　制作“导航菜单”页面　96
实训二　制作“招生就业”页面　96
常见疑难解析　97
拓展知识　98
课后练习　99
项目六　库、模板、表单、行为的应用　101
任务一　制作“蓉锦大学馆藏资源”
　页面　102
一、　任务目标　102
二、相关知识　102
（一）了解库的概念　102
（二）“资源”面板　102
三、任务实施　103
（一）创建库文件　103
（二）应用库文件　104
任务二　制作西餐厅网页　105
一、　任务目标　105
二、相关知识　105
三、任务实施　106
（一）创建模板和可编辑区域　106
（二）应用与管理模板　107
任务三　编辑“login.html”登录页面　109
一、　任务目标　109
二、相关知识　110
（一）认识表单属性面板　110
（二）行为的基础知识　110
三、任务实施　112
（一）创建表单　112
（二）插入表单对象　113
（三）使用行为　115
实训一　制作“蓉锦大学合作交流 ”
　页面　116
实训二　制作“会员注册”页面　116
常见疑难解析　117
拓展知识　118
课后练习　119
项目七　实现动态网页效果　121
任务一　配置动态网页数据源　122
一、　任务目标　122
二、相关知识　122
（一）认识动态网页　122
（二）动态网页开发语言　122
（三）动态网页的开发流程　125
（四）Web服务器　125
三、任务实施　126
（一）安装与配置IIS　126
（二）使用Access创建数据表　127
（三）创建与配置动态站点　128
（四）创建数据源　130
任务二　制作“发货记录”动态网页　132
一、　任务目标　132
二、相关知识　132
三、任务实施　132
（一）创建记录集　132
（二）插入动态表格　133
（三）创建记录集导航条　134
（四）插入记录　134
（五）删除记录　135
实训一　制作“用户注册”页面　136
实训二　制作登录动态网页　137
常见疑难解析　138
拓展知识　138
课后练习　139
项目八　Photoshop CS6的基本操作　141
任务一　制作“四方好茶”网页背景　142
一、　任务目标　142
二、相关知识　142
（一）网页中的图片格式　142
（二）位图、矢量图、分辨率　143
（三）认识Photoshop　CS6的操作界面　144
三、任务实施　146
（一）新建图像文件　146
（二）创建参考线　147
（三）创建并填充选区　148
（四）移动并裁剪图像　149
（五）描边选区　150
（六）保存图像文件　151
任务二　制作“网页banner”图片　152
一、　任务目标　152
二、相关知识　152
（一）认识文字工具属性栏　152
（二）认识“字符”面板　153
（三）认识“段落”面板　154
三、任务实施　154
（一）使用渐变工具　154
（二）创建并编辑选区　156
（三）使用多种抠图方法扣取图像　156
（四）输入文本　158
（五）使用形状工具　159
实训一　制作“奖品展示”图像　160
实训二　制作“登录”界面　161
常见疑难解析　162
拓展知识　163
课后练习　164
项目九　使用Photoshop CS6处理图像　165
任务一　调整“葡萄酒”网页图片　166
一、　任务目标　166
二、相关知识　166
（一）图像的色彩模式　166
（二）网页色彩搭配技巧　167
（三）网页色彩搭配注意事项　169
（四）网站配色方案参考　170
三、任务实施　170
（一）使用“色阶”调整图片　170
（二）使用“曲线”调整图片　172
（三）使用“色相/饱和度”调整图片　173
任务二　制作“网页Logo”　174
一、　任务目标　174
二、相关知识　175
（一）认识路径　175
（二）认识“路径”面板　175
三、任务实施　176
（一）使用形状工具绘制路径　176
（二）使用钢笔工具绘制路径　178
任务三　制作“会员登录”按钮　179
一、　任务目标　180
二、相关知识　180
（一）图层的作用和类型　180
（二）认识“图层”面板　181
三、任务实施　182
（一）新建图层　182
（二）创建图层样式　182
（三）使用滤镜　185
任务四　为“热门商品”图像切片并
　输出　186
一、　任务目标　186
二、相关知识　186
三、任务实施　187
（一）创建切片　187
（二）输出并保存切片　188
实训一　美化蓉锦大学网页图片　189
实训二　制作“电影宣传”网页效果图　189
常见疑难解析　191
拓展知识　191
课后练习　192
项目十　使用Flash CS6制作动画　193
任务一　制作“久酿Logo”动画　194
一、　任务目标　194
二、相关知识　194
（一）认识Flash动画　194
（二）认识Flash　CS6操作界面　196
（三）认识时间轴中的图层　198
（四）认识时间轴中的帧　199
三、任务实施　201
（一）新建Flash文件　201
（二）导入图像　201
（三）创建图层和插入关键帧　202
（四）保存Flash文件　203
任务二　制作“生日贺卡”　204
一、　任务目标　204
二、相关知识　205
（一）Flash常用的图片格式　205
（二）认识元件　205
（三）认识“库”面板　206
三、任务实施　207
（一）创建元件　207
（二）编辑元件　208
（三）绘制并编辑形状　210
（四）测试动画　212
（五）发布动画　213
任务三　制作导航动画　214
一、　任务目标　214
二、相关知识　215
（一）变量　215
（二）数据类型　216
（三）ActionScript语句的基本语法　216
三、任务实施　217
（一）制作汽车动画部分　217
（二）制作导航条部分　221
（三）制作文字部分　224
（四）制作载入动画部分　225
实训一　制作网页广告动画　226
实训二　制作“蓉锦大学”百叶窗动画　227
常见疑难解析　228
拓展知识　229
课后练习　229
项目十一　综合网站建设　231
任务一　前期规划　232
（一）　分析网站需求　232
（二）定位网站风格　232
（三）规划草图　232
（四）收集素材　232
任务二　使用Photoshop CS6设计网页界面
　效果图　232
（一）设计页面效果　233
（二）为网页切片　237
任务三　使用Flash CS6设计网页动画　238
（一）制作元件　238
（二）为元件输入脚本　239
任务四　使用Dreamweaver CS6设计网页　240
（一）Div+CSS布局网页　240
（二）制作头部内容　241
（三）制作网页中间部分　242
（四）制作网页链接信息　244
常见疑难解析　245
拓展知识　246
课后练习　246