信息专业技术备课_7692

1、学校：花园中学年级：八年级学科：信息技术授课人 : 殷军授课班级 : 八年级一班课题 : 创建自己的网站课型：新授课授课时间 : 2009 年月日（第 10-11 周（ 2 课时）教学目标：1.使学生掌握网站的建立；2.使学生掌握网页背景的设置。3.学生熟练掌握网页背景的设置。教学重点 : 如何建立一个简单网站。难点 :. 网页框架的设置。教学方法：案例法、讨论法。板书设计：一、建立自己的网站二、新建主页三、设置网页背景和标题四、保存网页。主页的名字必须是index 。五、浏览网页六、打开网页七、删除网站八、练习教学场所：在计算机房中完成教学。教材分析及教学过程第一课时创建自己的网站导课：随着

2、 Internet 的发展，越来越多的人开始上网，有些人甚至有了自己的网站，还有很多人希望在网上拥有自己的一片天空。我想问大家，你们想不想制作一个属于自己的网站呢？那好，下来和我一块开始创建自己的网站吧。新课：首先在硬盘上建立一个文件夹。例如我想制作一个关于旅游方面的网站，那么，就给这个文件夹取名为 tour 。一、建立自己的网站首先启动 FrontPage 软件，在新建里选择 “空白 学生活动：网站 ”，然后在 “指定新站点位置 ”里选择刚才在硬盘跟着一起做上建立的 tour 文件夹。此时，一个空白网站建立好了，大家发现里面只有两个文件夹。再到硬盘上看 tour 文件夹里面，会发现还有两个隐

3、藏的文件夹，这些文件夹都不能删除。二、新建主页网站的第一页我们把它叫做主页，即 Homepage 。因此，我们制作的网站首先应该建立主页。在文件菜单中选择新建网页，系统默认的网页名叫做 new_page_1.htm 。FrontPage 可以让我们在三种不同模式下显示同一网页，一般用户在“普通”模式下编辑，懂得html 代码的用户可以在“ html ”模式下编辑，很早以前用户用“记事本”来编辑网页， html 叫做“超文本标记语言”。三、设置网页背景和标题在网页的空白处单击鼠标右键，选择“网页属性”，在“常规”标签里的标题中输入 “旅游风光” ，还可以给网页添加“背景音乐”。此时的网页背景是白

4、色，如果我们想用图片作为背景，要在“背景”标签里选择“背景图片”，通过浏览选择自己喜欢的图片。建议：作为背景的图片一定要颜色暗淡一些，并且颜色不要杂乱，这样才能保证网页的美观性。要用颜色填充背景，在颜色背景中选择自己喜欢的， 选择的颜色也不要过于艳丽，我们一般看到的网站还是白色。四、保存网页当我们设置好网页的标题和背景之后，必须保存，此时电脑会把第一张网页的名字自动取名为 index ，这就是我们一个网站中主页的名字，必须是这个名字，我们不能更改，否则将来别人无法浏览网站。其它网页的名字可以随便，如果刚才用图片设置的背景，电脑也会弹出图片保存对话框，我们一般把图片保存到网站最先给的文件夹 im

5、ages 里，这样做的好处在于便于管理。五、浏览网页当我们编辑好一个网页，可以有两种方法预览：一种方法直接使用 “预览 ”模式，另一种使用浏览器预览。观察浏览器标题栏上显示的名字，我们会发现是我们设置网页的标题名“旅游风光 ”。六、打开网页我们可以把别人制作好的网页打开从而进行学习。今天，我们打开 “新浪的主页 ”，看看设计者是如何完成版面布局的。我们发现版面布局全部使用的是表格完成的，然后在单元格里放入图片、文字等其他内容。七、删除网站选择网站的文件夹，按鼠标右键中的删除命令，最后选择删除整个网站。看看硬盘上的那个文件夹还在不在。八、练习下来大家练习新建网站和主页，更改主页的标学生活动：题和

6、背景，还可以在网页上添加表格，最后保存。开始练习教学反思：学校：花园中学年级：八年级学科：信息技术授课人 : 殷军授课班级 : 八年级一班课题 : 网页中的表格课型：新授课授课时间 : 2009 年月日（第 12-13 周（ 2 课时）教学目的：1.使学生掌握如何在网页中添加表格；2.使学生掌握表格属性的设置。教学重点 : 设置表格的边框。难点 : 表格和单元格背景颜色的优先级。教学方法：案例法、讲授法。板书设计：一、添加表格二、调整表格宽度和单元格宽度三、设置表格和单元格的背景单元格背景的级别要比表格背景的级别高。四、表格的边框把表格的边框设置为0。教学场所：在计算机房中完成教学。教材分析及

7、教学过程第一课时网页中的表格导课：大家上节课学习了如何创建网站， 并且我们看到了著名 “新浪 ”网站设计者设计的新浪主页，版面布局用表格来完成的，因此，今天我们首先来学习与表格有关的知识。新课：请同学们回忆一下在Word 中是如何添加表格的？一、添加表格在“表格 ”菜单中选择插入选项，输入相应的行数和列数，对齐方式选择 “水平居中 ”。除了这种方法，我们还可以手工绘制表格。二、调整表格宽度和单元格宽度首先选中表格，单击鼠标右键，选择 “表格属性 ”， 可以用 “百分比 ”和“像素 ”来表示宽度， 例如在数据框中输入 50，表格的宽度占屏幕宽度的50% 。还有种最简单的方法，像在Word 中直接

