《静态网页设计》课程标准.pdf

《《静态网页设计》课程标准.pdf》由会员分享，可在线阅读，更多相关《《静态网页设计》课程标准.pdf（13页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

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

3、技术服务、学以致用。工 作 与 学 习 内容 工作对象 学校宽带信息网、多媒体教室、机房、网站模板库、教学案例库、网络教学平台等 工具方法组织 工具 Dreamweaver、Photoshop、Flash、Html 语言、CSS样式表、Javascript 等 工作方法 需求分析，任务分配；模仿、借鉴；相互评价；总结反馈 劳动组织 内部任务分工；集中或分散施工 工作要求 符合要求的装有Dreamweaver、Photoshop、Flash、等软件的计算机；符合要求的服务器；符合要求的网络机房 1 第二部分 课程设计理念 本课程遵照教高200614 号、教高200616 号、教高厅函200747

4、 号等文件精神，依据本专业的人才培养方案，确定本课程的目标和教学内容，具体遵循以下原则：1.在课程设计上，坚持以能力为本位，以学生为主体，教师角色转换为倡导者。2.在课程内容选取上，以过程性知识为主、陈述性知识为辅，即以实际应用的经验和策略的习得为主、以适度够用的概念和原理的理解为辅。3.在课程内容排列上，以工作过程为参照系整合陈述性知识与过程性知识。4.在课程内容结构上，突出模块化设置，以便新技术新产品进入教学内容。5.在课程职业技能培养上，把职业资格证书（职业标准）的考核项目与要求纳入到专业课程标准之中，为学生就业服务。6.在课程教学组织设计上，以真实工作任务和社会产品为载体组织教学，积极

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

6、课程目标 本课程的目标是培养学生的计算机网站设计开发职业能力，使学生达到国家相关职业标准。职业能力与国家相关职业标准如下：一、职业能力 职业能力要求一览表 典型工作任务 具体任务 职业能力(核心能力用黑体加粗表示)1.网站开发需求分析 网站开发需求分析 站点规划 网页评价 2.网站设计 能进行站点建设 会使用文本元素、多媒体元素、链接制作网页 会使用表格、框架、表单布置网页 会使用DIV+CSS 技术布局页面 会使用网页特效增加网页效果 2 网 站 设 计 开 发 3.网站美工 能运用配色原理进行网页配色 能进行PS 图片处理 会使用Flash/Swish 进行动画设计 能制作引导页 能进行网

7、页美工赏析与借鉴 4.搭 建.NET Web开发平台，创建后台管理信息系统 会搭建.NET Web 开发平台 会进行操作系统的设置 会进行平台软件的安装设置 能安装开发工具 能设置Web 服务 5.设计后台管理信息系统用户操作界面 能应用Web 服务器控件 能应用HTML 控件 会设计Web 应用程序用户操作界面 6.信息录入合法性验证的设计 能应用RequiredValidator、CompareValidator 等验证控件 能对界面当中的每个录入项进行合法性有效性验证 7.交互操作与页面处理 能应用Request、Response 等内置对象实施页面处理，使系统具备服务器-客户机之间交互

8、操作的能力 8.系统会话与状态管理 能将ASP.NET 内置对象提供的功能、资源，应用到系统会话与状态管理 9.后台管理信息系统的数据库访问设计 能通过在.NET Web 应用程序当中应用ADO.NET 数据访问技术，高效稳定地访问SQL Server 等大型数据库系统，实现信息存储的重要环节 10.实现查询、显示注册人员纪录 能应用提供Repeater、DataList、DataGrid、GridView 等控件，通过绑定数据源的技术，无须编写复杂的代码即可实现自动显示数据库查询结果 能设计控件的外观、分页显示 11.安装后台管理信息系统 开发完成后，能安装、调试、上线工作当中所需要技术 1

