编号
|
能力训练项目名称
|
子项目编号、名称
|
能力目标
|
常识目标
|
学习情境
|
训练方式、手段、步骤
|
可展示的结果
|
1
|
网页设计与制作工作过程之初体验
|
1-1 第一次课设计
|
1.能够体验网页制作概貌;
2.能够提高网页鉴赏能力;
3.能够端正学习态度;
|
1.了解课程内容、考核方法及上机要求;
2.熟悉不同类型网站的设计风格;
|
情境1.1: 经典网站赏析(正常)
情境1.2:不同风格网页制作(正常)
情境1.3:图片不能正常显示(出错)
情境1.4:站点管理混乱(意外)
|
1.讲授:课程性质及考核要求;
2.分组完成:学生浏览不同类型网站;小组讨论提高网页鉴赏能力;
3.小组汇报:网站的设计风格;
4.任务驱动:动手制作第一个网页;
5.作品展示:不同类型网页设计成果;
6.经验总结与分享
|
简单网页
|
1-2 制作简单网页
|
1.能使用DW制作网页;
|
1.了解网页制作的基础常识;
2.了解网页中表格、文字、图片的使用;
3.掌握网站的简单管理;
|
2
|
学校网站设计与规划
|
2-1网站需求分析
|
1.能够撰写需求分析报告;
|
1.了解网站制作的流程及基本概念;
|
情境2.1:能过上网查找资料及小组间的交流,能总结出网站制作流程(正常)
情境2.2针对不同类型用户的需求设计不同风格的网站(正常)
情境2.3:能够根据客户的需求制作网站策划书(正常)
情境2.4:能够根据客户的要求修改网站策划书(出错)
|
1.情境引入:提出本次课程要求
2.分组完成:网上资源收集、整理;也解网站制作的流程;
3.问题探究:老师留下问题关于网站设计的原则,学生上网找答案,并分组完成由小组代表回答问题;
4.任务驱动:学生动手开始设计自己的网站,并能画出基本的效果图;
5.讲授:网站策划书的要素及书写注意事项;
6.任务驱动:为自己设计的网站书写网站策划书;
7.作品展示:随机抽取几个策划书展示
|
网站策划书
网站规划图
|
2-2网站设计
|
1.能够完成网站整体规划;
2.能够完成网页整体规划;
3.能够设计网页效果;
|
1.了解网站建设的整体结构;
2.了解网页色彩搭配常识;
|
2-3网站规划图设计
|
1.能依据客户的需求和目的网站特点,提出合理化的网站平台建议
2.能够画出规划图
|
1.掌握PSApp的启动与退出;
2.掌握文件的打开与保存;
3.掌握矩形、直线、选择工具的使用;
4.掌握画笔工具的使用方法和画笔属性;
|
3
|
制作网站Logo
|
3-1使用PS基本工具设计网站Logo
|
1.能设计制作网站Logo
|
1.掌握PS基本工具的使用;
2.掌握填充命令及自由变换命令的使用;
|
情境3.1:根据客户要求制作LOGO(正常)
情境3.2:制作PS图片时尺寸大小定义不正确(出错)
情境3.3:在进行文件保存时,未选择保存位置,要能找到该文件(意外)
|
1.情境引入:提出项目任务要求
2.案例教学:老师讲授,学生模仿完成简单工具的使用;
3.独立操作:学生自己设计LOGO背景图;
4.案例教学:PS命令的使用;
5.任务驱动:学生自己独立制作完成图像合成;
6.能力拓展:对于重点部分反复练习
7.经验总结与分享
|
网站Logo
|
3-2使用PS抠像及简单合成技术设计网站Logo背景
|
1.能设计制作背景图
|
1.掌握各种创建选区的工具;
2.掌握各种修改选区的命令;
3.掌握图像裁切的方法和规则;
4.了解图像合成的基本方法;
|
4
|
制作网页Banner
|
4-1使用PS图形与绘制技术设计Banner背景
|
1.能够熟练使用各种图像修饰工具;
2.能够使用绘画工具;
3.能够设计制作背景图
|
1.掌握选区工具、修复画笔工具、修补工具、红眼工具、仿制图章工具和橡皮擦工具的使用方法;
2.掌握羽化使用方法;
|
情境4.1:根据客户要求制作Banner(正常)
情境4.2:根据客户要求制作动画(正常)
情境4.3:动画显示的速度调整(正常)
情境4.4:绘画内容不能在画在选定的图层上(出错)
情境4.5:补间动画效果不正确(出错)
情境4.6:根据客户需要修改Banner背景图片(意外)
|
1.情境引入:提出项目任务要求
2.案例教学:老师讲授,学生模仿完成简单工具的使用;
3.独立操作:学生自己设计Banner背景图;
4.案例教学:FL动画的制作;
5.任务驱动:学生自己独立制作完成Banner动画;
6.能力拓展:对于重点部分反复练习
7.经验总结与分享
|
网页Banner
|
4-2使用FL帧动画技术制作Banner背景动画
|
1.能制作背景的帧动画
|
1.了解FLApp工作界面及基本操作;
2.掌握FL动画的原理;
3.掌握在FLASH中绘画和编辑及制作逐帧动画;
|
4-3使用FL补间动画技术制作Banner文字动画
|
1.能制作文字的补间动画
|
1.掌握FL文字的使用;
2.掌握FL制作补间动画的方法;
|
5
|
制作网站导航条
|
5-1使用PS制作静态导航条的按钮
|
1.能绘制按钮轮廓
2.能制作按钮立体效果
3.能绘制按钮高反光效果
|
1.掌握图层的基本操作;
2.掌握使用图层混合样式的方法;
3.掌握图层蒙版的应用。
|
情境5.1:使用PS制作静态导航条的按钮;(正常)
情境5.2:使用FL按钮元件制作动态导航条;(正常)
情境5.3:影片剪辑的动画未能正常显示出来(出错)
情境5.4:按钮元件不能正常实行,未达到效果(出错)
|
1.情境引入:提出项目任务要求
2.案例教学:老师讲授,学生模仿完成简单效果的制作;
3.独立操作:学生自己设计导航条按钮;
4.案例教学:FL动画的制作;
5.任务驱动:学生自己独立制作完成动态导航条;
6.能力拓展:对于重点部分反复练习
7.经验总结与分享
|
静态导航按钮
|
5-2使用FL按钮元件制作动态导航条
|
1.能制作按钮式导航条
|
1.掌握图形元件的使用;
2.掌握影片剪辑元件的使用;
2.掌握按钮元件的建立;
|
动态导航条
|
6
|
制作学校网站首页面
|
6-1站点创建与文件管理
|
1.能正确建立本地站点
2.能规范管理网站文件
3.能编辑与管理本地站点
|
1.掌握DWApp站点的使用
|
情境6.1:学校网站站点的创建与素材文件的管理 ;(正常)
情境6.2:学校网站站点结构不规范(出错)
情境6.3 DIV+CSS页面布局设计(正常)
情境6.4:DIV层叠加(出错)
情境6.5:浏览器显示不正常(意外)
|
1.情境引入:提出项目任务要求
2.案例教学:老师讲授,学生模仿完成简单站点的创建与素材文件的管理;
3.独立操作:学生自己进行站点创建与管理
4.案例教学:DIV+CSS页面布局的设计;
5.任务驱动:学生自己独立制作完成页面布局;
6.能力拓展:对于重点部分反复练习
7.经验总结与分享
|
学校网站首页面
|
6-2 DIV+CSS页面布局设计
|
1.能看懂Doctype和Head区代码含义;
2.能给HTML标签添加CSS样式
3.能使用Div+CSS设计单列和多列布局;
4.能在Dreamweaver中输入与编辑脚本
5.能使用Div+CSS进行常用网页布局;
|
1.了解XHTML和CSS基础常识;
2.理解CSS基本思想与格式
3.熟悉在HTML中引入CSS的方式;
4.理解CSS的盒子模型;
5.掌握DIV标签用法
6.理解DIV的嵌套;
8.理解DIV的浮动与自适应高度;
|
6-3网页元素的应用(文本、图像、动画、表格)
|
1.能在DW中插入各种网页元素
|
1.掌握插入图像的方法;
2.掌握图文混排的方法;
3.掌握插入SWF文件的方法;
4.掌握插入表格的方法及表格属性设置;
|
情境6.6 网页基本元素的插入(正常)
情境6.7:使用CSS控制文字样式(正常)
情境6.8:使用CSS控制资讯列表样式(正常)
情境6.9:资讯列表样式未按效果显示(出错)
|
1.情境引入:提出项目任务要求
2.案例教学:老师讲授,学生模仿完成网页元素的插入;
3.独立操作:学生自己进行网站页面元素的插入
4.案例教学:CSS样式控制文字样式;
5.任务驱动:学生自己独立操作文字样式;
6.讲授:css控制列表样式
7.任务驱动:学生自己独立操作列表样式;
6.能力拓展:对于重点部分反复练习
7.经验总结与分享
|
6-4使用外部CSS样式设计文字样式
|
1.能使用外部CSS样式控制文字属性
2.能使用CSS设计纵向和横向的导航菜单
|
1.掌握纵向列表;
2.了解标签的默认样式 ;
3.掌握css派生选择器 ;
4.了解css选择器的分组 ;
5.掌握相对定位和绝对定位;
|
6-5使用外部CSS样式设计资讯列表
|
1.会使用CSS设计各类列表样式;
|
1.掌握无序列表和有序列表的写法;
2.掌握图文列表样式的编写;
|
7
|
制作网站广告宣传动画
|
7-1使用PS矢量图绘制及文字创建静态宣传图片
|
1.能使用PS矢量图绘制及文字创建静态宣传图片
|
1.掌握PS矢量图的绘制方法;
2.掌握PS图像处理技巧;
|
情境7.1:制作网站广告宣传动画;(正常)
情境7.2:静态宣传广告的制作 (正常)
情境7.3:动态宣传广告的制作(正常)
情境7.4:遮罩动画未按正常效果显示(出错)
情境7.5:未按引导路径运动(出错)
|
1.情境引入:提出项目任务要求;
2.案例讲授:通过此部分让学生理解PS及遮罩动画及引层动画的制作原理及方法 ;
3.任务驱动:学生按要求独立完成
4.能力拓展:将重点难点通过案例反复训练;
5.经验总结与分享
|
静态网站广告宣传图
|
7-2使用FL遮罩层动画技术制作动态宣传动画
|
1.能使用FL遮罩层动画技术制作动态宣传动画
|
1.了解遮罩动画的原理;
2.掌握遮罩动画的实现方法;
|
动态网站广告宣传动画
|
7-3使用FL引导层动画技术制作动态宣传动画
|
1.能使用FL引导层动画技术制作动态宣传动画
|
1.了解引导层动画的制作原理;
2.掌握引导层动画的实现方法;
|
8
|
页面底部效果设计
|
8-1友情链接(创建各类型超级链接)
|
1.能制作各种超级链接
2.能会用CSS设计各种超链接样式;
|
1.理解链接的四种样式
2.了解超链接的基本属性
|
情境8.1:页面底部效果设计制作;(正常)
情境8.2:各种链接方式的使用(正常)
情境8.3:通过CSS设计页面底部(正常)
情境8.4:链接不正常(出错)
|
1.情境引入:提出项目任务要求;
2.案例讲授:通过此部分让学生理解链接的类型及如何创建;
3.任务驱动:学生按要求独立完成
4.能力拓展:将重点难点通过案例反复训练;
5.经验总结与分享
|
完整的学校网站首页面
|
8-3底部版权说明
|
1.能使用CSS设计页面底部样式
|
1.掌握DW中特殊符号的输入方法;
2.掌握页面底部的设计技巧;
|
9
|
制作菲律宾网赌合法平台页面
|
9-1使用DIV+CSS技术页面布局设计
|
1.能使用Div+CSS设计单列和多列布局;
2.能在Dreamweaver中输入与编辑脚本
3.能使用Div+CSS进行常用网页布局;
|
1.理解CSS的盒子模型;
2.掌握DIV标签用法
3.理解CSS的盒子模型;
4.理解DIV的嵌套;
5.理解DIV的浮动与自适应高度;
6.掌握DIV+CSS布局的方法;
|
情境9.1:按要求制作菲律宾网赌合法平台页面(正常)
情境9.2:DIV+CSS页面布局设计(正常)
情境9.3:资讯内容样式设计(正常)
情境9.4:主题动画的制作(正常)
情境9.5:布局设计与浏览效果不一样(出错)
情境9.6:动画效果未按预定效果实现(出错)
|
1.情境引入:提出项目任务要求;
2.分组讨论:通过此部分让学生回顾旧常识以及利用已有常识内容完成页面布局设计;
3.任务驱动:学生按要求独立完成主题动画的设计与制作;
4.能力拓展:将重点难点通过案例反复训练;
5.经验总结与分享
|
菲律宾网赌合法平台页面
|
9-2使用外部CSS样式设计资讯内容
|
1.能使用CSS设计各类列表样式;
|
1.掌握无序列表和有序列表的写法;
2.掌握图文列表样式的编写;
|
9-3使用FL制作主题动画
|
1.能运用FL动画技术制作具有个性的完整的动画作品
|
1.掌握FL五类动画的制作方法;
|
10
|
制作招生就业页面
|
10-1使用PS图层混合样式制作用户登陆界面
|
1.能使用PS图层的技术制作用户登录界面
2.能使用PS进行效果图切片
|
1.掌握PS图层的应用技巧;
2.掌握PS切片工具的使用;
|
情境10.1:制作招生就业页面;(正常)
情境10.2:制作用户登录界面(正常)
情境10.3:制作表单用户界面(正常)
情境10.4:未定义表单域(出错)
|
1.情境引入:提出项目任务要求;
2.案例讲授:通过此部分让学生理解PS制作登录界面及DW制作表单的方法;
3.任务驱动:学生按要求独立完成
4.能力拓展:将重点难点通过案例反复训练;
5.经验总结与分享
|
招生就业页面
|
10-2使用DW表单功能制作用户注册页面
|
1.能使用DW制作表单网页
|
1.掌握在DW中插入表单域的方法;
2.掌握在表单域中插入文本域、单选按钮、复选按钮、复选框、列表/菜单、跳转菜单、按钮和图像域的方法;
3.掌握调用外部javascript脚本文件验证表单数据
|
|
11
|
制作学校风光页面
|
11-1使用PS图层及蒙版功能处理图片
|
1.能使用PS图层及蒙版功能处理图片
2.能使用图层及调板完成图层管理
|
1.掌握PS图层及蒙版的使用;
|
情境11.1:学院风光页面制作(正常)
情境11.2:源图片素材的处理(正常)
情境11.3:电子相册的生成(正常)
|
1.情境引入:提出项目任务要求;
2.案例讲授:通过此部分让学生理解理论常识的应用技巧;
3.任务驱动:学生按要求独立完成
4.能力拓展:将重点难点通过案例反复训练;
5.经验总结与分享
|
学校风光页面
|
11-2使用PS图像的色彩校正技术处理图片
|
1.能使用PS图像色彩校正技术处理素材图片
|
1.掌握图像快速色彩调整的方法;
2.掌握图像亮度调整的方法;
3.掌握调整颜色及着色的方法;
4.掌握特殊偏色效果的处理;
5.掌握人物面部美白效果的处理;
|
11-3使用PS滤镜技术处理图片
|
1.能使用PS各种滤镜美化素材图片
|
1.掌握特效滤镜的使用方法;
2.掌握常用滤镜的使用方法;
3.了解常用外挂滤镜的使用方法;
|
11-4使用FL动画及声音制作学校宣传动画
|
1.能处理声音素材;
2.能使用FL制作声形并茂的学校宣传片
|
1.掌握FL插入声音及视频的方法;
2.掌握FL中声音及视频的属性设置;
3.掌握其他App对声音的加工处理;
|
11-5使用DW相册功能生成图片相册
|
1. 能使用DW相册功能生成图片相册;
2.能使用Flash BannerAppR制作电子相册;
|
1.掌握用DW生成电子相册的方法;
2.掌握Flash BannerApp的使用方法;
|
12
|
制作二级分院页面
|
12-1使用DW制作页面模板
|
1.能运用模板技术快速生成风格统一的网站;
2.能在同一个网站熟练创建、编辑、修改多种风格的模板文件
|
1.理解模板、库和资源在网页制作中的作用;
2.掌握将已有网页生成模板的操作方法;
3.掌握如何编辑模板以及利用模板生成新网页的操作方法;
4.掌握库项目的生成与应用方法;
|
情境12.1:分组完成二级分院的页面制作;(正常)
情境12.2:页面模板的制作(正常)
情境12.3:PS制作的图片效果未按预计实现(出错)
情境12.4:FL制作的动画未按预计效果显示(出错)
情境12.5:DW中DIV布局设计及CSS样式使用错误(出错)
|
1.情境引入:提出项目任务要求;
2.分组完成:每组完成不同二级分院页面的制作;
3.任务驱动:学生按要求独立完成
4.作品展示:由小组代表完成;
5.能力拓展:将重点难点通过案例反复训练;
6.经验总结与分享
|
某二级分院页面
|
12-2使用PS制作分院标识
|
1.能运用PS综合技术制作具有个性的标识
|
1.掌握PS综合常识的运用;
|
12-3使用PS制作网页导航条
|
1.能运用PS综合技术制作具有个性的导航条
|
1.掌握PS综合常识的运用;
|
12-4使用FL制作网页Banner
|
1.能运用FL综合技术制作网页Banner
|
1.掌握FL综合常识的运用;
|
12-5使用DW完成页面制作
|
1.能运用DW综合技术完成页面制作
|
1.掌握DW综合常识的运用;
|
13
|
网站的发布与测试
|
13-1网络空间的申请与域名的申请
|
1.能将各页面及各元素合成完整的网站;
2.能对站点进行整体管理;
|
1.掌握网络空间申请的方法;
2.了解域名的申请方法;
3.了解宣传与推广网站的方法;
|
情境13.1:网站的发布与测试;(正常)
情境13.2:网站空间的申请;(正常)
情境13.3:网站域名的申请(正常)
情境13.4:网站上传(正常)
情境13.5:不能正常上传(出错)
情境13.6:首页页面不显示(出错)
|
1.情境引入:提出项目任务要求;
2.案例讲授:通过此部分让学生理解空间及域名的申请及站点的上传;
3.任务驱动:学生按要求独立完成
4.能力拓展:将重点难点通过案例反复训练;
5.经验总结与分享
|
将网站传至Internet上
|
13-2网站文件的上传
|
1.能正确测试网页和网页链接;
2.能正确处理常见的网页浏览问题
3.能正确的发布网页到网络
|
1.掌握DWApp站点上传
2.掌握FTPApp的使用
|
14
|
网站的管理与维护
|
14-1 网站的管理与维护
|
1.能进行站点的管理
2.能进行网页信息的维护
3.能修改和完善站点内容
4.能够下载站点文件
|
1.掌握管理站点的方法
2.掌握站点的构架
3.掌握PS FLApp在网站编辑中的应用
4.掌握文件及文件夹的管理方法
|
情境14.1:自己网站的管理与维护(正常)
情境14.2:管理与维护他人网站(正常)
|
1情境引入:提出项目任务要求;
2.任务驱动:学生按要求独立完成
4.能力拓展:管理维护他人网站;
5.经验总结与分享
|
学校网站(新版)
|
14-2 最后一次课设计
|
能对本门课的能力要求进行总结
|
掌握本门课的常识目标
|
情境14.3:用头脑风暴法画出设计与制作学校网站的步骤及用到的常识;(正常)
|
1.头脑风暴法:分组协作:请同学们依据学校网站的设计画出技能点及常识点图
2.分组展示:通过不同的展示完善内容的总结
3.成就激励法:为学生的后续学习奠定基础
|