8、调学生活动：跟着一起做整宽度和高度。如果要设置单元格的宽度，只需选择 “单元格属性 ”，在指定宽度中输入具体的值， 和表格属性一样，但是最简单的方法还是直接调整单元格的高和宽。三、设置表格和单元格的背景我们首先改变表格属性中的背景， 用一种颜色填充，然后我们在改变单元格的背景，你们发现谁的属性级别高呢？如果我们不想改变整个表格的属性，只须改变单元格的背景。四、表格的边框我们主要用表格来完成版面布局。 因此为了不让用户在网上看到表格的边框， 我们把它设置为 0。教学反思：学校：花园中学年级：八年级学科：信息技术授课人 : 殷军授课班级 : 八年级一班课题 : 网页中的文字与图片课型：新授课授课时

9、间 : 2009 年月日（第 14-15 周（ 2 课时）教学目的：1.使学生掌握用格式工具栏改变文字的属性；2.使学生掌握图片属性的设置。教学重点 :1、文章自然段的划分。教学难点 :1、如何用文本来代替图片。教学方法：案例法、讨论法。：板书设计：一、添加文字二、修饰文字用格式工具栏美化文字。三、自然段的划分回车键换行并另起一段， Shift 键+回车键只换行不另起一段。四、添加图片五、修饰图片用图片工具栏美化图片。六、用文本替代图片“图片 ”属性中的 “常规 ”标签，在 “替代表示 ”中 “文本 ”里输入文字。教学场所：在计算机房中完成教学。教材分析及教学过程第一课时网页中的文字与图片导课

10、：我们首先复习一下以前学习的知识。请一位同学给大家用 “空白站点 ”模板建立一个网站，然后看一个例子，大家思考它是如何制作的。首先看浏览器标题栏上的文字，请问在哪里可以完成设置。我们可以用什么完成版面布局，这张网页添加的是几行几列的表格，表格的边框是如何变成虚线的。当我们把骨架搭好以后，最后就可以在单元格里面添加文字与图片了。新课：一、添加文字学生活动：直接在光标闪烁处输入文字。跟着一起做二、修饰文字当我们把文字输入以后， 更希望文字变得漂亮，我们用哪一个工具栏可以完成文字的美化。三、自然段的划分我们首先看这个例子。这篇文章有很多自然段，大家想想输入什么可以换行并另起一段，如果只想换行不想另起

11、一段，那该如何做呢？看书上第33 页小知识。四、添加图片在“插入 ”菜单中选择 “图片 ”里面的 “来自文件 ” 选项。五、修饰图片调用 “图片 ”工具栏或者单击鼠标右键选择 “图片 ”属性。六、用文本替代图片单击鼠标右键选择 “图片 ”属性中的 “常规 ”标签，在“替代表示 ”中“文本 ”里输入文字， 这些文字内容的含义主要用来说明或解释图片。最后用浏览器浏览制作效果。教学反思：学校：花园中学年级：八年级学科：信息技术授课人 : 殷军授课班级 : 八年级一班课题 : 创造更加舒适的环境课型：新授课授课时间 : 2009 年月日（第 16-17周（ 2 课时）教学目的：1.使学生掌握水平线的运

12、用；2.使学生掌握在网页中加入滚动字幕；3.使学生掌握时间戳的运用。教学要求：1.学生熟练掌握水平线和滚动字幕相关属性的设置。教学重点 : 滚动字幕表现方式的区别。教学难点 :表示水平线宽度的两种方法。教学方法：案例法、讨论法。板书设计：一、添加水平线水平线宽度的两种表示方法二、添加滚动字幕三种表现方式的区别三、时间戳教学场所：在计算机房中完成教学。教材分析及教学过程第一课时创造更加舒适的环境导课：我们上节课复习了建立网站的基本流程，但我们希望网站能够给浏览者提供更加舒适的环境。比方说我们为了防止别人侵权，在网站上添加版权信息；重要的话语想吸引浏览者的目光，可以使用滚动字幕；想要让浏览者了解网

13、页内容的更新，可以使用时间戳。下面我们一块来欣赏几个例子。新课：学生活动：一、添加水平线跟着一起做我们一般都会在网页的最下方添加制作单位、版权信息等内容，可以使用水平线把这些和网页内容隔开。单击 “插入 ”菜单，选择 “水平线 ”，编辑窗口中立即出现一条水平线。当我们想改变水平线的高度、宽度、对齐方式和颜色时，必须选中水平线，单击鼠标右键，选择 “水平线属性 ”。水平线的高度、对齐方式和颜色很容易理解，但是它的宽度相对来说不是很好理解，有两种表示方法：一种使用绝对值，单位为像素，比如可将水平线宽度设为 500 像素，当改变浏览器窗口大小时，水平线的宽度不会发生变化；另一种方法是使用相对值，单位是百分比，比如将水平线宽度设为50% ，意思是水平线宽度始终占窗口的 50% ，随窗口大小的变化而变化。看书上第 38 页小知识。二、添加滚动字幕我们为了让更重要的信息吸引浏览者，可以使用滚动字幕。单击 “插