静态网页设计课程标准

《静态网页设计课程标准》由会员分享，可在线阅读，更多相关《静态网页设计课程标准（13页珍藏版）》请在装配图网上搜索。

1、第一部分 课程定位静态网页设计是计算机应用技术专业的职业拓展课程之一，对培养学生的网站建设岗位的职业能力起到支撑作用。课程学习过程中培养学生的网站设计、开发能力，能将客户需求归纳整理成文档的能力，能使用平面设计、动画设计、网站编辑等软件工具的能力。通过具体内容的学习，最终能按照正规的设计流程整理出客户满意的页面，为其职业发展提供坚实的技术基础。学习领域“静态网页设计”课程学习领域1学习难度范围4静态网页设计时间安排理论实践一体化：64学时职业行动领域描述静态网页设计构建以基于企业的“网站开发工作流程”为导向的“模块式”课程结构，模块的划分以“行为导向教育理论”来展开；通过学习，学生会进行网站欣

2、赏、网站规划规范、网站效果图设计、网页色彩与布局设计、网页动画设计、网页布局与编辑、HTML使用、层叠样式表CSS、DIV+CSS网页布局、模板与库的应用、静态网站动态化、实际项目开发等。各学习场所的学习目标(学校的)理论学习教学过程中，学生能独立进行收集、处理信息；准备、加工素材；整理网页效果图；完成颜色搭配和版式设计；完成开发网站；完成代码和界面融合；有一定的策划能力；与社会交往的能力；责任感、承受能力。(企业的)实践教学学生自主形成课程团队竞争承担外包项目，从而直接给客户沟通，为解决客户的需求从而按需学习。积极参与企事业网站开发，为企业提供技术服务、学以致用。工作与学习内容工作对象学校宽

3、带信息网、多媒体教室、机房、网站模板库、教学案例库、网络教学平台等工具方法组织工具Dreamweaver、Photoshop、Flash、Html语言、CSS样式表、Javascript等工作方法需求分析，任务分配；模仿、借鉴；相互评价；总结反馈劳动组织内部任务分工；集中或分散施工工作要求符合要求的装有Dreamweaver、Photoshop、Flash、等软件的计算机；符合要求的服务器；符合要求的网络机房第二部分 课程设计理念本课程遵照教高200614号、教高200616号、教高厅函200747号等文件精神，依据本专业的人才培养方案，确定本课程的目标和教学内容，具体遵循以下原则：1.在课程

4、设计上，坚持以能力为本位，以学生为主体，教师角色转换为倡导者。2.在课程内容选取上，以过程性知识为主、陈述性知识为辅，即以实际应用的经验和策略的习得为主、以适度够用的概念和原理的理解为辅。 3.在课程内容排列上，以工作过程为参照系整合陈述性知识与过程性知识。 4.在课程内容结构上，突出模块化设置，以便新技术新产品进入教学内容。 5.在课程职业技能培养上，把职业资格证书（职业标准）的考核项目与要求纳入到专业课程标准之中，为学生就业服务。 6.在课程教学组织设计上，以真实工作任务和社会产品为载体组织教学，积极推广探索教学做一体化、情境式教学、互动式教学。 7. 以“REACT”设计情境教学，以“3

5、P”和“ARCS”模式设计互动式教学活动。8.在教学资源建设上，突出学习包教学标准建设和借助教学平台开发网络教学资源。9.在培养过程中，注重全人发展、服务学习、学长计划、过程资历认可（RPL）的实施。（1）全人发展（Whole Person）：待人接物、如何看待钱、价值观、怎么安排自己。（2）服务学习（Service Learning）：到非盈利机构作义工，提高学习动力，培养为他人服务精神，并把这些活动作为成绩之一。（3）学长计划：学生辅导员。（4）过程资历认可（RPL）：如学徒10年，要认可他。第三部分 课程目标本课程的目标是培养学生的计算机网站设计开发职业能力，使学生达到国家相关职业标准。

6、职业能力与国家相关职业标准如下：一、职业能力职业能力要求一览表典型工作任务具体任务职业能力(核心能力用黑体加粗表示)网站设计开发1.网站开发需求分析网站开发需求分析站点规划网页评价2.网站设计能进行站点建设会使用文本元素、多媒体元素、链接整理网页会使用表格、框架、表单布置网页会使用DIV+CSS技术布局页面会使用网页特效增加网页效果3.网站美工能运用配色原理进行网页配色能进行PS图片处理会使用Flash/Swish进行动画设计能整理引导页能进行网页美工赏析与借鉴4.搭建.NET Web开发平台，创建后台管理信息系统会搭建.NET Web开发平台会进行操作系统的设置会进行平台软件的安装设置能安装

