“网页设计与制作”课程学习情境设计和教学创新策略

廖丽

摘要：高职院校是我国重要的人才培养基地，“网页设计与制作”课程教学设计一定要立足工作过程实际，注重情境设计，不断创新教学策略，让学生掌握基本技能，培养高素质职业技能人才。文章研究了“网页设计与制作”课程学习情境设计和教学创新策略。

关键词：网页设计与制作；工作过程；情境设计；创新策略

职业院校不同于普通本科院校，职业性是其最为重要的特色，职业能力和素养是其教育核心。计算机教学主要培养学生的计算机应用、开发设计能力，“网页设计与制作”课程让学生能够更好从事网页设计与制作、网站编辑、网站管理等岗位，不仅要掌握相应的理论知识，充分熟悉相关的工作过程，更要能够结合具体工作过程来掌握网页设计与制作的基本方法，真正应用到工作中，让学生在工作中真正拿得起，放得下，施展开，具有实实在在的能力。为此，网页设计与制作课程教学设计一定要立足工作过程实际，注重情境设计，不断创新教学策略，真正培养高素质职业技能人才。

1 结合工作过程和岗位需求实际，明确课程和专业培养目标

1.1围绕学生专业实际确定课程教學核心内容

网页设计与制作是基于现代互联网应用和信息技术开发的专业应用技术，是现代互联网应用最为前端性的技术，网页是面向网络用户最为近距离的窗口，网页设计需要结合企业工作实际，能够将企业最为突出的形象、产品或者服务呈现给网民，达到公司宣传或者服务的目的。而对于网民来说，能够获得更为直观的浏览效果，真正捕获他们的眼球，让他们愿意为之投放更多的时间，或者能够更为直观地了解网页的内容，不仅能够全面了解信息，还能获得相应的体验，以此来不断强化他们的视觉效果，让他们对网页有更强的忠诚度。网页设计制作要求具有开发和制作网站的操作技能，能够根据中小型网站实际做好网站整体规划，设计制作更有新意的网络页面，并做好美化工作。网站编辑主要根据中小网站建设实际，应用最为基础的网页知识和操作经验，完成网站内容的编辑、维护和及时更新等工作，这是网页设计与课程专业的主要内容，也是未来工作岗位上工作的主要内容和需要具备的基本能力。网站管理则是更高层次的综合技能，不仅要具有相应的网页设计制作能力，还要具有更为全面的综合管理能力，完成网站后台维护以及各种改版工作。这是建筑在网页设计与制作专业技能之上的综合能力，是关系整个网站设计制作的综合管理。这是很多专业学生未来面临的工作实际，也是课程教学设计与实践必须充分考虑的问题。基于工作过程的“网页设计与制作”课程进行教学设计和创新必须充分考虑工作岗位实际，以工作岗位实际需要明确课程教学目标和专业培养目标，做到课程设计有的放矢，专业目标定位明确，真正将教学设计和教材策略选用更好地服务学生岗位技能培养和未来发展，真正培养高素质职业技能人才[1]。

1.2结合工作岗位需要培养他们职业素养与学习能力

基于工作过程的计算机教学，就是围绕他们的专业发展和应用实际，让学生能够得到更加有效的教育和指导，实现学校教育与社会应用实际的协调统一，做到学校专业学习与行业工作实际接轨，真正培养学生的职业素养和学习能力。确保学生能够在学习中锻炼职业能力，在工作不断学习进步，服务学生全面进步和终身发展。在学生接触网页设计与制作的初级阶段，可以让学生设计相对简单且较为有趣的项目，能够充分调动他们学习的积极性，让学生对网页设计产生持久的学习热情。学生对网页设计有了兴趣和热情，也就愿意为之付出更多的时间和精力，能够在以后的工作实践中更加积极，更有热情。工作不仅要要求技能，更要有热情和兴趣。学生有了兴趣，就会愿意在这方面进行更多的探索，在网页设计与制作、网站编辑方面积极探索，不断创新发展，更具创新能力，而不是按部就班地工作，这是未来职业人才的素养。针对他们的基础和发展等级，引导学生从最为基本的模仿设计开始，逐步创新，做好相应的启发和激励，促进学生更好地进步。比如，在进行网页建模和布局设计时，鼓励学生灵活应用表格层，让学生多思考，尝试不同的方法设计。学生能够打好基础，又能学会变通，做到举一反三。并在学习实践中鼓励学生相互合作，形成不同的团队小组，既能够增强他们的学习兴趣，降低学习难度，还能为以后的协同工作打好基础。他们根据网页设计与制作需要，相互探讨，相互借鉴，做好分工合作，不仅能够快速完成学习任务，还能感知工作过程，培养他们的职业素养与能力[2]。

2 立足工作任务实际，精心设计教学体验情境

