第十七课编辑网页代码.doc

信息技术（八年级）课 题第十七课 编辑网页代码总课时1课 型任务驱动型教学课时第课时教学目标1、什么是网页特效；2、给网站加入特效代码；3、培训学生良好的探究和尝试精神。教学重点如何下载复复制特效代码及将其加入网页中教学难点如何理解“特效代码”所需的资源和环境常规资源教学环境1、教学环境的准备：（1）多媒体网络教室：学生计算机上安装IE6.0，能上因特网；（2）教师机上准备好学生上交作业的共享文件夹。2、教学工具的准备：（1）电子教室；（2）学生任务单教 学 设 计新课导入：我们浏览网页时经常能看到一些特殊的效果，如跟随鼠标的文字、自动更新的日期等等，那这些是怎么实现的呢？今天我们就来学习一下如何来实现这些效果给网页添加特效代码。正式授课：首先，我们要先了解一下，什么是网页代码？它是用于描述网页文档的一种标记语言，是万维网上的通用语言。HTML文件结构如下： 标记网页的开始 标记头部的开始 标记网页的结束HTML标签是由尖括号包围的关键词，通常成对出现。给网页加点个性化在网页加上一些特殊效果，如跟随鼠标的文字、滚动字幕、自动更新的日期等，可以使网站更有个性。以“诗话新昌”网站主页加入生动的鼠标特效为例，操作方法如下：1、打开站点文件夹处于编辑状态下，切换主页为当前编辑页面。2、打开“鼠标特效”分栏网页，找一个喜欢的特效。3、单击显示代码后，将代码全部选种并复制。4、将文字粘贴在空白区域，并修改字符，查看效果。教师演示以上操作，重点介绍对代码的修改，完成后让学生自己尝试。教师走到学生中间，对遇到问题的学生给予帮助。课堂小结网页特效代码的添加能使我们的网站效果更加突出，但是，一个页面添加的特效不宜过多，否则会影响整个页面的视觉美感。作 业随堂练习课后反思