7、开发工具能设置Web服务5. 设计后台管理信息系统用户操作界面能应用Web服务器控件能应用HTML 控件会设计Web应用程序用户操作界面6.信息录入合法性验证的设计能应用RequiredValidator、CompareValidator等验证控件能对界面当中的每个录入项进行合法性有效性验证7.交互操作与页面处理能应用Request、Response等内置对象实施页面处理， 使系统具备服务器-客户机之间交互操作的能力8.系统会话与状态管理能将ASP.NET内置对象提供的功能、资源， 应用到系统会话与状态管理9.后台管理信息系统的数据库访问设计能通过在.NET Web应用程序当中应用ADO.NE

8、T数据访问技术，高效稳定地访问SQL Server等大型数据库系统，实现信息存储的重要环节10.实现查询、显示注册人员纪录能应用提供Repeater、DataList、DataGrid、GridView等控件，通过绑定数据源的技术，无须编写复杂的代码即可实现自动显示数据库查询结果能设计控件的外观、分页显示11.安装后台管理信息系统开发完成后，能安装、调试、上线工作当中所需要技术12.真实产品开发能进行实际需求分析能完成界面设计会动画设计会代码编写会测试、维护与发布13.产品指导（综合实训）能进行实际网站建设：精选10类真实网站的整理与发布，包括需求分析、页面美工与布局（主页面/子页面），相关文

9、档二、职业标准网站设计师国家职业标准相关要求工作内容技能要求专业知识要求（一）掌握Dreamweaver的基本操作1.能建立站点2.能创建文档3.能使用文本4.能使用图象5.能插入各种媒体对象6.能创建超级链接和导航条7.能使用表格8.能创建和使用层9.能使用表单10.能使用框架和框架集11.能使用摸版和库12.能对站点进行基本的管理1.建立Web服务器2.安装IIS3.测试和设计IIS4.使用IIS5.设置远程服务器6.上传和下载文件7.设置站点参数（二）网站开发1能熟练使用Dreamweaver、Flash、Fireworks、Photoshop等网页整理软件2能综合应用Dreamweav

10、er、Flash、Fireworks、Photoshop等软件进行专业的网页设计3能熟练使用HTML语言和CSS样式单4能掌握ASP语言、JavaScript脚本5能掌握小型数据库在网站中的应用6能独立规划、构建、设计、整理、发布和维护小型多媒体动态网站 1. 综合应用Dreamweaver、Flash、Fireworks、Photoshop等软件进行复杂、高效的网页设计2. 具有处理XML、Web服务和Microsoft .NET架构的能力3. 掌握当前主流厂商的大型数据库在网站中的应用技术第四部分 课程内容和要求一、学习情境门类设置学习情境门类设置一览表学习领域1静态网页设计学习难度范围4

11、参考学时64学习情境设置序号名称学时分配学习情境1网页设计基础4学习情境2网页中编辑文本4学习情境3网页中图像、多媒体应用4学习情境4网页中超链接应用4学习情境5网页布局8学习情境6表单8学习情境7Html语言16学习情境8综合模块设计16二、学习情境具体设计1、学习情境1设计学习情境1网页设计基础学习学时4学时学习目标总目标：掌握网站建设的需求分析、站点规划基本步骤及网页评价标准，以及网站、网页、主页、网页设计的区别。具体目标：1.网站需求分析2.网站站点规划3.网页设计的基本概念4.网站、网页、主页、网页设计的区别5.网页设计常用工具6.网站建设的基本步骤7.网页评价标准主要任务1.网站建

12、设需求分析2.网站站点规划3.网站设计基本概念4.网站建设基本步骤5.网页评价标准教学方法建议1.讲授法2.网络查询法3.师生互动讨论法5.角色扮演法考核与评价1.课堂表现2.课后作业3.网上资料搜索4.实际选择能力教学材料1.教材：Dreamweaver CS3中文版实例教程2.网络资源：(1)淄博职业学院数字化教学平台(2)bbb:/对学生基本要求学生具备计算机的基础知识，具备上Internet网查找资料的能力，具备使用软件的基础知识和能力对教师基本要求教师应熟悉了解常用网站建设步骤，应至少掌握整理网页工具的知识技能备注1.要求学生课前30分钟对教材进行学习2如条件许可，应带领学生至少到两

