2022年《网页设计》课程标准.pdf

学习资料收集于网络，仅供参考学习资料附件 4：济南工程职业技术学院网页设计课程标准适用专业：电子商务编制单位：网络信息中心编制日期： 2014.11 精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 1 页，共 8 页 - - - - - - - - - - 学习资料收集于网络，仅供参考学习资料网络信息中心制网页设计课程标准课程类别专业课课程代码学时 / 学分适用专业电子商务64/4 编制人制定日期修订日期审定组 ( 人) 审定日期樊晓卿2014 年 11月年月年月一、 课程定位与设计1. 课程性质网页设计是电子商务专业的一门专业必修课程，是专业主干课程之一。课程面向的主要岗位为网页设计师和网站维护管理员。本课程在大二上学期开设，学生已完成计算机文化基础的学习，对计算机软件操作较为熟练，也为网站建设与管理、网络数据库等相关课程的后续学习打下基础。与中职、本科不同，高职网页设计课程使用基于工作过程培养模式，强调知识的实用性。2. 课程设计本课程的设计思路以就业为导向，按照基于工作过程的职业能力来进行课程开发，邀请企业行业网络专家对计算机网络专业所涵盖的岗位群进行工作任务和职业能力分析，以此为依据确定本课程的工作任务和课程内容，并参照行业职业标准，以任务引领为课程框架，将课程按递进方式设计成项目，并以项目为单元组织教学，使学生由浅入深，以点到面的全面掌握网页设计的职业技能。同时开发教材，对教学过程的组织、教学条件、课程评价都进行了详细的设计，完成本课程的整体教学内容和教学实施的整体设计，建立了基于网页设计的课程标准。二、课程教学目标总体目标：通过真实网站项目的开发，使学生掌握网站开发的过程及网页的设计制作方法，能开发出以静态功能为主、包含部分动态功能的中小型网站，通过多个网站的分级开发实施，不断强化学生的网页设计与制作技能，积累网页设计与制作经验，激发学生学习兴趣并形成持久的学习动力，提升学生自主学习能力，满足职业岗位需求。1、能力目标：1)会规划网站，设计页面；2)会使用 Dreamweaver 制作各种布局排版的静态网页；3)会使用 HTML语言；4)会使用 CSS规则处理网页；5)会处理图像；6)会测试、发布、推广、维护、管理网站；7)能处理网站开发过程中所遇到的常见问题；8)能跟踪网页制作领域新技术的发展并能阅读HTML 语言中的专业词汇。2、知识目标：1)了解网站开发的过程以及网站规划，页面设计要求；2)理解网页的各种布局概念和 Web 标准；精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 2 页，共 8 页 - - - - - - - - - - 学习资料收集于网络，仅供参考学习资料3)了解常见的网页元素并理解其HTML 代码；4)掌握 CSS规则的常用属性；5)掌握超链接的类型和各种路径的概念；6)理解常见图像格式；7)理解网站测试与推广。3、素质目标：1)具有良好的沟通能力和协作精神2)具有勤于思考、认真踏实的工作作风3)具有运用科学技术和创新创业的理念4)具有自主学习、不断进取、理论联系实际的综合素养三、课程内容及教学要求1. 课程内容及教学设计为了让学生系统地掌握网页设计与制作技能，课程采用双线教学， 以 2 个真实项目为载体贯穿网页制作知识和技能的讲解：A 项目是实施课堂训练项目，以网上商城网站开发为例，它是一个综合的贯穿项目，按照真实网站开发的过程又分成多个子项目，主要培养和训练学生对网页设计与制作基本知识和技能的掌握；B 项目是实施技能训练项目，以精品课网站开发为例，由学生小组开发项目，学生以小组形式讨论制作技能，与网上商城开发过程同步，每个组员都要完成整个项目，未完成的任务在课后完成。该项目的实施可采用综合能力迁移训练模式，将在 A项目完成过程中掌握的知识和迁移过来，它是为了巩固和检验所学知识和技能，进一步培养和训练学生的网页设计与制作技能及职业素质。其中网趣商城项目又分为网站规划与网页设计、网页布局、网页素材的获取与添加、网页美化、多媒体与网页特效、网站测试、发布与推广等六个子项目，如下图所示。项目内容以“实用性、针对性”为原则，改变以前按照章节内容顺序教学的传统模式，按照“以项目开发的工作过程为依据”安排内容顺序，开展教学；教学中，教师作为项目负责人，学生作为各个设计小组成员；采用“项目引导、任务驱动”的思路， 按照实际项目开发流程， 将动态网站建设课程的学习，糅合在一个大的设计任务中完成，在大的任务中又按照能力目标分解为小项目。通过设计任务的完成，达到课程的知识和能力需要。表 1 课程结构表 1 课程整体内容序号项目一项目二项目三项目四项目五项目六教学项目名称网站规划与网页设计网页布局网页素材的获取与添加网页美化多媒体与网页特效网站测试、发布与推广学时分配6 12 22 8 8 4 学时合计： 64 学时（其中实践教学学时比例为 50%）理论学时32 实践学时32 精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 3 页，共 8 页 - - - - - - - - - - 学习资料收集于网络，仅供参考学习资料表 2课程具体内容与教学要求教学项目名称典型工作任务 （模块/ 单元）教学要求参考学时能力内容及要求知识内容及要求项 目一 网站 规划 与网 页设计11 网站欣赏能分析优秀网页的布局结构、 颜色搭配、 视觉效果了解优秀网页在布局、颜色等方面的特点2 12 编写项目计划书能根据客户需求编写出网站的项目计划书掌握网站项目计划书的编写方法2 13 站点的创建与管理会创建站点并进行站点的管理掌握站点的创建、管理掌握“文件”面板的使用2 项目二网页布局2-1首页的表格布局能利用表格进行网页布局掌握添加表格、设置表格属性的方法4 2-2 分页面的表格布局 1 能对表格进行设置以满足页面需要能在页面合适位置添加文字图片掌握设置表格中行、列属性的方法掌握文字、图像定位的方法2 2-3分页面的表格布局 2 能使用Div+CSS 布局相关网页掌握 Div+CSS布局网页的方法2 2-4分页面的表格布局 3 能使用层布局相关网页掌握层布局网页的方法2 2-5 Q&A分页框架布局能使用框架制作分页掌握框架的添加、保存、属性设置方式掌握在框架中表格、文字、图片的添加与设置2 项目三网页素材的获取与添加3-1 制作首页能在页面中使用、 设置文字格式能在页面中插入水平线、 日期等内容并设置掌握输入与编辑文本的方法掌握水平线、日期等的插入和设置方法2 3-2 制作分页面能将页面图文混排掌握图像的插入方法掌握图像属性的设置方法掌握图像与文本混合编排的方法2 3-3 制作分页面能在网页中插入多媒体掌握在网页中flash 、flash按钮、 flash文本等多媒体对象的插入与设置2 精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 4 页，共 8 页 - - - - - - - - - - 学习资料收集于网络，仅供参考学习资料3-4制作注册页面能制作表单页面掌握如何在表单网页中插入表单域掌握在表单域中插入文本域和文本区域掌握在表单域中插入单选按钮、单选按钮组和复选框掌握如何在表单域中插入列表/ 菜单、按钮和图像域4 3-5 超链接能将已有页面设置超链接掌握页面之间、网址、锚点、电子邮件地址等超链接的方法4 项目四网页美化4-1 首页的美化能使用 CSS美化网页掌握 CSS样式表的基本语法和定义位置掌握标签样式、高级样式、类样式的定义方法2 4-2 分页的美化能使用 CSS美化网页掌握如何使用CSS样式表美化页面2 项目五多媒体与网页特效5-1 制 作 含 有spry 组件的页面能制作含有spry 组件的页面掌握 spry 组件的添加和使用方法2 5-2 在页面中添加特效能使用行为制作网页特效学会使用行为制作特效的操作方法掌握内置行为的添加2 5-3在页面中添加特效 2 能使用时间轴制作网页特效学会使用时间轴制作特效的操作方法时间轴行为的应用程序2 5-4插件的安装与使用能使用插件制作网页特效掌握插件的安装方法学会使用插件制作特效的操作方法2 项目六网站测试、发布与推广6-1 网站的测试与发布能进行网站测试能申请域名能发布网站掌握网站测试的方法了解域名的设计与申请方法掌握网站的发布方法2 6-2 网站的维护与更新能对网站进行维护与更新了解网站的维护与更新2 表 3 能力训练项目设计编号能力训练项目名称拟实现的能力目标相关支撑知识训练方式手段及步骤学时分配1 个人网站规划与设计能正确创建和管理站点站点创建与管理任务驱动，教师示范或课件演示2 2 个人网站网页布局能使用合适方式对网页布局表格、框架、层任务驱动，重点讲解，小组讨论、互相点评2 3 网页素材的获取与添加能在网页中添加各种素材文字、图片、表单、超链接、 flash等任务驱动，重点讲解，小组讨论、互相点评4 个人网站美化能用 css 对网页进行Css 样式任务驱动，重点讲解，小组讨论、2 精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 5 页，共 8 页 - - - - - - - - - - 学习资料收集于网络，仅供参考学习资料美化互相点评5 个人网站中的多媒体与网页特效能给网页添加多媒体和网页特效spry组件、行为、时间轴任务驱动，重点讲解，小组讨论、互相点评2 6 个人网站的维护与更新能对网站进行发布、维护与更新网站的发布、维护与更新任务驱动，重点讲解，小组讨论、互相点评2 四、课程实施1. 教学方法：为了使学生更好的掌握所学相关内容，结合本学习领域的特点，在教学的具体实施时还运用了以下几种教学方法：1）案例教学引入企业的工程项目，作为典型案例，紧扣课程应解决的理论和实际问题，对案例的过程进行详细的分析、解剖、总结。教学过程中由老师讲解案例操作步骤和相关知识，然后由学生仿照老师的演示实现服务器架构。通过对老师操作视频的观看，提高了同学们对知识点的应用的理解，有助于提高学生的学习兴趣力，掌握相应岗位技能。2）讲练结合对基础知识精心讲解，并配合课堂练习，加强了师生的及时交流，便于发现问题、解决问题，也便于对基本知识的牢固掌握。在每一次授课过程中，教师先阐述本章项目驱动部分的任务， 然后针对提出的任务， 精心讲解本章节的知识点，最后教师现场演示，解决问题，完成任务。在现场演示过程中，教师指导学生进行练习，完成部分功能的实现。通过讲练结合，达到了举一反三，灵活应用的目的。3）任务驱动利用各章节分解的项目任务，培养自学能力和创新精神。教师授课首先给出本章项目任务，针对任务讲授相关知识点，然后利用这些知识点来解决问题，让学生带着问题听课，培养了学生从多角度、多层次、宽范围获取和应用知识的能力。4）现场教学依托企业，强化实训。让具有丰富项目开发经验的双师型教师或企业项目工程师在真实的职业环境中现场教学。授课内容包括对某些知识点扩展，新技术的应用，当前研发项目重点等。2. 教材编写选用：1） 需依据本课程标准编写教材， 教材应充分体现基于工作过程项目课程的设计思想，突出职业能力培养的思路。2） 学习项目按照学习情境的要求设计，项目中所要学习的工作任务可以是交叉与重复的。3）教材的各项目通常应包括以下几项内容：（1）教学目标；（2）工作任务；（3）实践操作（相关实践知识）；（4）问题探究（相关理论知识）；（5）知识拓展（选学内容）；（ 6）英语词汇索引和解释；（7）实训与练习。4）工作任务通常应包括以下内容： （1）工作任务名称；（2）工作任务背景；精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 6 页，共 8 页 - - - - - - - - - - 学习资料收集于网络，仅供参考学习资料（3）项目训练载体；（ 4）技能训练目标；（ 5）学习环境要求。5）教材中的活动设计的内容要具体，并具有可操作性。6）教材内容应体现先进性、通用性、实用性，将当前最新的基于windows的网络服务产品纳入教材，使教材紧跟行业和技术发展。7） 教材应图文并茂， 引用图表要清晰精美； 语言表述应深入浅出、 文字精练，并力求形成一种灵活、亲切、活泼的语体风格。从而增加教材的可读性，增强教材对学生的吸引力。8）教材应由学校教师与软件企业工程师共同编写。3. 教学条件：机房教学，安装 dreamweaver、photoshop 、flash 等网页制作软件，可以连接互联网。4. 师资条件：要求主讲教师在教学过程中，治学严谨，能够切实、认真执行教学计划，按教学规律办事，并能灵活运用各种激励手段创设情境，激发学生的求知欲望和学习动力。由于网页制作技术本身更新速度很快，所以教学内容必须紧跟时代发展潮流，为此教学团队应付出巨大的努力和艰苦的工作，分析岗位能力要求，根据具体情况不断更新教学内容，满足学生在校所学知识基本符合职业岗位需要。并且教师在教学之余，能够积极参加企业实践，承担一些企业项目的开发，为社会服务。5. 教学资源开发与利用：1) 多媒体教案、电子教材和参考材料2) 教学大纲（课程标准）3) 习题集4) 实训系统（包括上机训练、阶段项目案例库、项目实训库）5) 学生优秀作品库（学生的作业、项目实训文档及演示视频）五、教学评价、考核要求：突出过程性评价，以职业岗位工作过程为考评基础，以全学期的教学情境进度为考核时间线，以一个完整的网站页面设计制作项目的驱动，在每个教学情境完成教学之后，要求学生运用该教学情境所学技能设计制作项目中的相关进度作业（作品），并对其作业（作品）进行考核。从而形成阶段性过程考核成绩，该成绩作为总评成绩的重要组成部份（占60）。强调课程结束后的综合评价，结合全教学过程的过程考核项目，对学生的最终过程考核作品，从策划能力、美工设计能力、制作技术应用能力三个方面进行综合评价。从而充分发挥学生主动性和创造力，还要注重考核学生动手能力和在实践中分析问题、解决问题的能力。该成绩占总评成绩的40。在过程考核中，各教学情境可参照下表进行评价：序号工作过程模块评价目标评价方式评价分值精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 7 页，共 8 页 - - - - - - - - - - 学习资料收集于网络，仅供参考学习资料1 编写网站策划书评价学生的网站规划能力总 结 性 评价5 2 绘制网页效果图评价学生的网页美术设计能力；评价学生的效果图绘制能力总 结 性 评价15 3 制作网站首页评价学生的网页排版能力；评价学生的 CSS应用能力；评价学生其它网页相关辅助技术应用的能力。总 结 性 评价20 4 制作网站模板文件与子页面评价学生的模板文件的制作与应用能力。总 结 性 评价15 5 网站测试、发布与推广评价学生的链接技术应用能力；评价学生对网站站点的综合管理能力。形 成 性 评价5 合计60 在综合考核中，各任务模块可参照下表进行评价：序号评价点参考要求评价方式评价分值1 策划能力网站策划方案充分满足客户的建站目的和内容要求。网站栏目规划合理。方案表达清晰、直观、详实。方案具有可操作性。总结性评价5 2 美 工 设 计 能力美工风格设计符合网站策划的主题定位、美术效果佳、整体感强、细节丰富、具有专业感。效果图绘制技术运用得当，表现力强，具有质感。总结性评价15 3 制 作 技 术 应用能力网站站点管理得当，文件命名和存放路径规范；排版技术运用得当，能完好的再现网页美术设计效果；CSS应用技术运用得当，排版布局合理；模板与子页制作得当；网页脚本交互功能运用得当；网站链接结构正确、合理、有效。总结性评价20 合计40 六、其它说明本课程标准适用于高职高专院校电子商务专业。精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 8 页，共 8 页 - - - - - - - - - -