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

网页制作与开发教学点滴心得 　　摘要：员工的计算机应用能力正在成为各行业最重 视的工作能力之一，基础的网页制作与开发则是计算机应 用的基本能力要求。该课程的目的是让学生能够掌握网页 制作与开发的基本技术，为今后的工作和学习奠定坚实的 基础。 　　关键词：网页制作与开发；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 语言；第二，勤于练习；第三，能够熟 练使用 Dreamweav