13、家实际用户单位进行考察，以加深学生对网站建设的理解2、学习情境2设计学习情境2网页中编辑文本学习学时4学时学习目标总目标：综合应用文本标记具体目标：1.站点建立及网页文档2.文本元素的应用3.CSS技术4.DIV+CSS页面布局技术5.常用特效的运用主要任务综合运用各种文本元素进行网页设计教学方法建议1.启发引导法2.演示教学法3.案例分析法4.分组讨论法考核与评价1.课堂表现2.课后作业3.网上资料搜索4.实际选择能力教学材料1.教材：Dreamweaver CS3中文版实例教程2.网络资源：(1)淄博职业学院数字化教学平台(2) bbb:/aaaenetaaabbb/eschool/对学生

14、基本要求学生具备计算机的基础知识，具备上Internet网查找资料的能力，具备使用软件的基础知识和能力对教师基本要求教师应熟悉了解常用网站建设步骤，应至少掌握整理网页工具的知识技能备注1.要求学生课前30分钟对教材进行学习。2教师为学生演示如何整理网页，增强网页效果。3.培养学生按照程序一步一步规范操作的品质，尽力做出最好的效果。3、学习情境3设计学习情境3网页中图像、多媒体应用学习学时4学时学习目标总目标：图像和多媒体在网页中使用具体目标：1.网页美工基础2.常见网站类型分析3.PS在网页设计中的应用4.网页动画设计5.网页引导页设计主要任务1.网页引导页整理2.网页效果图整理3.效果图切片

15、教学方法建议1.案例分析法2.启发引导法3.演示教学法4.分组学习法考核与评价1.课堂表现2.课后作业3.网上资料搜索4.实际动手能力教学材料1.教材：Dreamweaver CS3中文版实例教程2.网络资源：(1)淄博职业学院数字化教学平台(2) bbb:/aaaphotoshoppsbbb/对学生基本要求学生具备计算机的基础知识，具备上Internet网查找资料的能力，具备使用软件的基础知识和能力对教师基本要求教师应熟悉了解常用网站建设步骤，应至少掌握整理网页美工的知识技能备注1.要求学生课前30分钟对教材进行学习。2.教师为学生演示如何整理网页效果图、引导页。3.培养学生按照程序一步一步

16、规范操作的品质，尽力做出最好的效果。4、学习情境4设计学习情境3网页中超链接应用学习学时4学时学习目标总目标：超级链接具体目标：1.搭建Web开发平台2.超级链接建立3.平台软件的安装设置4.开发工具的安装设置5.Web服务的设置主要任务1.安装和配置Web服务IIS2.安装SQL Server 20003.安装.NET开发工具4.创建.NET Web应用程序5. .NET Web应用程序的文件教学方法建议1.案例分析法2.启发引导法3.演示教学法4.分组学习法考核与评价1.课堂表现2.课后作业3.网上资料搜索4.实际动手能力教学材料1.教材：Dreamweaver CS3中文版实例教程2.网

17、络资源：(1)淄博职业学院数字化教学平台(2) bbb:/aaaphotoshoppsbbb/对学生基本要求学生具备计算机的基础知识，具备上Internet网查找资料的能力，具备使用软件的基础知识和能力对教师基本要求教师应熟悉了解常用网站建设步骤，应至少掌握整理网页美工的知识技能备注1.要求学生课前30分钟对教材进行学习。2教师为学生演示如何搭建.NET Web开发平台。3.培养学生按照程序一步一步规范操作的品质，尽力做出最好的效果。5、学习情境5设计学习情境3网页布局学习学时8学时学习目标总目标：网页规划和布局具体目标：1.网页布局规划2.NET 框架数据提供程序3.ADO.NET组件及对象

18、模型主要任务能通过在.NET Web应用程序当中应用ADO.NET数据访问技术，高效稳定地访问SQL Server等大型数据库系统，实现信息存储的重要环节教学方法建议1.案例分析法2.启发引导法3.演示教学法4.分组学习法考核与评价1.课堂表现2.课后作业3.网上资料搜索4.实际动手能力教学材料1.教材：Dreamweaver CS3中文版实例教程2.网络资源：(1)淄博职业学院数字化教学平台(2) bbb:/aaaphotoshoppsbbb/对学生基本要求学生具备计算机的基础知识，具备上Internet网查找资料的能力，具备使用软件的基础知识和能力对教师基本要求教师应熟悉了解常用网站建设步