9、2.真实产品开发 能进行实际需求分析 能完成界面设计 3 会动画设计 会代码编写 会测试、维护与发布 13.产品指导（综合实训）能进行实际网站建设：精选10 类真实网站的制作与发布，包括需求分析、页面美工与布局（主页面/子页面），相关文档 二、职业标准 网站设计师国家职业标准相关要求 工作内容 技能要求 专业知识要求（一）掌握Dreamweaver的基本操作 1.能建立站点 2.能创建文档 3.能使用文本 4.能使用图象 5.能插入各种媒体对象 6.能创建超级链接和导航条 7.能使用表格 8.能创建和使用层 9.能使用表单 10.能使用框架和框架集 11.能使用摸版和库 12.能对站点进行基本

10、的管理 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.综合应用

11、Dreamweaver、Flash、Fireworks、Photoshop 等软件进行复杂、高效的网页设计 2.具有处理XML、Web 服务和Microsoft.NET 架构的能力 3.掌握当前主流厂商的大型数据库在网站中的应用技术 4 第四部分 课程内容和要求 一、学习情境门类设置 学习情境门类设置一览表 学习领域1 静态网页设计 学习难度范围 4 参考学时 64 学习情境设置 序号 名称 学时分配 学习情境1 网页设计基础 4 学习情境2 网页中编辑文本 4 学习情境3 网页中图像、多媒体应用 4 学习情境4 网页中超链接应用 4 学习情境5 网页布局 8 学习情境6 表单 8 学习情境7

12、 Html 语言 16 学习情境8 综合模块设计 16 二、学习情境具体设计 1、学习情境1 设计 学习情境1 网页设计基础 学习学时 4 学时 学习目标 总目标：掌握网站建设的需求分析、站点规划基本步骤及网页评价标准，以及网站、网页、主页、网页设计的区别。具体目标：1.网站需求分析 2.网站站点规划 3.网页设计的基本概念 4.网站、网页、主页、网页设计的区别 5.网页设计常用工具 6.网站建设的基本步骤 7.网页评价标准 5 主要任务 1.网站建设需求分析 2.网站站点规划 3.网站设计基本概念 4.网站建设基本步骤 5.网页评价标准 教学方法建议 1.讲授法 2.网络查询法 3.师生互动

13、讨论法 5.角色扮演法 考核与评价 1.课堂表现 2.课后作业 3.网上资料搜索 4.实际选择能力 教学材料 1.教材：Dreamweaver CS3 中文版实例教程 2.网络资源：(1)淄博职业学院数字化教学平台(2)http:/ 学生具备计算机的基础知识，具备上Internet 网查找资料的能力，具备使用软件的基础知识和能力 对教师基本要求 教师应熟悉了解常用网站建设步骤，应至少掌握制作网页工具的知识技能 备注 1.要求学生课前30 分钟对教材进行学习 2如条件许可，应带领学生至少到两家实际用户单位进行考察，以加深学生对网站建设的理解 2、学习情境2 设计 学习情境2 网页中编辑文本 学习

14、学时 4 学时 学习目标 总目标：综合应用文本标记 具体目标：1.站点建立及网页文档 2.文本元素的应用 3.CSS 技术 4.DIV+CSS 页面布局技术 5.常用特效的运用 主要任务 综合运用各种文本元素进行网页设计 教学方法建议 1.启发引导法 2.演示教学法 3.案例分析法 4.分组讨论法 考核与评价 1.课堂表现 2.课后作业 3.网上资料搜索 4.实际选择能力 6 教学材料 1.教材：Dreamweaver CS3 中文版实例教程 2.网络资源：(1)淄博职业学院数字化教学平台(2)http:/ 学生具备计算机的基础知识，具备上Internet 网查找资料的能力，具备使用软件的基础

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

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

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

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

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

