网站建设与网页设计课程是农业院校高年级学生的选修课程，它是一门具有理论性、艺术性、组织性和实践性四维一体的课程。课程从教学大纲、教学计划的制订到教学方案及方法的研究都具有与其他课程不同之处，本课程不但要求学生掌握大量的基础理论知识，同时要求学生把握一种现代的创新理念、层次思维、组织能力和审美观点。教学方案的制订和教学方法的研究，是确保教学任务顺利进行和最终达到教学目的的两大法宝。在常规的教学过程中，教学方案的制定往往出现以下情况：注重理论，忽略实践；注重教学，忽略兴趣；注重目标，忽略方法。在教学方法的研究上，往往也是口头呼唤教学方法应该改进，教学实践应该加强，但是如何改进、如何加强、如何实施确实是摆在教师面前的一个重大问题。

在网站建设与网页设计教学过程中，研究发现学生对本门课程喜欢什么、想要什么和想做什么。根据了解的情况，我们经常改进教学方案，完善教学方法，更新教学内容。在教学方法研究中，我们采用“三步行”的教学方法：第一步是实践教学；第二步是理论教学；第三步是理论指导实践教学。

1快乐完成第一步教学

第一步教学是理论教学，实施方案一定要借助学生的学习兴趣，首先教会学生使用目前比较流行的网页制作工具。简单建设和设计网站与网页，让他们模拟设计与制作一些自己喜欢的网页，这样可以充分地发挥他们自己的临摹能力，利用自己的意愿和审美观点，没有约束和条框去进行设计。这些内容是他们喜欢学习的，会很认真地去完成这些设计。当他们完成学习任务时，一定有一种自我成就感和满足感。在第一步教学过程中，学生可以不用关注理论性的内容，只要学会利用工具去模仿喜欢的网站和网页就足够了。

如何向学生介绍工具软件是教师应该考虑的问题，也是实施第一步教学的关键问题。现在流行的工具软件很多。虽然它们的功能基本一致，但各有千秋，在研究选择工具时，一般要求考虑到易学易用、普通常见、功能完备几大特点。例如，Frontpage与Dreamweaver就是目前比较流行和比较优秀的创作工具之一。Frontpage简单易学，由于是Office家族成员之一，通用常见，学生都有操作编辑软件Word基础，很快就会上手使用。Dreamweaver是一个强劲有力的网页制作工具，功能强大，使用范围广，它的最大特点是很容易地设计与制作一些网页特殊效果。实践表明，不同的工具可以同时使用，相互结合，扬长避短，共同为创作服务。

2轻松步入、步出第二步教学

理论性内容历来是学生的学习难点，是学生比较头疼的学习阶段，如果说第一步教学是平台，第二步教学是坡起，缓步上升。在教学方案的制定上，可以考虑分步进行：

讨论网站建设理论与原则；

总结、分析网页设计理论与原则；

辩证地理解和学习静态网页设计代码，研究动态网页设计原理与设计代码。通过细致划分、深入研究、浓缩探讨的方式，调动学生的学习兴趣，启迪学生自觉探索和思维，减轻学习压力，顺利完成理论学习任务。

2.1 带领学生讨论及学习网站建设理论

理论学习的关键在于如何结合第一步实践去讨论与学习，我们从典型的网站人手，也可以从学生最熟悉的网站开始探讨，比如，讨论本校网站的组织结构、资源分配、侧重设计、权衡链接等等内容，让学生站在理论的角度去分析和设计网站、让他们在讨论中得到自我满足感。

2.2教给学生网站设计理念

学生经过第一步的实战设计，他们对网站建设与网页设计概念有了一定的认识，例如，网页素材的获取与准备、网页基本布局、网页间的相互组织与链接、网页色彩搭配等等。接下来，教师的任务就是教给他们一种设计理念和设计思想，首先组织他们总结、分析网页设计理论和一些常用规则，和他们一起分析和研究目前一些典型的、流行的和不同类型的网页设计规律，比如商业网、教育网、服务网、政府网和个人网的设计思想，从不同角度去观察和研究网站与网页；其次，教给他们具有个性的网页设计理念和具有自我开拓性的网页设计思想。在讨论中渗透论理，在理论中提取精华。

2.3辩证地理解、学习静态网页代码

网页代码是设计网页的基础和本体，学生在第一步实践中只接触到利用工具设计制作网页，而不清楚网页背后实际的代码意义。对于教师来说，任务是简单、流畅地将网页直观地翻译成代码，让学生容易接受和理解；让学生知道前台的视觉、后台的代码。和他们一起将前台网页划分成视觉模块，用代码分析与翻译模块，训练他们丢掉工具，使用代码编写网页，这样可以进一步提高他们的设计能力和技巧，让他们在产生视觉的同时，学到了HTML、CSS等代码设计。

2.4实施动态网页教学

其实，学生在第一步实践中设计的内容仅限于静态网页，是网页设计初级阶段，而动态网页设计才是教学的最终目标。动态网页设计主要特点是编写代码，这对于初学者来说有一定的深度和难度。这一部分内容包括服务器与用户的关系，服务器端与用户端信息通讯模式，代码脚本的选择与运用，服务器端与用户端之间数据传递方式等等。根据这些教学内容，采用的教学方法是：典型示范，实例讲解。通过一些典型网的设计的讨论，展开代码的讲解。例如典型设计中一般有计数器、留言板、在线问答系统等板块，通过许多典型板块，介绍ASP、Vbscript、Javascript、JSP等内容。让学生在兴趣与爱好中学习理论。

3从理论到实践的过程

学习任何一门课程都要达到一个目标，同样学习本门课程也要达到一个目标，设计与建设高水平的网站与网页是教学任务的最终目标。

教学上采取何种手段、实施何种方法是决定教学任务顺利执行的保证。经过前面的两步教学，学生在实践和理论方面都打下了良好的基础，在网站建设和网页设计上摸清了一定的脉路，具备了设计与制作优秀的网站与网页的能力。

3.1模拟设计

让学生精选自己认为的最酷网，模拟设计，这样既可以调动每一个学生的设计欲望与情趣，还可以挖掘每一个学生设计潜力。每个学生都有自己的审美和思维方式，不同的审美与思维存在不同的观点和喜好，所以，他欣赏的网，他认为是最好的和最酷的网，也是他想要不断追寻的和探索的网。

3.2实例写作

立题，按要求设计规范的网站与网页，给出设计思想、设计原则、设计方案和设计素材。让学生遵守一定规则，按照一定范围、条件、环境、方法设计与制作网站与网页。这种方式既可以锻炼学生独立思维和独立设计的能力，同时也贯穿了模块化和标准化的网站设计思想。

总之，教学方案的制定，教学方法的实施。首先要考虑到学生的主观因素，给他们快乐，给他们兴趣、给他们信心、给他们思路、给他们方法。其次，在教学中要有好的计划、好的组织、好的内容、好的教案、好的方式、好的实践。只有这样才能圆满地完成教学计划和任务，达到预期的教学目的。