《网页设计》课程标准

1、附件 4：济南工程职业技术学院网页设计课程标准适用专业：电子商务 编制单位：网络信息中心 编制日期： 2014.11网络信息中心 制网页设计课程标准课程类别专业课课程代码学时/学分适用专业电子商务64/4编制人制定日期修订日期审定组（人）|审定日期樊晓卿2014年11月年 月年 月课程定位与设计1. 课程性质网页设计是电子商务专业的一门专业必修课程，是专业主干课程之一。 课程面向的主要岗位为网页设计师和网站维护管理员。 本课程在大二上学期开设, 学生已完成计算机文化基础的学习，对计算机软件操作较为熟练，也为网站建设 与管理、网络数据库等相关课程的后续学习打下基础。与中职、本科不同，高职网页设计

2、课程使用基于工作过程培养模式，强调知识的实用性。2. 课程设计本课程的设计思路以就业为导向，按照基于工作过程的职业能力来进行课程 开发，邀请企业行业网络专家对计算机网络专业所涵盖的岗位群进行工作任务和 职业能力分析，以此为依据确定本课程的工作任务和课程内容，并参照行业职业 标准，以任务引领为课程框架，将课程按递进方式设计成项目，并以项目为单元 组织教学，使学生由浅入深，以点到面的全面掌握网页设计的职业技能。同时开 发教材，对教学过程的组织、教学条件、课程评价都进行了详细的设计，完成本 课程的整体教学内容和教学实施的整体设计，建立了基于网页设计的课程标准。二、课程教学目标总体目标：通过真实网站项

3、目的开发，使学生掌握网站开发的过程及网页的 设计制作方法，能开发出以静态功能为主、包含部分动态功能的中小型网站，通 过多个网站的分级开发实施，不断强化学生的网页设计与制作技能，积累网页设 计与制作经验，激发学生学习兴趣并形成持久的学习动力，提升学生自主学习能 力，满足职业岗位需求。1、能力目标：1）会规划网站，设计页面；2）会使用Dreamweaver制作各种布局排版的静态网页；3）会使用HTML语言；4）会使用CSS规则处理网页；5）会处理图像；6）会测试、发布、推广、维护、管理网站；7）能处理网站开发过程中所遇到的常见问题；8）能跟踪网页制作领域新技术的发展并能阅读 HTM语言中的专业词汇

4、'2、知识目标：1）了解网站开发的过程以及网站规划，页面设计要求；2）理解网页的各种布局概念和 Web标准；3）了解常见的网页元素并理解其 HTML弋码；4）掌握CSS规则的常用属性；5）掌握超链接的类型和各种路径的概念；6）理解常见图像格式；7）理解网站测试与推广。3、素质目标：1）具有良好的沟通能力和协作精神2）具有勤于思考、认真踏实的工作作风3）具有运用科学技术和创新创业的理念4）具有自主学习、不断进取、理论联系实际的综合素养三、课程内容及教学要求1. 课程内容及教学设计为了让学生系统地掌握网页设计与制作技能，课程采用双线教学，以2个真实项目为载体贯穿网页制作知识和技能的讲解：A

5、项目是实施课堂训练项目，以网上商城网站开发为例，它是一个综合的贯穿项目，按照真实网站开发的过程又 分成多个子项目，主要培养和训练学生对网页设计与制作基本知识和技能的掌握； B项目是实施技能训练项目，以精品课网站开发为例，由学生小组开发项目，学 生以小组形式讨论制作技能，与网上商城开发过程同步，每个组员都要完成整个 项目，未完成的任务在课后完成。该项目的实施可采用综合能力迁移训练模式， 将在A项目完成过程中掌握的知识和迁移过来，它是为了巩固和检验所学知识和 技能，进一步培养和训练学生的网页设计与制作技能及职业素质。其中网趣商城项目又分为网站规划与网页设计、网页布局、网页素材的获取 与添加、网页美

6、化、多媒体与网页特效、网站测试、发布与推广等六个子项目， 如下图所示。项目内容以“实用性、针对性”为原则，改变以前按照章节内容顺 序教学的传统模式，按照“以项目开发的工作过程为依据”安排内容顺序，开展 教学；教学中，教师作为项目负责人，学生作为各个设计小组成员；采用“项目 引导、任务驱动”的思路，按照实际项目开发流程，将动态网站建设课程的学习， 糅合在一个大的设计任务中完成，在大的任务中又按照能力目标分解为小项目。 通过设计任务的完成，达到课程的知识和能力需要。表1课程结构 表1 课程整体内容序号项目一项目二项目三项目四项目五项目六教学 项目 名称网站规划与网页设计网页布局网页素材的 获取与添