20、解常用网站建设步骤，应至少掌握制作网页美工的知识技能 备注 1.要求学生课前30 分钟对教材进行学习。2教师为学生演示如何访问数据库实现后台管理系统信息存储。3.培养学生按照程序一步一步规范操作的品质，尽力做出最好的效果。6、学习情境6 设计 学习情境4 表单 学习学时 8 学时 学习目标 总目标：利用表单设计网页 具体目标：1.需求分析 2.界面设计 3.表单制作 4.网页制作 5.网页测试、发布与维护 6.快速建站 主要任务 1.网站建设过程 2.申请域名和空间 3.网站发布 教学方法建议 1.分组学习法 2.演示教学法 3.案例分析法 4.启发引导法 考核与评价 1.课堂表现 2.课后作

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

22、标 总目标：html 语言使用 具体目标：1.html 语言使用 2 Html 语言编程 3学校部门类 4.商业类 5教育类 6农业类 7旅游类 8娱乐类 主要任务 实际网站建设项目 教学方法建议 1.启发引导法 2.案例分析法 3.分组学习法 4.演示教学法 5.分组协作法 考核与评价 1.课堂表现 2.课后作业 3.网上资料搜索 4.实际动手能力 教学材料 1.教材：Dreamweaver CS3 中文版实例教程 2.网络资源：(1)淄博职业学院数字化教学平台(2)http:/222.184.16.189/wywz/对学生基本要求 学生具备计算机的基础知识，具备上Internet 网查找资

23、料的能力，具备使用软件的基础知识和能力 对教师基本要求 教师应熟悉了解常用网站建设步骤，应至少掌握制作网站的知识技能 备注 1.要求学生课前30 分钟对教材进行学习。2教师为学生演示如何快速建站、空间及域名申请、网站上传。3.培养学生按照程序一步一步规范操作的品质，尽力做出最好的效果。10 8、学习情境8 设计 学习情境9 综合模块设计 学习学时 16 学时 学习目标 总目标：网站综合开发 具体目标：1.学校社团类 2信息专题类 3学校部门类 4.商业类 5教育类 6农业类 7旅游类 8娱乐类 主要任务 实际网站建设项目 教学方法建议 1.启发引导法 2.案例分析法 3.分组学习法 4.演示教

24、学法 5.分组协作法 考核与评价 1.课堂表现 2.课后作业 3.网上资料搜索 4.实际动手能力 教学材料 1.教材：Dreamweaver CS3 中文版实例教程 2.网络资源：(1)淄博职业学院数字化教学平台(2)http:/222.184.16.189/wywz/对学生基本要求 学生具备计算机的基础知识，具备上Internet 网查找资料的能力，具备使用软件的基础知识和能力 对教师基本要求 教师应熟悉了解常用网站建设步骤，应至少掌握制作网站的知识技能 备注 1.要求学生课前30 分钟对教材进行学习。2教师为学生演示如何快速建站、空间及域名申请、网站上传。3.培养学生按照程序一步一步规范操

25、作的品质，尽力做出最好的效果。11 第五部分 实施建议 一、教材选用 书名：Dreamweaver CS3 中文版实例教程 主编：吴教育 出版社：人民邮电出版社 出版日期：2011 年 8 月 二、教材编写 必须依据本课程标准编写教材。充分体现任务引领、实践导向课程设计思想。教材体现先进性、通用性、实用性。反映新技术、新工艺，典型产品和服务的选择科学，体现地区产业特点。教材内容呈现方式，其结构如下:资讯(问题情境):决策(问题分析):计划(任务设计):实施(任务实施)：检查(任务总结)：评估(思考训练)：拓展(任务拓展)：三、学习单元设计 学习单元设计要围绕工作过程的工作对象、工作内容、工作方法、工作手段、工作组织和工作要求六个要素，按照工作过程的资讯、决策、计划、实施、检查、评估6 个步骤，对教学活动进行详细设计，既要具体、又可操作。四、其他资源开发与利用 教师指引、学生实验实训项目单、学生实验实训记录单。第六部分 附录 12 一、参考文献 计算机世界 期刊 二、参考网站 1.淄博职业学院数字化教学平台 2.网页设计师ciw http:/ http:/