职业院校《网页设计与制作》校本教材建设初探

龙 红，王洪兰

（湖南科技工业职业技术学院，湖南 湘潭 411207）

职业院校《网页设计与制作》校本教材建设初探

龙 红，王洪兰

（湖南科技工业职业技术学院，湖南 湘潭 411207）

按照职业院校教育发展规律，本着“适度、够用”的原则，紧紧围绕“服务学生、就业导向、能力本位”的核心理念，文中从教材结构划分、教学素材选用、教学模式运用等方面对如何建设《网页设计与制作》校本教材进行了分析与探讨。

职业院校；网页设计；网页制作；教材建设

一、引言

《网页设计与制作》课程是一门兼具设计性、综合性和实践性的专业技术课程，是高职计算机多媒体技术、计算机网络技术、电子商务等专业的一门专业核心课程。它涵盖了HTML语 言 、Dreamweaver、Fireworks、Photoshop、Flash和Javascript等相关知识，全面涉及了WEB站点开发、设计、制作、维护等技术，为后续的asp.net动态网页制作、网站建设与维护等课程打下坚实的基础。

二、《网页设计与制作》课程教材结构划分

根据《网页设计与制作》课程特点和职业院校计算机类课程的特性，以项目任务为载体对教材体系和教学内容进行整合，将网页设计与制作的知识点和网站建设的基本技能融入四类常见的网站页面制作项目，每个项目分为若干个任务。教材内容由易到难，逐层深入，让学生切实掌握网页设计与制作的流程、方法和技能，提高学习动手能力、分析问题与解决问题的能力以及自学能力。主要结构如下。

项目一：个人网站的设计与制作。

随着网络技术的不断发展，个人网站已成为人们展示自己的一种手段。本项目将通过制作一个简单的“鸿澜”个人网站，从任务资讯、任务决策与计划、任务实施、任务检查与评估和练习与提高五个方面进行描述，了解个人网站规划与设计的基本原则和主要内容，熟悉网站建设的基本流程，掌握Dreamweaver的基本操作和表格布局排版技术，认识HTML语言的基本结构和常用标记符〈table〉、〈img〉、〈font〉、〈p〉、〈br〉等使用方法，培养学生团队合作和独立思考的意识，养成良好的职业素养，为制作更加复杂的网站做好知识准备。

项目二：电子商务类网站的设计与制作。

21世纪以来，电子商务伴随着IT的成熟，逐渐发展壮大，成为网络经济的核心。企业通过电子商务网站实现了宣传公司形象、发布企业动态、产品展示、网上订单、网上交易等功能，与客户间的距离进一步贴近。本项目通过完成整个电子商务网站的设计与制作，相关内容层层展开，在学生头脑中形成“如何搭建整体网站”的概念。

项目三：中小企业网站的设计与制作。

作为企业类网站，主要实现的功能首先是具有较强的盈利能力。其次网站是企业树立形象和展现文化的重要窗口，是为顾客提供服务的一个工具，是企业整体营销战略的一部分。常见功能有企业信息、新闻中心、产品展厅、人力资源、会员中心、留言反馈等。本项目通过某一中小企业类网站的整体设计，培养学生在学习过程中发现问题、解决问题的能力，提高学习的主观能动性。

项目四：主题网站的设计与制作。

本项目给出网站设计与制作的如下要点：（1）建立网站站点；（2）建立网站页面（首页为：index.html），页面元素完整；（3）应用表格或者div、css布局页面；（4）在页面中插入文字，并用css美化文字大小、字体、颜色等效果；（5）在页面中添加超级链接，并用css美化超级链接；（6）建立模板，并制作其他页面；（7）至少完成8个及以上页面，页面标题栏、状态栏、版权等信息齐全；（8）页面中超级链接如没有链接页面以空链接（#）代替。

学生根据以上设计要求，结合所学内容，从旅游类网站、时尚类网站、教育类网站、门户类网站等几个大类中选择某一项进行设计制作。教师将根据学生完成情况的复杂程度和实际效果给予评价，锻炼了学生的实践动手能力，增强了自信心和学习兴趣。

三、教学素材的选用方法

教学素材是以完成课堂教学任务为目的，以教师引导学生开展课堂活动的形式呈现的教学材料。

1.合理性。以个人网站设计来说，文本的制作上讲求清晰、明了、突显个性化，Logo和导航的字体、字号设计可以依个人的喜好采取不规则式，选择跳跃感强的色彩。在图像的选取上也是以色彩丰富、形状多样的图案为主。

2.整体性。选用的教学素材要能够自然、贴切地把各个知识点整合在一起，教学素材要服务于教学目标，要突出教学的重点。电子商务类网站以从事电子商务为主，对安全、稳定等性能要求较高，比较考验网站中运行的程序。在知识点上以表格嵌套、模版运用、脚本语言和行为语句为重点进行讲解。

3.现实性和针对性。课堂教学中选取的素材要符合学生的认知水平和实际生活，教师可以从具体教学对象的特殊性出发，根据教学对象因人、因地、因时选材，为他们“量身定制”针对性较强的教学素材，如在教授电子商务专业学生时，素材的选取多以电子商务平台或某一个人网店为主，以便引导学生从自己熟悉的教学素材中直观体验获取知识、提高能力的喜悦。

四、教学模式在教材中的运用

在《网页设计与制作》校本教材的开发上主要采用“基于过程的项目式教学法”。即“在引导学习者融入有意义的项目完成的过程之中，让学习者积极地探究与发现，自主地进行知识的整合与建构，以现实的、学生生成的新知识和提高的完成项目任务的能力为主要成就目标，项目完成的过程也是学习者学习活动进行的过程”。为此，以项目作品开发为主线，把教材中的范例网站分解成若干个子任务，将课程标准中的图像处理、动画制作、音视频处理、网页页面设计制作、站点发布维护等多方面的知识点融入其中，在整个课堂教学实施中，教师根据网站设计开发的实际工作顺序安排，以作品演示的方式从头至尾带领学生操作，让其感受网站从无到有一步步制作的全过程，有助于提高学生的学习兴趣，培养其创新设计能力。

五、结语

笔者认为，一本好的教材应具备合理的章节顺序，精练、准确的理论描述，必要的理论实现步骤和贴合学生实际、具有一定扩展性的实例，以及最后的综合性练习章节，并且在教材中最好还要加上行业规范和相关的职业岗位及要求。这样，使用这些教材的学生才能更好地明确自己的学习目标和学习要求，将来才能适应社会的需要。

[1]雷秀芳.从一个别具匠心的教学设计谈教学素材选取与应用的有效性[EB/OL].西安爱知中学，2011-09.2012-05. http：//blog.sina.com.cn/s/blog_7f05840a0100w4og.html.

[2]郭锂，叶惠文.基于“双层项目驱动教学模式”的计算机基础课程立体教材开发与应用[J].中国大学教学，2012，（2）.

[3]李巍.高校“网页设计与制作”教材建设初探[J].西昌学院学报，2012，（3）.

[4]孙小英.高职《网页设计与制作》教材改革探讨[J].电子商务，2012，（12）.

G712

A

1674-9324（2014）21-0170-02

龙红（1981-），女，湖南湘潭人，助讲，湖南科技工业职业技术学院教师，研究方向：网页设计与制作、图形图像处理、计算机多媒体技术等；王洪兰（1980-），女，吉林吉林人，讲师，湖南科技工业职业技术学院教师，湖南大学研究生，研究方向：程序设计、图形图像处理、网页设计与制作、数字水印等。