7、加网页美化多媒体与网页特效网站测试、发布与推广学时分配61222884学时合计：64学时（其中实践教学学时比例为50%）理论学时32实践学时32表2 课程具体内容与教学要求教学 项目典型工作任务（模 块/单元）教学要求参考名称学时能力内容及要求知识内容及要求项目 一网 站规 划与 网页 设计1 1网站欣赏能分析优秀网页的布 局结构、颜色搭配、视 觉效果了解优秀网页在布局、颜色等方面的特点21 - 2编写项目计 划书能根据客户需求编写出网站的项目计划书掌握网站项目计划书的编写方法21 3站点的创建 与管理会创建站点并进行站 点的管理掌握站点的创建、管理 掌握“文件”面板的使用2项目网页 布局2-

8、1首页的表格 布局能利用表格进行网页 布局掌握添加表格、设置表格属性的方法42-2分页面的表格布局1能对表格进行设置以 满足页面需要 能在页面合适位置添 加文字图片掌握设置表格中行、列属性的方法 掌握文字、图像定位的方法22-3分页面的表格布局2能使用 Div+CSS布局相关网页掌握Div+CSS布局网页的方法22-4分页面的表格布局3能使用层布局相关网 页掌握层布局网页的方法22-5 Q&A分页框架布局能使用框架制作分页掌握框架的添加、保存、属性设置方式 掌握在框架中表格、文字、图片的添加与 设置2项目网页 素材 的获 取与 添加3-1制作首页能在页面中使用、设置 文字格式能在页面中

9、插入水平 线、日期等内容并设置掌握输入与编辑文本的方法 掌握水平线、日期等的插入和设置方法23-2制作分页面能将页面图文混排掌握图像的插入方法掌握图像属性的设置方法掌握图像与文本混合编排的方法23-3制作分页面能在网页中插入多媒 体掌握在网页中 flash、flash 按钮、flash文本等多媒体对象的插入与设置23-4制作注册页 面能制作表单页面掌握如何在表单网页中插入表单域掌握在表单域中插入文本域和文本区域 掌握在表单域中插入单选按钮、单选按钮 组和复选框掌握如何在表单域中插入列表 /采单、按钮 和图像域43-5超链接能将已有页面设置超 链接掌握页面之间、网址、锚点、电子邮件地 址等超链接

10、的方法4项目四 网页 美化4-1首页的美化能使用CSS美化网页掌握CSS样式表的基本语法和定义位置 掌握标签样式、高级样式、类样式的定义 方法24-2分页的美化能使用CSS美化网页掌握如何使用CSS样式表美化页面2项目五多媒 体与 网页 特效5-1制作含有spry组件的页面能制作含有spry组件 的页面掌握spry组件的添加和使用方法25-2在页面中添 加特效能使用行为制作网页 特效学会使用行为制作特效的操作方法 掌握内置行为的添加25-3在页面中添加特效2能使用时间轴制作网 页特效学会使用时间轴制作特效的操作方法 时间轴行为的应用程序25-4插件的安装 与使用能使用插件制作网页 特效掌握插件

11、的安装方法学会使用插件制作特效的操作方法2项目 六 网站 测 试、 发布 与推 广6-1网站的测试 与发布能进行网站测试 能申请域名 能发布网站掌握网站测试的方法 了解域名的设计与申请方法 掌握网站的发布方法26-2网站的维护 与更新能对网站进行维护与 更新了解网站的维护与更新2表3能力训练项目设计编号能力训练项目名称拟实现的能力目标相关支撑知识训练方式手段及步骤学时分配1个人网站规划与 设计能正确创建和管理站点站点创建与管理任务驱动，教师 示氾或课件演示22个人网站网页布局能使用合适方式对网页布局表格、框架、层任务驱动，重点 讲解，小组讨论、 互相点评23网页素材的获取与添加能在网页中添加各

12、种素材文字、图片、表单、超链接、flash等任务驱动，重点 讲解，小组讨论、 互相点评4个人网站美化能用css对网页进行美化Css样式任务驱动，重点 讲解，小组讨论、 互相点评25个人网站中的多媒体与网页特效能给网页添加多媒体和网页特效spry组件、行为、时间轴任务驱动，重点 讲解，小组讨论、 互相点评26个人网站的维护与更新能对网站进行发布、维护与更新网站的发布、维护与更新任务驱动，重点 讲解，小组讨论、 互相点评2四、课程实施1. 教学方法：为了使学生更好的掌握所学相关内容，结合本学习领域的特点，在教学的具 体实施时还运用了以下几种教学方法：1）案例教学引入企业的工程项目，作为典型案例，紧

