基于项目化教学的“网页设计与布局”课程教学研究.docVIP

基于项目化教学的“网页设计与布局”课程教学研究 　　摘 要：文章以高职计算网络技术专业网页设计与布局项目化课程为例，将中国传统文化（书法文化）网站建设为项目载体融入该课程教学中，以职业活动为主线，通过项目展示、项目分析、项目实施、项目拓展、项目评估、项目实战等过程，实现了对知识的直接迁移，使学生获得与工作过程相关的职业能力，同时弘扬了中国传统文化，对提高教学质量进行了有益的探索。 　　关键词：中国传统文化；网页设计与布局；工作过程；项目化课程 　　中图分类号：G712 文献标志码：A 文章编号：1673-8454（2017）04-0016-03 　　一、引言 　　近年来，项目课程在高职教育中得到广泛运用和推广[1]，在实施过程中，项目课程以职业岗位工作过程为导向，以培养学生职业能力为核心。根据高职计算机网络技术专业人才培养方案，Web应用开发方向，其中Web前端工程师是核心岗位之一，要求学生必须掌握基本的Web前端开发技术、网站性能优化，学会运用各种工具进行辅助开发，并且熟悉网站后台开发和应用的能力。网页设计与布局项目化课程（HTML+CSS+DIV）是计算机网络技术专业核心基础课程。教职成[2015]6号文件中，提出要把中华优秀传统文化教育系统融入课程和教材体系，书法文化课是全院第二课堂一门拓展性课程，将书法文化网以工作过程融入网页设计与布局项目化课程中，激发了学生的学习动力，同时弘扬和传承了中华传统文化[2]。本?目化课程，集专业知识与文化建设一体化的平台，提升了学生的传统文化素养，促进了学生高效的学习网页设计与布局项目化课程。 　　二、项目化教学课程内容设计思路 　　该项目课程是依据“计算机网络技术专业工作任务与职业能力分析表”中的Web前端工程师工作领域设置的。网页设计与布局项目课程，采用了循环式模式[1]，课程内容从简单到复杂的多个项目进行组织，每个项目都包括该课程全部任务所构成的完整工作过程，且其与企业工作过程基本一致。其中“书法文化网站”建设是其中的一个项目，该项目教学内容选择主要根据Web前端工程师的工作任务及其所具备的职业能力的培养要求，注重对学生职业能力的训练，理论知识的选取紧紧围绕“书法文化网”建设中制订的工作任务完成的需要来进行，同时还考虑高等职业教育对理论知识学习的需要，并融合Web前端工程师资格证书对知识、技能和态度的要求以及学生在工作过程中所对应的工作岗位，本项目设计以构思设计（内容分析）、原型设计、页面设计、页面制作、动画制作、技术扩展、发布测试为线索来架构。教学过程中，通过仿真模拟的网站开发案例和校内实训基地、网站开发工作室作为辅助，以真正做到教、学、练结合。 　　“书法文化网站”项目是以山西信息职业技术学院“书法联谊协会”工作流程进行建站，界面设计要以传承中华书法文化艺术为主旨，渲染校园文化艺术气氛，提高广大会员的书法技能，以达到修身养性的目的。本项目属于课程网站建设范畴，经过对项目的分析，需开发静态页面站点，项目主要采用HTML+CSS+DIV技术布局本站点，后期采用CSS技术扩展来维护站点，决定本项目分解为7个分项项目来完成，通过书法文化网站建设学习如何设计与布局页面，基于项目化教学内容设计如表1所示。 　　三、基于项目化课程教学具体实施 　　“书法文化网站”建设是一个在教师指导下由学生独立完成的项目。根据学生实际及教学任务，项目实施过程分为六个环节，分别是项目展示、项目分析、项目实施、项目拓展、项目评估、项目实战。项目实施以小组为单位，全班分成若干小组，每个小组设置一个项目部，1名组长，负责分工、协调、组织讨论，每个项目部设置多个角色，每个角色对应指定的工作岗位，每个小组3-6人，每人1台配备电脑（可自备），以保证实际的工作需求。在实际运行过程中，通过合作互助学习，让接受能力较强的学生对接受能力较弱的学生进行帮扶，充分发挥学生学习主动性，锻炼学生团结互助品质，同时每组组员工作岗位迭代循环角色互换，让每一个学生体验到真正工作过程的环节，促进发展，实现知识迁移。 　　1.项目展示，激发动机。提供真实的企业网站，将页面的颜色、布局、内容结构、功能直观展示给学生。比如协会简介、新闻动态、书坛人物、书法研究、鉴赏收藏、协会风采、作品展示、书法论坛、会员注册模块，明确本项目的具体工作任务，同时引导学生思考，使其尽快进入工作状态，为项目化教学的实施做好准备。本环节让学生对网站进行赏析，对网页的布局、色彩搭配形成初步印象，提高学习兴趣，激发学习动机，让学生明确本项目是解决“做什么”的问题。 　　2.项目分析，任务细分。师生共同通过项目分析了解网页设计以及网页布局的组成，制定工作任务，下发任务单，包括具体的任务描述，任务目标，具体实施步骤，要求项目设计过程记录清楚，设计中出现的问