网页制作与开发教学点滴心得

网页制作与开发教学点滴心得

摘要：员工的计算机应用能力正在成为各行业最重视的工作能力之一，基础的网页制作与开发则是计算机应用的基本能力要求。该课程的目的是让学生能够掌握网页制作与开发的基本技术，为今后的工作和学习奠定坚实的基础。

关键词：网页制作与开发；Dreamweaver；计算机教学 中图分类号：G642文献标识码：A文章编号：1009-3044(2011)24-5984-02

Some Experiences of Beginning Web Pages Programming CHEN Yi-kuang

(Dept. of Phys. and Elec. Tech. Hanshan Teachers College, Chaozhou 521041, China)

Abstract: Computer application technology of staff is becoming one of the most important abilities in all jobs. And web pages programming is the basic of computer application. Mastering the basic skills of web pages programming is the purpose of this course. Then students can enhance their skills for the future.

Key words: web pages programming; Dreamweaver; computer teaching

随着互联网应用的不断普及，进行基础的网页制作与开发已经成为普通高校毕业生的基本能力要求。网页制作与开发技术不仅涉及文本、图片、声音、动画、视频等多种元素的相互组合，还涉及超链接、表格、框架等页面布局知识。所以说一个好的网站，会给浏览者留下深刻的印象，使信息得到更好的传播。

该文主要介绍作者在从事网页制作与开发教学过程中的一些体会。所采用的课本是人民邮电出版社出版的《网页制作与开发教程》，作者为张强、高建华、温谦。该书共有十二章，从网页制作的基础知识入手，重点介绍网页中经常涉及的两大元素：文字和图片，以及网页布局的相关知识：表格和框架。对于网页中经常出现的超链接，书中不仅介绍了网页之间，还包括了网页中各部分内容相互跳转的方法。另外还介绍了用于统一网页结构和外观的模板、库以及CSS样式设置等Dreamweaver特有功能和Dreamweaver自带的可以增加网页动感的flash对象。至于网站管理与发布以及动态网页，书中也有所涉及。该书的一个突出特点是采用实例教学法，每一章都是先介绍相关的理论知识，然后举例来加深学生的理解，每一章的最后一节则是一个综合实例，包括了该章所涉及的主要知识点，以便学生最终能熟练的使用全部技术。该书还用一整章的篇幅，通过对一个网站具体制作的介绍，回顾并总结了学生需要掌握的主要知识。

1 教学目标

首先是要让学生了解网页的分类、网页制作的一些基本概念以及网页制作的基本步骤；理解HTML语言的基本知识；掌握网页中文字、图片等元素的添加和修改；学会通过建立超链接来实现网页间以及网页中各部分内容的跳转；通过表格和框架对网页进行更好的布局；使用模板、库和CSS样式设置使得网页具有统一的结构和外观；在此基础上采用Dreamweaver 8.0作为开发软件，使用其网站管理功能，并添加其内置的Flash对象，制作出更加美观、更加高效、内容和功能更加丰富的网页。 2 教学方案

与其它课程不同，该门课以练习为主，教学为辅。具体是学生每个星期有两节的上机练习课，每两个星期安排两节课堂教学课。课堂教学主要介绍网页制作所涉及技术的各种理论知识，比如：HTML标签符的基本格式、网页中的图片格式、绝对路径和相对路径、CSS工作原理等。这些理论是网页制作的基础，只有真正理解了这些理论知识，才能在网页开发的过程中灵活应用各种技术，从而制作出更加完美的网页；上机练习则是让学生通过自身的实践，加深对网页制作技术的认识，最终掌握网页制作的相关技巧。像网页制作这样的计算机课程，其最终目的是让学生可以独立完成网站的开发，因此培养学生的动手实践能力是首要任务，而学生

开发的网站则作为学习成绩的主要依据。 3 重点和难点

