《静态网页设计》课程标准.docx
《《静态网页设计》课程标准.docx》由会员分享，可在线阅读，更多相关《《静态网页设计》课程标准.docx（21页珍藏版）》请在冰点文库上搜索。
《静态网页设计》课程标准
第一部分课程定位
《静态网页设计》是计算机应用技术专业的职业拓展课程之一，对培养学生的网站建设岗位的职业能力起到支撑作用。
课程学习过程中培养学生的网站设计、开发能力，能将客户需求归纳整理成文档的能力，能使用平面设计、动画设计、网站编辑等软件工具的能力。
通过具体内容的学习，最终能按照正规的设计流程制作出客户满意的页面，为其职业发展提供坚实的技术基础。
学习领域“静态网页设计”课程
学习领域1
学习难度范围4
静态网页设计
时间安排
理论实践一体化：
64学时
职业行动领域描述
《静态网页设计》构建以基于企业的“网站开发工作流程”为导向的“模块式”课程结构，模块的划分以“行为导向教育理论”来展开；通过学习，学生会进行网站欣赏、网站规划规范、网站效果图设计、网页色彩与布局设计、网页动画设计、网页布局与编辑、HTML使用、层叠样式表CSS、DIV+CSS网页布局、模板与库的应用、静态网站动态化、实际项目开发等。
各学习场所的学习目标
（学校的）理论学习
教学过程中，学生能独立进行收集、处理信息；准备、加工素材；制作网页效果图；完成颜色搭配和版式设计；完成开发网站；完成代码和界面融合；有一定的策划能力；与社会交往的能力；责任感、承受能力。
（企业的）实践教学
学生自主形成课程团队竞争承担外包项目，从而直接给客户沟通，为解决客户的需求从而按需学习。
积极参与企事业网站开发，为企业提供技术服务、学以致用。
工作与学习内容
工作对象
学校宽带信息网、多媒体教室、机房、网站模板库、教学案例库、网络教学平台等
工具方法组织
工具
Dreamweaver、Photoshop、Flash、Html语言、CSS样式表、Javascript等
工作方法
需求分析，任务分配；模仿、借鉴；相互评价；总结反馈
劳动组织
内部任务分工；集中或分散施工
工作要求
符合要求的装有Dreamweaver、Photoshop、Flash、等软件的计算机；符合要求的服务器；符合要求的网络机房
第二部分课程设计理念
本课程遵照教高[2006]14号、教高[2006]16号、教高厅函[2007]47号等文件精神，依据本专业的人才培养方案，确定本课程的目标和教学内容，具体遵循以下原则：
1.在课程设计上，坚持以能力为本位，以学生为主体，教师角色转换为倡导者。
2.在课程内容选取上，以过程性知识为主、陈述性知识为辅，即以实际应用的经验和策略的习得为主、以适度够用的概念和原理的理解为辅。
3.在课程内容排列上，以工作过程为参照系整合陈述性知识与过程性知识。
4.在课程内容结构上，突出模块化设置，以便新技术新产品进入教学内容。
5.在课程职业技能培养上，把职业资格证书（职业标准）的考核项目与要求纳入到专业课程标准之中，为学生就业服务。
6.在课程教学组织设计上，以真实工作任务和社会产品为载体组织教学，积极推广探索教学做一体化、情境式教学、互动式教学。
7.以“REACT”设计情境教学，以“3P”和“ARCS”模式设计互动式教学活动。
8.在教学资源建设上，突出学习包教学标准建设和借助教学平台开发网络教学资源。
9.在培养过程中，注重全人发展、服务学习、学长计划、过程资历认可（RPL）的实施。
（1）全人发展（WholePerson）：
待人接物、如何看待钱、价值观、怎么安排自己。
（2）服务学习（ServiceLearning）：
到非盈利机构作义工，提高学习动力，培养为他人服务精神，并把这些活动作为成绩之一。
（3）学长计划：
学生辅导员。
（4）过程资历认可（RPL）：
如学徒10年，要认可他。
第三部分课程目标
本课程的目标是培养学生的计算机网站设计开发职业能力，使学生达到国家相关职业标准。
职业能力与国家相关职业标准如下：
一、职业能力
职业能力要求一览表
典型工作任务
具体任务
职业能力（核心能力用黑体加粗表示）
网
站
设
计
开
发
1.网站开发需求分析
网站开发需求分析
站点规划
网页评价
2.网站设计
能进行站点建设
会使用文本元素、多媒体元素、链接制作网页
会使用表格、框架、表单布置网页
会使用DIV+CSS技术布局页面
会使用网页特效增加网页效果
3.网站美工
能运用配色原理进行网页配色
能进行PS图片处理
会使用Flash/Swish进行动画设计
能制作引导页
能进行网页美工赏析与借鉴
4.搭建.NETWeb开发平台，创建后台管理信息系统
会搭建.NETWeb开发平台
会进行操作系统的设置
会进行平台软件的安装设置
能安装开发工具
能设置Web服务
5.设计后台管理信息系统用户操作界面
能应用Web服务器控件
能应用HTML控件
会设计Web应用程序用户操作界面
6.信息录入合法性验证的设计
能应用RequiredValidator、CompareValidator
等验证控件
能对界面当中的每个录入项进行合法性有效性验证
7.交互操作与页面处理
能应用Request、Response等内置对象实施页面处理，使系统具备服务器-客户机之间交互操作的能力
8.系统会话与状态管理
能将ASP.NET内置对象提供的功能、资源，应用到系统会话与状态管理
9.后台管理信息系统的数据库访问设计
能通过在.NETWeb应用程序当中应用ADO.NET数据访问技术，高效稳定地访问SQLServer等大型数据库系统，实现信息存储的重要环节
10.实现查询、显示注册人员纪录
能应用提供Repeater、DataList、DataGrid、GridView等控件，通过绑定数据源的技术，无须编写复杂的代码即可实现自动显示数据库查询结果
能设计控件的外观、分页显示
11.安装后台管理信息系统
开发完成后，能安装、调试、上线工作当中所需要技术
12.真实产品开发
能进行实际需求分析
能完成界面设计
会动画设计
会代码编写
会测试、维护与发布
13.产品指导（综合实训）
能进行实际网站建设：
精选10类真实网站的制作与发布，包括需求分析、页面美工与布局（主页面/子页面），相关文档
二、职业标准
网站设计师国家职业标准相关要求
工作内容
技能要求
专业知识要求
（一）掌握Dreamweaver的基本操作
1.能建立站点
2.能创建文档
3.能使用文本
4.能使用图象
5.能插入各种媒体对象
6.能创建超级链接和导航条
7.能使用表格
8.能创建和使用层
9.能使用表单
10.能使用框架和框架集
11.能使用摸版和库
12.能对站点进行基本的管理
1.建立Web服务器
2.安装IIS
3.测试和设计IIS
4.使用IIS
5.设置远程服务器
6.上传和下载文件
7.设置站点参数
（二）网站开发
1．能熟练使用Dreamweaver、Flash、Fireworks、Photoshop等网页制作软件
2．能综合应用Dreamweaver、Flash、Fireworks、Photoshop等软件进行专业的网页设计
3．能熟练使用HTML语言和CSS样式单
4．能掌握ASP语言、JavaScript脚本
5．能掌握小型数据库在网站中的应用
6．能独立规划、构建、设计、制作、发布和维护小型多媒体动态网站
1.综合应用Dreamweaver、Flash、Fireworks、Photoshop等软件进行复杂、高效的网页设计
2.具有处理XML、Web服务和Microsoft.NET架构的能力
3.掌握当前主流厂商的大型数据库在网站中的应用技术
第四部分课程内容和要求
一、学习情境门类设置
学习情境门类设置一览表
学习领域1
静态网页设计
学习难度范围
4
参考学时
64
学习情境设置
序号
名称
学时分配
学习情境1
网页设计基础
4
学习情境2
网页中编辑文本
4
学习情境3
网页中图像、多媒体应用
4
学习情境4
网页中超链接应用
4
学习情境5
网页布局
8
学习情境6
表单
8
学习情境7
Html语言
16
学习情境8
综合模块设计
16
二、学习情境具体设计
1、学习情境1设计
学习情境1
网页设计基础
学习学时
4学时
学习目标
总目标：
掌握网站建设的需求分析、站点规划基本步骤及网页评价标准，以及网站、网页、主页、网页设计的区别。
具体目标：
1.网站需求分析
2.网站站点规划
3.网页设计的基本概念
4.网站、网页、主页、网页设计的区别
5.网页设计常用工具
6.网站建设的基本步骤
7.网页评价标准
主要任务
1.网站建设需求分析
2.网站站点规划
3.网站设计基本概念
4.网站建设基本步骤
5.网页评价标准
教学方法建议
1.讲授法
2.网络查询法
3.师生互动讨论法
5.角色扮演法
考核与评价
1.课堂表现
2.课后作业
3.网上资料搜索
4.实际选择能力
教学材料
1.教材：
DreamweaverCS3中文版实例教程
2.网络资源：
（1）淄博职业学院数字化教学平台
（2）
对学生基本要求
学生具备计算机的基础知识，具备上Internet网查找资料的能力，具备使用软件的基础知识和能力
对教师基本要求
教师应熟悉了解常用网站建设步骤，应至少掌握制作网页工具的知识技能
备注
1.要求学生课前30分钟对教材进行学习
2．如条件许可，应带领学生至少到两家实际用户单位进行考察，以加深学生对网站建设的理解
2、学习情境2设计
学习情境2
网页中编辑文本
学习学时
4学时
学习目标
总目标：
综合应用文本标记
具体目标：
1.站点建立及网页文档
2.文本元素的应用
3.CSS技术
4.DIV+CSS页面布局技术
5.常用特效的运用
主要任务
综合运用各种文本元素进行网页设计
教学方法建议
1.启发引导法
2.演示教学法
3.案例分析法
4.分组讨论法
考核与评价
1.课堂表现
2.课后作业
3.网上资料搜索
4.实际选择能力
教学材料
1.教材：
DreamweaverCS3中文版实例教程
2.网络资源：
（1）淄博职业学院数字化教学平台
（2）
对学生基本要求
学生具备计算机的基础知识，具备上Internet网查找资料的能力，具备使用软件的基础知识和能力
对教师基本要求
教师应熟悉了解常用网站建设步骤，应至少掌握制作网页工具的知识技能
备注
1.要求学生课前30分钟对教材进行学习。
2．教师为学生演示如何制作网页，增强网页效果。
3.培养学生按照程序一步一步规范操作的品质，尽力做出最好的效果。
3、学习情境3设计
学习情境3
网页中图像、多媒体应用
学习学时
4学时
学习目标
总目标：
图像和多媒体在网页中使用
具体目标：
1.网页美工基础
2.常见网站类型分析
3.PS在网页设计中的应用
4.网页动画设计
5.网页引导页设计
主要任务
1.网页引导页制作
2.网页效果图制作
3.效果图切片
教学方法建议
1.案例分析法
2.启发引导法
3.演示教学法
4.分组学习法
考核与评价
1.课堂表现
2.课后作业
3.网上资料搜索
4.实际动手能力
教学材料
1.教材：
DreamweaverCS3中文版实例教程
2.网络资源：
（1）淄博职业学院数字化教学平台
（2）
对学生基本要求
学生具备计算机的基础知识，具备上Internet网查找资料的能力，具备使用软件的基础知识和能力
对教师基本要求
教师应熟悉了解常用网站建设步骤，应至少掌握制作网页美工的知识技能
备注
1.要求学生课前30分钟对教材进行学习。
2.教师为学生演示如何制作网页效果图、引导页。
3.培养学生按照程序一步一步规范操作的品质，尽力做出最好的效果。
4、学习情境4设计
学习情境3
网页中超链接应用
学习学时
4学时
学习目标
总目标：
超级链接
具体目标：
1.搭建Web开发平台
2.超级链接建立
3.平台软件的安装设置
4.开发工具的安装设置
5.Web服务的设置
主要任务
1.安装和配置Web服务IIS
2.安装SQLServer2000
3.安装.NET开发工具
4.创建.NETWeb应用程序
5..NETWeb应用程序的文件
教学方法建议
1.案例分析法
2.启发引导法
3.演示教学法
4.分组学习法
考核与评价
1.课堂表现
2.课后作业
3.网上资料搜索
4.实际动手能力
教学材料
1.教材：
DreamweaverCS3中文版实例教程
2.网络资源：
（1）淄博职业学院数字化教学平台
（2）
对学生基本要求
学生具备计算机的基础知识，具备上Internet网查找资料的能力，具备使用软件的基础知识和能力
对教师基本要求
教师应熟悉了解常用网站建设步骤，应至少掌握制作网页美工的知识技能
备注
1.要求学生课前30分钟对教材进行学习。
2．教师为学生演示如何搭建.NETWeb开发平台。
3.培养学生按照程序一步一步规范操作的品质，尽力做出最好的效果。
5、学习情境5设计
学习情境3
网页布局
学习学时
8学时
学习目标
总目标：
网页规划和布局
具体目标：
1.网页布局规划
2.NET框架数据提供程序
3.ADO.NET组件及对象模型
主要任务
能通过在.NETWeb应用程序当中应用ADO.NET数据访问技术，高效稳定地访问SQLServer等大型数据库系统，实现信息存储的重要环节
教学方法建议
1.案例分析法
2.启发引导法
3.演示教学法
4.分组学习法
考核与评价
1.课堂表现
2.课后作业
3.网上资料搜索
4.实际动手能力
教学材料
1.教材：
DreamweaverCS3中文版实例教程
2.网络资源：
（1）淄博职业学院数字化教学平台
（2）
对学生基本要求
学生具备计算机的基础知识，具备上Internet网查找资料的能力，具备使用软件的基础知识和能力
对教师基本要求
教师应熟悉了解常用网站建设步骤，应至少掌握制作网页美工的知识技能
备注
1.要求学生课前30分钟对教材进行学习。
2．教师为学生演示如何访问数据库实现后台管理系统信息存储。
3.培养学生按照程序一步一步规范操作的品质，尽力做出最好的效果。
6、学习情境6设计
学习情境4
表单
学习学时
8学时
学习目标
总目标：
利用表单设计网页
具体目标：
1.需求分析
2.界面设计
3.表单制作
4.网页制作
5.网页测试、发布与维护
6.快速建站
主要任务
1.网站建设过程
2.申请域名和空间
3.网站发布
教学方法建议
1.分组学习法
2.演示教学法
3.案例分析法
4.启发引导法
考核与评价
1.课堂表现
2.课后作业
3.网上资料搜索
4.实际动手能力
教学材料
1.教材：
DreamweaverCS3中文版实例教程
2.网络资源：
（1）淄博职业学院数字化教学平台
（2）
对学生基本要求
学生具备计算机的基础知识，具备上Internet网查找资料的能力，具备使用软件的基础知识和能力
对教师基本要求
教师应熟悉了解常用网站建设步骤，应至少掌握制作网站的知识技能
备注
1.要求学生课前30分钟对教材进行学习。
2．教师为学生演示如何快速建站、空间及域名申请、网站上传。
3.培养学生按照程序一步一步规范操作的品质，尽力做出最好的效果。
7、学习情境7设计
学习情境5
Html语言
学习学时
16学时
学习目标
总目标：
html语言使用
具体目标：
1.html语言使用
2．Html语言编程
3．学校部门类
4.商业类
5．教育类
6．农业类
7．旅游类
8．娱乐类
主要任务
实际网站建设项目
教学方法建议
1.启发引导法
2.案例分析法
3.分组学习法
4.演示教学法
5.分组协作法
考核与评价
1.课堂表现
2.课后作业
3.网上资料搜索
4.实际动手能力
教学材料
1.教材：
DreamweaverCS3中文版实例教程
2.网络资源：
（1）淄博职业学院数字化教学平台
（2）http:
//222.184.16.189/wywz/
对学生基本要求
学生具备计算机的基础知识，具备上Internet网查找资料的能力，具备使用软件的基础知识和能力
对教师基本要求
教师应熟悉了解常用网站建设步骤，应至少掌握制作网站的知识技能
备注
1.要求学生课前30分钟对教材进行学习。
2．教师为学生演示如何快速建站、空间及域名申请、网站上传。
3.培养学生按照程序一步一步规范操作的品质，尽力做出最好的效果。
8、学习情境8设计
学习情境9
综合模块设计
学习学时
16学时
学习目标
总目标：
网站综合开发
具体目标：
1.学校社团类
2．信息专题类
3．学校部门类
4.商业类
5．教育类
6．农业类
7．旅游类
8．娱乐类
主要任务
实际网站建设项目
教学方法建议
1.启发引导法
2.案例分析法
3.分组学习法
4.演示教学法
5.分组协作法
考核与评价
1.课堂表现
2.课后作业
3.网上资料搜索
4.实际动手能力
教学材料
1.教材：
DreamweaverCS3中文版实例教程
2.网络资源：
（1）淄博职业学院数字化教学平台
（2）http:
//222.184.16.189/wywz/
对学生基本要求
学生具备计算机的基础知识，具备上Internet网查找资料的能力，具备使用软件的基础知识和能力
对教师基本要求
教师应熟悉了解常用网站建设步骤，应至少掌握制作网站的知识技能
备注
1.要求学生课前30分钟对教材进行学习。
2．教师为学生演示如何快速建站、空间及域名申请、网站上传。
3.培养学生按照程序一步一步规范操作的品质，尽力做出最好的效果。
第五部分实施建议
一、教材选用
书名：
DreamweaverCS3中文版实例教程
主编：
吴教育
出版社：
人民邮电出版社
出版日期：
2011年8月
二、教材编写
必须依据本课程标准编写教材。
充分体现任务引领、实践导向课程设计思想。
教材体现先进性、通用性、实用性。
反映新技术、新工艺，典型产品和服务的选择科学，体现地区产业特点。
教材内容呈现方式，其结构如下:
资讯（问题情境）:
决策（问题分析）:
计划（任务设计）:
实施（任务实施）：
检查（任务总结）：
评估（思考训练）：
拓展（任务拓展）：
三、学习单元设计
学习单元设计要围绕工作过程的工作对象、工作内容、工作方法、工作手段、工作组织和工作要求六个要素，按照工作过程的资讯、决策、计划、实施、检查、评估6个步骤，对教学活动进行详细设计，既要具体、又可操作。
四、其他资源开发与利用
教师指引、学生实验实训项目单、学生实验实训记录单。
第六部分附录
一、参考文献
《计算机世界》期刊
二、参考网站
1.淄博职业学院数字化教学平台
2.网页设计师ciw
3.网站制作教程网
升级会员 