13、扣课程应解决的理论和实际问题， 对案例的过程进行详细的分析、解剖、总结。教学过程中由老师讲解案例操作步 骤和相关知识，然后由学生仿照老师的演示实现服务器架构。通过对老师操作视 频的观看，提高了同学们对知识点的应用的理解， 有助于提高学生的学习兴趣力， 掌握相应岗位技能。2）讲练结合对基础知识精心讲解，并配合课堂练习，加强了师生的及时交流，便于发现 问题、解决问题，也便于对基本知识的牢固掌握。在每一次授课过程中，教师先 阐述本章项目驱动部分的任务，然后针对提出的任务，精心讲解本章节的知识点， 最后教师现场演示，解决问题，完成任务。在现场演示过程中，教师指导学生进 行练习，完成部分功能的实现。通过

14、讲练结合，达到了举一反三，灵活应用的目 的。3）任务驱动利用各章节分解的项目任务，培养自学能力和创新精神。教师授课首先给出 本章项目任务，针对任务讲授相关知识点，然后利用这些知识点来解决问题，让 学生带着问题听课，培养了学生从多角度、多层次、宽范围获取和应用知识的能 力。4）现场教学依托企业，强化实训。让具有丰富项目开发经验的双师型教师或企业项目工 程师在真实的职业环境中现场教学。授课内容包括对某些知识点扩展，新技术的 应用，当前研发项目重点等。2. 教材编写选用：1）需依据本课程标准编写教材，教材应充分体现基于工作过程项目课程的设 计思想，突出职业能力培养的思路。2）学习项目按照学习情境的要

15、求设计， 项目中所要学习的工作任务可以是交 叉与重复的。3） 教材的各项目通常应包括以下几项内容：（1）教学目标；（2）工作任务；（3）实践操作（相关实践知识）；（4）问题探究（相关理论知识）；（5）知识 拓展（选学内容）；（6）英语词汇索引和解释；（7）实训与练习。4） 工作任务通常应包括以下内容：（1）工作任务名称；（2）工作任务背景；（3）项目训练载体；（4）技能训练目标；（5）学习环境要求。5）教材中的活动设计的内容要具体，并具有可操作性。6） 教材内容应体现先进性、通用性、实用性，将当前最新的基于win dows 的网络服务产品纳入教材，使教材紧跟行业和技术发展。7）教材应图文并茂，

16、引用图表要清晰精美；语言表述应深入浅出、文字精练， 并力求形成一种灵活、亲切、活泼的语体风格。从而增加教材的可读性，增强教 材对学生的吸引力。8）教材应由学校教师与软件企业工程师共同编写。3. 教学条件：机房教学，安装dreamweaver、photoshop、flash等网页制作软件，可以连 接互联网。4. 师资条件：要求主讲教师在教学过程中，治学严谨，能够切实、认真执行 教学计划，按教学规律办事，并能灵活运用各种激励手段创设情境，激发学生的 求知欲望和学习动力。由于网页制作技术本身更新速度很快，所以教学内容必须 紧跟时代发展潮流，为此教学团队应付出巨大的努力和艰苦的工作，分析岗位能 力要求

17、，根据具体情况不断更新教学内容，满足学生在校所学知识基本符合职业 岗位需要。并且教师在教学之余，能够积极参加企业实践，承担一些企业项目的 开发，为社会服务。5. 教学资源开发与利用：1）多媒体教案、电子教材和参考材料2）教学大纲（课程标准）3）习题集4）实训系统（包括上机训练、阶段项目案例库、项目实训库）5）学生优秀作品库（学生的作业、项目实训文档及演示视频）五、教学评价、考核要求：突出过程性评价，以职业岗位工作过程为考评基础，以全学期的教学情境进 度为考核时间线，以一个完整的网站页面设计制作项目的驱动，在每个教学情境 完成教学之后，要求学生运用该教学情境所学技能设计制作项目中的相关进度作 业

18、（作品），并对其作业（作品）进行考核。从而形成阶段性过程考核成绩，该 成绩作为总评成绩的重要组成部份（占 60%）。强调课程结束后的综合评价，结合全教学过程的过程考核项目，对学生的最 终过程考核作品，从策划能力、美工设计能力、制作技术应用能力三个方面进行 综合评价。从而充分发挥学生主动性和创造力，还要注重考核学生动手能力和在 实践中分析问题、解决问题的能力。该成绩占总评成绩的 40%。在过程考核中，各教学情境可参照下表进行评价:序号工作过程模块评价目标评价方式评价分值1编写网站策划书评价学生的网站规划能力总结性评价52绘制网页效果图评价学生的网页美术设计能力；评价 学生的效果图绘制能力总结性评价153制作网站首页评价学生的网页排版能力；评价学生 的CSS应用能力；评价学生其它网页相关 辅助技术应用的能力。总结性评价204制作网站模板文件 与子页面评价学生的模板文件的制作与应用能 力。总结性评价155网站测试、发布与推广评价学生的链接技术应用能力；评价 学生对网站站点的综合管理能力。形成性评价5合计60在综合考核中，各任务模块可参照下表进行评价:序 号评价点参考要求评价方式评价分值1策划能力网站策