高职院校必须立足行业发展和专业对口岗位需要，培养学生的专业技能和综合能力，让学生能够真正获得更多的发展空间。设计应用教学情境，让学生掌握知识技能的同时，强化他们的工作体验，丰富他们的工作经验，实现学校教学与岗位工作实际的对接。坚持由易到难、由浅入深的认知和实践提升规律，融入更多生动有趣的教学情境，让学生更容易接受和操作，以此来不断强化他们的应用实践能力。鉴于此，可以对现有的学生学习内容设置为5个单元学习训练模块，也是培养学生能力的5个层次步骤。（1）让学生能够对网页设计应用工具熟悉到位，并能初步掌握这些工具的使用方式，设计出一些最为简单的网页，初步感知网页设计的基本思想理念。（2）为学生设置相应的网页规划设计学习任务，通过具体实例感知和模仿，学习网页色彩的基本搭配，了解网页的基本布局，制作最为基本的网页；掌握网页字体的基本应用，并能够学会常见的文字设计技巧，应用CSS样式层进行设计。（3）在掌握基本网页布局和设计的基础上，引导学生学会一些基本的美化功能，在网页能够添加一些音效或者视频等效果，让网页有声有色。在此基础上，出于读者阅读的需要，制作常用的导航栏等。（4）让学生学习网页更新的常见方法，维护网页的基本技术，学会借助模板和库项目等制作的常见应用技术应用到网页更新和美化上去。（5）让学生能够掌握网页测试的基本方法，以具体实例反复让学生真正熟练上传网页。在教学实践中，坚持议Dreamweaver软件作为学习教学的主要线索，让学生在具体实践中体会，并在操作中不断创新，真正制作一些富有个性化的中小型网站。比如，以小型物流公司网站规划项目进行教学情境设计。为学生提供基本的内容模块，公司概况介绍、公司业务构成、企业发展动态、常规产品和特色产品介绍、管理层架构、人才招聘、公司业务联系方式等。并给学生提出相应的页面及网站建设要求：首先，网站必须凸显公司主题，并要做到简约大气，能够给客户更多的视觉效果。重点突出公司的业务特色，并且一定要将首页做好，便于展现公司形象和社会宣传。其次，便于公司信息更新和内容拓展，易于随时添加页面内容，具有较强的拓展性。再次，网页的字体不能干篇一律，一定要凸显美观，且不同的页面能够体现不同的风格特点，字体大小、形式、颜色等做到美学搭配，还要具有必要的音效和视频效果，能够支持当下最为常见的浏览器浏览。这样的要求提出以后，让学生能够结合所学内容，设计出更具实践应用效果的网站，这样的情境设计才是真正基于工作任务的设计，能够让学生真正获得较为直观的体验，并能培养他们的学习应用能力。

3 为师生提供更多的实践条件和实习机会

模拟和实战还是有一定的距离的，在做好常规模拟情境的同时，为教师和学生提供更多的实践机会，让更多学生能够真正深入企业，走上工作岗位，获得最为直接的体验，真正熟悉工作应用环境。这是最为好的应用情境，也是真正基于工作的教学创新。高职院校一般都在区域经济相对发达的地方，周边有较多的现代企业，并且很多高职院校与不同企业建立了各种层次的合作关系，有的是合作办学，有的是提供实践岗位，有的是复杂技术研发。这些企业都有自己的公司网站，网站都在不断更新内容，且网站建设都具有较强的时代性，能够真正体现公司的核心业务，也能够很好地展现公司形象。当然，也有不少公司一直都努力在公司网站建设方面进行更多的改组或者创新，需要更为专业的计算机人员提供更好地创想设计或者技术指导。这就为“网页设计与制作”课程教学提供了更好的应用范例，也提供了更好的學习和展示平台，更有利于创设基于工作过程的课程学习情境，还能不断创新教学模式和方法，真正培养学生的实践应用技能和综合素养。

4 以任务驱动或者项目教学法构建教学做一体化模式

任务驱动和项目教学法是高职计算机常用的教学方法，这两种方法能够将知识感知、技能训练与工作过程相统一，将教、学和做统一起来，实现由教到学再到具体实践应用。由抽象讲解、到模拟演练再到的具体的任务完成或者项目实践，让学生真正掌握知识，又能熟悉工作过程，培养专业技能，又能强化职业素养。学生要完成相应的任务或者项目，就必须认真听从教师的讲解，并能够浏览更多的网页，学习借鉴更多优秀网站的规划设计，并能大胆尝试和创新实践，将实践与感知、模仿与创新有机结合，强化他们的知识运用能力和创新实践能力。

5结语

总之，高职院校是我国最为重要的人才培养基地，我国的高端职业技能人才主要来自职业院校，也是人力资源素质提升的重要保障。高职院校的学生将来更多是从事一线工作岗位，从事技能应用或者综合服务工作，过硬的专业知识专业素养和职业技能。“网页设计与制作”做好基于工作过程的学习情境设计，不断创新教学策略，培养高职技能人才。

[参考文献]

[1]陈素晴.基于工作过程系统化的学习情境设计研究[J]信息与电脑（理论版），2014 （5）：146-147

[2]于晓霞，沈志刚基于工作过程的《网页设计与制作》课程学习情境的设计[J]福建电脑，2011 （6）：205-206