《网页设计与制作》实训课教学探索
摘 要：《网页设计与制作》是中等职业学校计算机专业学生的一门核心专业课程。通过这门课的学习，学生能够掌握网页设计与制作的基本技能。但是，传统的教学方式对于这样一门技能型课程来说还远远不够，只有通过实训才能加深学生对于各知识点的了解和掌握。本文旨在通过在《网页设计与制作》课程实训中运用多种教学方法进行项目式教学的案例，对教学过程进行总结，探讨适合中等职业学校学生的一些教学方法。
关键词：网页设计与制作 综合实训 案例教学 任务驱动
中图分类号：g633 文献标识码：a 文章编号：1673-9795（2013）05（b）-0173-02
近年来，随着我国职业教育改革的进一步深化，计算机专业课程改革面临着进一步完善，这就对《网页设计与制作》课程改革提出了更高的要求。《网页设计与制作》课程是中职学校计算机应用技术和计算机网络专业中一门创新性和实践性很强的专业课程，要求学生不但要学好理论知识，还需要掌握实践技能，关键是要具有解决实际问题的能力。但是，这样一门看似简单好学的课程，却经常得不到很好的教学效果。学生在学完课程之后，要么设计结果达不到应有的功能和视觉效果，要么不能独立地进行网站规划和页面设计。因此，笔者在《网页设计与制作》课程的教学实训中，对教学内容、教学方法、教学手段、考核方式等进行了一些尝试，收到了良好的效果。 1 实训阶段
以我校计算机应用专业为例，《网页设计与制作》综合实训课安排时间为60个课时，以集中训练的方式进行。在综合实训之前，学生已经学习理论知识和上机操作，对课程的重点、难点进行了相关的练习。笔者在教学中发现，虽然学生经过指导能够完成课堂上布置的任务，但是只能根据规定的操作步骤进行，学生没有独立设计和制作网页的能力。学生的操作依赖性很强，学习之后很快就遗忘。针对这些问题，笔者制定了切合实际的实训计划，主要目的是培养他们团队中协作能力，独力完成所承担的网站需求分析、网站规划、网页设计、综合测试等工作，从而使学生牢固掌握所学知识，实现以技能培养为核心，培育适合当前职业岗位需求的应用型、技能型人才。本课程综合实训如下所示。
龙源期刊网
网页设计与制作课“鱼形”教学模式
作者：石亚冰 黄予
来源：《法制与经济·上旬刊》2013年第05期
[摘 要]《网页设计与制作》是一门综合性较强的课程，过去单纯以任务为驱动的教学方法虽然能使学生很容易地掌握各个知识点，但当其遇到综合应用时却碰到诸多困难。为此，基于过去几年的教学实践，笔者总结出了“以比赛为依托，项目为核心，任务为辅助，日志为主线”的“鱼形”教学模式。该模式克服了单纯以任务驱动为教学手段的不足，紧跟当前网页设计的前沿技术，通过基于项目的学习提高学生发现问题与解决问题的能力，使教师真正“授之以渔”。
[关键词]网页设计与制作课；“鱼形”教学模式；基于项目的学习
一、引言
《网页设计与制作》课程是普通师范院校计算机专业的必修课，也是深受广大学生喜爱的课程，教学目的在于使学生熟练掌握用HTML、Dreamweaver、Photoshop、Flash、Javascript、CSS 制作网页，它的重难点在于各个软件的协同综合应用。这门看似简单的技能课程，往往得不到很好的教学效果，常常是在学生学过之后， 依然不能独立地进行网站规划和页面设计。经过教学实践与理论分析，我们认为过去单纯以任务为驱动的教学方法虽然能使学生很容易地掌握各个知识点，却不能高效地提高学生的综合应用能力。设计一个出色的网页不但要有过硬的技术基础，而且也要涉猎艺术与心理学方面的知识。为此，根据近五年的教学经验提炼，笔者认为《网页设计与制作》课教学就要构建“以比赛为依托，项目为核心，任务为辅助，日志为主线”的“鱼形”教学模式，在“鱼形”教学模式的引领下，促使学生习得“渔”的技能。
二 “鱼形”教学模式
（一）“鱼形”教学模式简介
图1 “鱼形”教学模式
“鱼形”教学模式如图1，模式设计主要基于以下4个方面的内容，它的根本目的是解决学生学而不会用，综合能力薄弱的突出问题。
- 1 -
《网页设计与制作教案》
湄洲湾职业技术学院
2008-2009学年第一学期
教师： * * *
系部：信息技术工程系
专业：计算机应用 电子信息
班级：计机07（1）信息07（1）08（2）
- 2 - 第一讲 网页设计概述
【教学内容】
讲解网页设计的相关术语及网站制作的基本流程。
【教学目的】
使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。
【教学重点】
网页设计中的若干术语。
【教学难点】
理解网页设计中的若干术语。
【教学方式】
讲授式、讨论式、案例分析式。
【教学参考】
1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。
2、《Internet 网页工场》Wittime工作室 重庆出版社。
3、《WEB网站设计》Joel Sklar著 高等教育出版社。
4、《HTML网页制作教程》材义语编著 铁道出版社。
【新课内容】
1.1 WWW和URL
1.1.1 Web的起源
Web是World Wide Web的简称，一般也称之为WWW或3W
1.1.2 Web的特点和结构
Web最大的特点是使用了超文本（Hypertext）
WWW采用C/S（客户机/服务器）工作模式
在浏览器和服务器之间应用HTTP（Hyper Text Transfer Protocol，超文本传输协议）作为网络应用层通信协议
1.1.3 URL
URL的完整格式
协议://主机名或IP地址：端口号/路径名/文件名
1.2 IE5的使用
Web浏览器是浏览Internet资源的客户端软件
在Windows环境下使用的浏览器主要有Internet Explorer、Netscape Navigator、Mosaic等
1.2.1 IE5的界面
1.2.2 IE5的使用 - 3 - 1.3 网页中所使用的技术
1.3.1 HTML语言和XML语言
1、HTML语言
⽹页设计与制作（附微课视频第2版）参考答案
第⼀章习题参考答案
⼀、选择题1、A
2、A
3、B
4、C
5、A、B、C、D
6、A、C、D
7、B
8、C
9、B
⼆、简答题1．答：URL是UniformResourceLocation的缩写,译为“统⼀资源定位符”，URL是Internet 上⽤来描述信息资源的字符串,主要⽤在各种WWW客户程序和服务器程序上,特别是著名的Mosaic。采⽤URL可以⽤⼀种统⼀的格式来描述各种信息资源,包括⽂件、服务器的地址和⽬录等；2答：⽂本、图像、动画、视频等。
3.答：⽹页结构语⾔的作⽤是将⽹页需要的内容以结构化、模块化的⽅式总结和存储，供表现语⾔和⾏为进⾏调⽤。⽹页结构语⾔包括可扩展超⽂本标记语⾔XHTML 1.0和HTML 5等两种结构语⾔。其中，XHTML 1.0为当前被⼴泛使⽤的标准，⽽HTML 5标准则是⽹页未来将被使⽤的标准。
⽹页表现语⾔的作⽤是为⽹页的结构语⾔定义尺⼨、位置、背景，以及⽂本的各种效果。⽬前⽹页表现的国际标准语⾔为CSS样式表技术。
⽹页结构语⾔和⽹页表现语⾔共同作⽤可以为⽤户呈现⽹页的整体画⾯，然⽽，⽹页是⼀种交互性的媒体，其除了可以呈现内容外，还可以根据⽤户的界⾯操作响应各种事件，此时，就需要⽤到⽹页的⾏为语⾔。⽹页的⾏为语⾔包括多种类型，例如，JavaScript、JScript以及VBScript等。4.答：⼀个完整的HTML5⽂档包含声明、头部和主体三个部分组成。
第⼆章习题参考答案
⼀、选择题1.A、B
2.A
3.B
4.D
5.D
6.D
7.C
⼆、简答题1．答：（⼀）⽹站功能需求分析；
（⼆）⽹站的策划，本阶段主要包含⽹站栏⽬，内容，产品提炼等等；（三）⽹站设计，根据策划开始进⾏设计；
（四）程序代码的开发；
（五）上线测试；
（5）后期维护；2.答：（1）对称与均衡
对称分为左右对称、上下对称、重复对称、旋转对称等形式。对称的造型在⼤⾃然中⽐⽐皆是，同时也是版式设计常⽤的构成形式。对称的形式给⼈以稳定平衡的感觉，但也容易流于刻板、单调。为打破这种局⾯，设计上往往采⽤均衡来代替对称。