19、骤，应至少掌握整理网页美工的知识技能备注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.教材：Dreamweaver

20、 CS3中文版实例教程2.网络资源：(1)淄博职业学院数字化教学平台(2) bbb:/aaajzxueaaa/对学生基本要求学生具备计算机的基础知识，具备上Internet网查找资料的能力，具备使用软件的基础知识和能力对教师基本要求教师应熟悉了解常用网站建设步骤，应至少掌握整理网站的知识技能备注1.要求学生课前30分钟对教材进行学习。2教师为学生演示如何快速建站、空间及域名申请、网站上传。3.培养学生按照程序一步一步规范操作的品质，尽力做出最好的效果。7、学习情境7设计学习情境5Html语言学习学时16学时学习目标总目标：html语言使用具体目标：1. html语言使用2Html语言编程3学校

21、部门类4. 商业类5教育类6农业类7旅游类8娱乐类主要任务实际网站建设项目教学方法建议1.启发引导法2.案例分析法3.分组学习法4.演示教学法5.分组协作法考核与评价1.课堂表现2.课后作业3.网上资料搜索4.实际动手能力教学材料1.教材：Dreamweaver CS3中文版实例教程2.网络资源：(1)淄博职业学院数字化教学平台(2) bbb:/222.184.16.189/wywz/对学生基本要求学生具备计算机的基础知识，具备上Internet网查找资料的能力，具备使用软件的基础知识和能力对教师基本要求教师应熟悉了解常用网站建设步骤，应至少掌握整理网站的知识技能备注1.要求学生课前30分钟对

22、教材进行学习。2教师为学生演示如何快速建站、空间及域名申请、网站上传。3.培养学生按照程序一步一步规范操作的品质，尽力做出最好的效果。8、学习情境8设计学习情境9综合模块设计学习学时16学时学习目标总目标：网站综合开发具体目标：1. 学校社团类2信息专题类3学校部门类4. 商业类5教育类6农业类7旅游类8娱乐类主要任务实际网站建设项目教学方法建议1.启发引导法2.案例分析法3.分组学习法4.演示教学法5.分组协作法考核与评价1.课堂表现2.课后作业3.网上资料搜索4.实际动手能力教学材料1.教材：Dreamweaver CS3中文版实例教程2.网络资源：(1)淄博职业学院数字化教学平台(2)

23、bbb:/222.184.16.189/wywz/对学生基本要求学生具备计算机的基础知识，具备上Internet网查找资料的能力，具备使用软件的基础知识和能力对教师基本要求教师应熟悉了解常用网站建设步骤，应至少掌握整理网站的知识技能备注1.要求学生课前30分钟对教材进行学习。2教师为学生演示如何快速建站、空间及域名申请、网站上传。3.培养学生按照程序一步一步规范操作的品质，尽力做出最好的效果。第五部分 实施建议一、教材选用书名：Dreamweaver CS3中文版实例教程主编：吴教育出版社：人民邮电出版社出版日期：2011年8月二、教材编写必须依据本课程标准编写教材。充分体现任务引领、实践导向

24、课程设计思想。教材体现先进性、通用性、实用性。反映新技术、新工艺，典型产品和服务的选择科学，体现地区产业特点。教材内容呈现方式，其结构如下:资讯(问题情境):决策(问题分析):计划(任务设计):实施(任务实施)：检查(任务总结)：评估(思考训练)：拓展(任务拓展)：三、学习单元设计学习单元设计要围绕工作过程的工作对象、工作内容、工作方法、工作手段、工作组织和工作要求六个要素，按照工作过程的资讯、决策、计划、实施、检查、评估6个步骤，对教学活动进行详细设计，既要具体、又可操作。四、其他资源开发与利用教师指引、学生实验实训项目单、学生实验实训记录单。第六部分 附录一、参考文献计算机世界 期刊二、参考网站1.淄博职业学院数字化教学平台2.网页设计师ciw bbb:/aaaciwaaa/3.网站整理教程网 bbb:/aaaweb2barbbb/友情提示：部分文档来自网络整理，供您参考！文档可复制、编制，期待您的好评与关注！12 / 13