项目钠 Ｓｃ科ｉｅｎｃｅ＆Ｔｅ技ｃｈ视ｎｏｌｏｇｙ界 Ｖｉｓｉｏｎ 科技·探索·争｜｜ｌ 基于工作过程的《网页设计与制作》课程的教学改革 袁堂青 【山东传媒职业学院。山东济南２５０２００） 【摘要】高职院校深化课程的教学改革是培养专业技能型人才的有效手段，为了培养学生具备制作网站的专业技能，激发学生学习这门 技术的兴趣 专业教师结合多年的工作经验及多年的教学经验，对《网页设计与制作》课程进行了有效的教学改革，在教学内容设置上更加突显 专业性、技能性及应用性等方面的内容，使本课程内容符合本专业的培养目标，教学设计上更加突显工作场景的应用，在考核标准上更加注重 学生创新及制作能力的考核，在培养目标上更加侧重专业素质及技能型人才的培养。 ·【关键词】网页设计与制作；互联网＋教学；教学改革；基于工作过程 《网页设计与制作》课程是我院计算机多媒体技术专业和网站规 段的一种方式。教师还应通过互联网能学生进行适当的指导。 划与开发技术专业的一门专业核心课，具有专业性强，实用性强，独立 ２：３教学方法的设计 性强等特点．本课程在这两个专业特别是网站专业的课程体系中处于 教学过程中充分利用先进的教学技术和方法．在实训机房模拟真 核心地位。 实的工作环境．从小的任务开始，让学生一开始就有一种职场的环境， 并采取团队合作的方式．三五人一组，实行同学间帮扶、老师指导、团 １ 课程培养目标与企业用人标准 队合作的方式逐步提高同学们的专业职业能力 ３．１模拟工作环境．精心为学生设计典型的工作任务 《网页设计与制作》课程侧重培养学生的网页的基本设计能力及 ２．在知识的学习中．以“任务”为引导的真实工作环境教学．真实地 制作能力的训练．要求学生熟练掌握网站制作中的各种基本技能．具 备设计、开发、维护中小型网站的基本知识和能力，使学生能够具备从 模拟工作环境．给学生切实可行的工作任务。同时．还要对任务中的 学生进行了解和观察．根据他们的兴趣设置合理的任务．把实际工作 事职场工作的综合素养 的场景带到课堂中去．让学生不单单是处于课堂的学习．更要有一种 １．１企业用人标准 更加有效地驱动学生前 通过网上调研及与企业专业人士探讨．对企业招聘的“网页设计 置身于工作的体验。使学习与工作融为一体．进。 师”的大体要求总结为以下几点： ３．２工作场景中的“项目”导向学习 １）要求具备良好的职业素养及个人素养，具有较强的团队合作意 ２．在学生掌握了基本的知识后，就应让学生真正置身于工作环境 识，对工作认真负责。 在工作过程中提高自己的水平，在工作过程中学习的另一个方法 ２）具有创新意识．能够较好的把握网站的整体设计风格和网站内 中．就是给其设定“项目开发”的工作任务．工作场景中以“项目”为主导的 容整体规划 以项目为推动学生前进的动力．以教师指 ３）熟练使用Ｆｌａｓｈ、ＰＳ、Ｄｒｅａｍｗｅａｖｅｒ等相关工具，能够熟练地使用 核心理念是“以学生为主体，它强调在工作过程中以项目开发为整个工作任务．把 ＨＴＭＬ＋ＣＳＳ对网页进行代码的编写．对从业人员要求具备系统的专业 导为辅助手段”．所学知识综合运用到给定项目的开发中．在整个开发过程中他们会发 知识和具备一定的实践经验 现自己的薄弱环节．能够更清楚自己在哪方面的欠缺，从而提高他们 ４）要求从业人员具备一定的代码优化能力和网站维护能力 自己在此方面的学习动力，并且能提高他们团队合作的意识。 １．２课程达到的教育标准 根据企业用人标准及本专业的的培养目标、理论和实践教学目标 ３《网页设计与制作》课程的考核标准 形成了本课程所应达到的教育标准．通过本课程的学习和实训．学生 能够具备以下能力：ｗｅｂ站点的规划、网站策划、构建及发布的能力： ３．１课程考核标准 本课程的考核标准由以下三部分构成：学生的职业素养、学生的 网页设计与制作能力：Ｆ１ａｓｈ动画的创意及制作能力；ＨＴＭＬ＋ＣＳＳ代码 编写能力：简单的网站优化能力 专业基础知识、学生的专业技能。各部分的具体内容如下： 学生的职业素养：学生在工作中的工作态度、团队合作精神、再学 ２《网页设计与制作》课程的教学设计 ’ 习的精神及职业道德 学生的专业基础知识：各种文件的设计规范、命名规范、ＨＴＭＬ＋ ２．１明确教学目标。优化教学内容 图像处理规范．整站建设、维护及优化等专业基础知 高职院校的人才培养目标和模式必须要迎合市场对人才的需求． ＣＳＳ的编写规范、培养具有创新意识、团队合作能力、分析问题、解决问题能力的综合素 识。 学生的专业技能：网站策划能力、网站规划能力、图像处理能力、 质的人才。为了提高本课程的教学效果．我们必须优化教学内容。 根据我院网站专业及计算机相关专业的人才培养方案要求学生 网站的设计与制作能力、网站的开发能力、网站维护能力及网站优化 ’ 具备相应的专业知识外．还应具有相应的专业素养。为此．我们将对课 能力。对学生的专业基础知识考核主要以日常的教学基本目标为准则， 程的教学内容进行优化、细化，增加与实际工作相关的学习内容．删除 或弱化与工作联系不密切的内容。使得课程教学内容包括以下五部 对职业素养的考核主要是以学生在团队中的表现为基准对其进行多 分：①网站入门；②ＤＷ软件使用；③ＨＴＭＬ＋ＣＳＳ代码的学习；④网站 方位的考核。考核的原则以学生掌握的专业基础知识和专业职业技能为重点， 策划与开发；⑤网站测试与维护；⑥网站优化（ＳＥＯ），同时还要根据市 以职业素养为辅的考核原则。对于职业素养．一般是在平时的团队合 场需求对课程进行随时的修订。 作中完成．对于专业基础知识的考核主要是在平时的工作任务中进 ２．２教学模式的选择 而对于专业职业技能则主要是在开发的项目案例中进行。各部分 由于做网站对学生的创意能力及制作能力要求较高．所以本课程 行．专业职业素养（１Ｏ％）＋专业基础知识（３０％）＋专业技 的课堂教学采用了多元化的模式：班级授课、互联网＋教学、个别化教 考核的比重如下： 学、实训指导。班级授课是在实训机房教师模拟真实的工作场景．结合 能（６０％）＝ｌ００％。传统的《网页设计与制作》课程考核标准侧重于对专业的基础知 讲授．以多媒体信息展示教学内容．并根据学生的反馈及时调整教学 所 进度，重点指导，强化重点：学生需要根据老师提出的项目任务进行分 识的考核．目前我们对于学生能力的培养主要以职业能力为目标。更加注重对学 析、分解、优化并制作。互联网＋教学是以课后学生需要通过互联网来 以我们制订的新标准应侧重于对学生职业能力的考核， · （下转第５１页） 复习、预习课程内容．并且能根据老师提出的问题进行思考为主要手 生走向职场的综合素质的培养。※基金项目：院级课￣（ＹＫＹ２０１４０２）。 作者简介：袁堂青（１９８ｌ一），女，山东临沂人，山东传媒职业学院教师，研究方向为网站开发、数字媒体技术。 ｓｃｉｅｎｃｅ＆ ｃｈｎ０ｌ。ｇｙ Ｖｉｓｉ。ｎ科技视界ｆ ４５ 项目与龋 Ｓｃ科ｉｅｎｃｅ＆Ｔｅ技ｃｈ视ｎｏｌｏｇｙ界 Ｖｉｓｉｏｎ 科技·探索·争鸣 ４）容许抗剪强度：沥青面层计算的最大剪应力应小 表３嘉兴市城市道路典型路面结构 于等于材料的容许抗剪强度。并满足下式要求： 次干路 支路 辅道、非机动车道 小区道路 ＂／ａ Ｔｍ≤［ＴＲ］ （４） ４ｃｍ ＡＣ一１３Ｃ ４ｅｒａＡＣ一１３Ｃ ４ｅｒａＡＣ—ｌ３Ｃ ３ｅｍ ＡＣ—ｌＯＦ 式中：＇ｒｍ一沥青面层计算的最大剪应力（Ｍｖａ）： ｊ 一 ６ｅｍＡＣ－２０Ｃ ·—— ５ｃｍ ＡＣ一２ＯＣ 『Ｔｒｔ］一沥青面层容许抗剪强度（ＭＶａ）。 路表设计弯沉值、沥青路面材料容许拉应变、半刚 ７ｃｍ ＡＣ一２５Ｃ ８ｅｍ ＡＣ一２５Ｃ ———． ７ｅｍ ＡＣ－２５Ｃ ７ｅｍ ＡＣ一２５Ｃ 性材料容许抗拉强度及沥青面层材料的容许抗剪强度 ｌｅｍ乳化沥青稀浆封层或撒布透层油 等应根据道路等级、交通量、面层和基层类型及相关材 １７ｃｍ水泥稳定碎石 １５ｃｍ水泥稳定 １５ｃｍ水泥稳定 ２５ｃｍ水泥稳定 料参数进行计算确定，在此不赘述。 １．２．２沥青路面厚度计算 （３．５ＭＰａ） 碎石（３．５ＭＰａ） 碎石（３．５ＭＰａ） 碎石（３．５ＭＰａ） 新建沥青路面结构设计应采用双圆垂直均布荷载 ｌ８ｃｍ水泥稳定碎石 １５ｃｍ水泥稳定 ｌ５ｃｍ水泥稳定 作用下的弹性层状连续体系理论进行计算．路面各结构 （３ＭＰａ） 碎－Ｉ￣（３ＭＰａ 碎石（３ＭＰａ） 层材料的抗压回弹模量、劈裂强度和抗剪强度等设计参 『 １５ｃｍ级配碎石 数应根据道路等级确定．本文中计算均按施工图设计阶 土基回弹模 土基回弹模 土基回弹模 土基回弹模量≥ 土基回弹模 段进行取值．借鉴嘉兴地区已有的试验资料及以往工程 量≥３０ＭＰａ 量≥２５ＭＰａ 量≥２５ＭＰａ ２５ＭＰａ 量≥２０ＭＰａ 设计经验确定 除客观的设计资料外．路面材料设计参数的选取及 ３结论 土基回弹模量对路面结构计算结构的影响较大。路面材料设计参数应 选择具有代表性的样本通过试验进行确定，因条件限制，本文路面材 城市道路路面结构计算是城市道路设计的重要组成部分．直接决 料参数均借鉴以往城市道路筑路材料的试验成果进行计算。 定着路面的使用寿命和造价 嘉兴市城市道路典型路面结构设计中要 求结构组合合理．在满足沥青路面设计指标的前提下确定合适的厚 ２典型路面结构研究与分析 度．方便施工的同时兼顾经济效益。在借鉴上海、杭州典型路面结构成 ２．１典型路面结构设计的基本原则 功经验的同时。从自身的交通特点出发。选择路面结构在路用功能、结 为保证典型路面结构在嘉兴市城市道路设计中具有广泛的适用 构组合及厚度的最佳结构形式。● 性．与嘉兴市城市道路建设环境相协调．嘉兴市典型路面结构设计应 遵循以下原则 ：①路面结构各结构层的结构类型、厚度与当地交通量 【参考文献】 相适应，并能满足城市道路功能要求：②路面结构各结构层的刚度和 ［１］曹立峰，杜百计．试论城市道路路面结构设计［Ｊ］．市政技术，２００８，３（２６）：１７６一 强度与路面结构层应力应变分布特性相适应：相邻结构层刚度差异不 ｌ８１． 宜过大；③兼顾各结构层自身的结构特性，；④基层设计时应考虑路基 ［２］中华人民共和国行业标准．ＣＪＪ ３７—２０１２，城市道路工程设计规范［Ｓ】．北京：中 的水温状况的不利影响：⑤合理选定路面结构层的层数及层厚 国建筑工业出版社． ［３］中华人民共和国行业标准．ＣＪＪ １６９—２０１２，城镇道路路面设计规范【ｓ］．北京：中 ２．２嘉兴市典型路面结构推荐 国建筑工业出版社． 根据嘉兴市城市道路设计经验及已建道路路面结构使用状况．借 ［４］郭彦勇．论典型路面结构设计［Ｊ】．交通科技，２０１３年第１期（总第２５６期）： 鉴上海和杭州两地典型路面结构的基础上．推荐嘉兴市城市道路典型 １００～１０２． 路面结构．具体结构形式如表２和表３所示１５］ 本文对沥青路面设计指 ［５］城市道路工程设计技术措ｇａ（２ｍ１年版）一ｂ京：中国建筑标准设计研究院， 标与厚度计算均采用东南大学开发的城镇道路路面设计程序系统 ２０ｌ１． （ＨＰＤＳ一２０１２）进行计算，具体计算过程不再赘述。 表２嘉兴市城市道路典型路面结构 ［责任编辑：张涛］ 快速路 主干路 ４ｅｍ ＯＧＦＣ—ｌ３ ４ｅｍ ＡＣ—ｌ３Ｃ ６ｃｍ ＡＣ－２０Ｃ ５ｃｍ ＡＣ一２ＯＣ ５ｅｒａ ＡＣ一２０ｃ ｝８ｅｒａ ＡＣ一２５Ｃ ７ｃｍ ＡＣ一２５Ｃ ７ｃｍ ＡＣ一２５Ｃ ８ｃｍ ＡＣ－２５Ｃ ７ｅｒａ ＡＣ一２５Ｃ ｌ ｍ乳化沥青稀浆封层 ２０ｃｍ水泥稳定 ｌ８ｅｍ水泥稳定 ｌ８ｃｍ水泥稳定 １８ｅｍ水泥稳定 ｌ７ｃｍ水泥稳定 碎石（３．５ＭＰａ） 碎石（３．５ＭＰａ） 碎石（３．５ＭＰａ） 碎石（３．５ＭＰａ） 碎石（３．５ＭＰａ） ｝２Ｏｃｍ水泥稳定 ２ｏｃｍ水泥稳定 ２０ｃｍ水泥稳定 ｌ８ｃｍ水泥稳定 ｌ８ｃ 水泥稳定 Ｊ碎；Ｈ（３ＭＰａ 碎Ｅ（３ＭＰａ） 碎石（３ＭＰａ） 碎石（３ＭＰａ） 碎石（３ＭＰ丑） ２Ｏｃｍ级配碎石 １５ｃｍ级配碎石 土基回弹模 土基回弹模 土基回弹模 土基回弹模 土基回弹模 量≥３５ＭＰａ 量≥３ＯＭＰａ 量≥３５ＭＰａ 量≥３０ＭＰａ 量≥３０ＭＰａ （上接第４５页）３．２平时成绩考核 创作的理解、对创意、设计、题材理解、网站内容规划、图像处理能力、 １）出勤和课堂案例策划：对于缺勤、迟到或早退都要扣相应的分 动 制作能力、色彩理解能力、网站布局、站点管理、网站上传下载、网 数．对到课堂上布置的案例进行分析的同学都有记录，会有加分。 站优化等综合能力 ２）平时作业：课程最初阶段我们是以小的任务作为课堂作业，而 本课程的改革使学生在工作中学习．学习的不仅仅是课本上的知 当课程进行到接近一半的时候．我们会要求学生选一个主题作为网站 识．更多的是做出来的作品。让学生很有成就感，这必将激发学生的学 的名称，开始网站的建设之路。这个简单的网站制作和平时的工作任 习兴趣．提高学生的自主学习和创新的能力．使学生的职业能力迅速 务作为平时的成绩 提高。同时网站开发是一个综合运用各种知识的技术．在开发过程中 ３＿３期末考试成绩 学生的综合能力也会得到提高，增强了学生的可持续发展的能力。● 期末考试的作品对学生的要求比较高．教师提前一个周对学生布 置一个主题．要求制作一个中小型的网站．要求在一个周内完成。以公 ［责任编辑：王伟平］ 司对员工作品的要求的标准对学生的作品进行考核．检测学生对整站 ＆ ｎｃｅ 蛔Ⅵ 技视界｛５’