要想能够独立开发网站，学生必须做好以下三点：第一，正确理解HTML语言；第二，勤于练习；第三，能够熟练使用Dreamweaver等相关软件。因此这三个方面是本课程重点介绍的内容。首先，是重视对HTML语言的理解。虽然现在很多网页开发软件，比如：Dreamweaver，FrontPage等都可以自动完成很多设置工作。但是，学生们还是应该要能够准确理解网页中所有HTML代码的真正含义。因为只有这样，在制作复杂网页时，才能够更加精确的控制网页的实际显示效果。其次，要培养学生自己动手，独立思考的能力。课本每一章都有实践和练习，是针对每一章内容设计的实践动手环节。大多数学生都能够独立完成，因为课本给出了制作的相关步骤。但仅此还不够，应该使学生能够举一反三，灵活应变。Dreamweaver等软件可以帮助我们更快的完成网站的开发，因此对相关的软件，不仅要会用，而且还要熟练。 学生在学习过程中经常会遇到各种各样的困难，帮助学生克服困难是教师的职责。对于网页制作这门课，学生遇到的第一个困难是编程。虽然Dreamweaver等网页开发工具可以帮助我们完成大部分网页代码的编写，但是要想制作出更加美观，功能更加强大的网页，掌握程序的编写是必要的条件。由于该门课的授课对象是大学一年级的新生，他们中的

大多数人在此之前并未接触计算机程序，因此要专门安排有关编程知识的讲授。

学生遇到的另一个困难是浏览器对网页外观的影响。由于国内的计算机多数安装了微软公司的视窗操作系统，因此目前国内用于上网浏览网页的浏览器主要是微软公司的探险家，或者以探险家为核心的其它浏览器。但并非所有浏览器都是以探险家为核心，它们与以探险家为核心的浏览器并不兼容。而HTML语言也不是专门为某款浏览器而开发的，因此就存在某些代码只能被某些浏览器识别的问题。比如创作网页上的动画，教材的作者提供了一个简单的例子，在网页中添加一段HTML代码闪烁效果，这段代码的目的是浏览网页的时候“闪烁效果”四个字会闪烁，但是一些学生尝试之后反馈说并未出现闪烁。原因是他们没有留意课文对软件的描述，按照习惯采用了常用的探险家浏览器。这种问题时不时会出现，应该在刚开始授课的时候就反复强调其成因，以便引起学生的注意。

完成网页的制作之后是将整个网站上传到服务器，并使其可以浏览。而这个过程也会出现一些问题。首先是如何上传，一开始学生们都选择通过浏览器来上传文件。但是用浏览器上传文件存在一个缺陷，就是在传输过程中如果出现中断，正在传输的文件就得重新再上传一次，即使该文件的99%已经上传到服务器上。另一个缺陷是一个文件完成传输才会

进行另一个文件的传输，因此速度较慢。引导学生采用专业的FTP工具上传文件，是解决上述问题的最好办法。一些学生上传文件后反映网站没法打开，这通常是因为学生没有将网站的首页名称改成index，或者没有将首页放在根目录所致。因此在开始制作网页的时候就要强调，首页一定要用正确的名称保存，上传的时候不要将存放所有网页和网页元素的主目录文件夹上传。 4 结束语

要达到能够灵活应用网页制作技术，从而开发出满足用户要求，色彩鲜艳、内容丰富并能够浏览顺畅的网站，学生们必须熟练掌握各种网页开发的技巧并且深刻领会网站的设计理念。特别是要将静态网页制作技术和动态网页制作技术很好的融合在一起。

通过学习这门课程，学生们初步掌握了相关的网页制作技术，了解了网站设计的有关理念，为学生们进一步学习网页开发技术打下了坚实的基础。 参考文献：

[1] 张强,高建华.网页制作与开发教程[M].北京:人民邮电出版社,2008.

[2] 陈一匡.采用英文教材的“多媒体技术概论”教学探索[J].电脑知识与技术,2010(6):3216-3217.

[3] 杨志祥.启发式教学在《计算机文化基础》课中的应

用[J].电脑知识与技术,2011(7):2215-2216.

[4] 赵丽华,卢旭英.Dreamweaver8网页制作浅析[J].电脑开发与应用,2011(4):79.

本文来源：https://www.bwwdw.com/article/pzp.html