信息专业技术备课.docx

信息专业技术备课.docx

《信息专业技术备课.docx》由会员分享，可在线阅读，更多相关《信息专业技术备课.docx（11页珍藏版）》请在冰豆网上搜索。

信息专业技术备课

学校：

花园中学年级：

八年级学科：

信息技术

 授课人:

殷军授课班级:

八年级一班    

 课题:

创建自己的网站  课型：

新授课

 授课时间:

2009年月日（第10-11 周（2课时））    

 教学目标：

1.使学生掌握网站的建立；

2.使学生掌握网页背景的设置。

3.学生熟练掌握网页背景的设置。

教学重点:

如何建立一个简单网站。

 难点:

.网页框架的设置。

教学方法：

案例法、讨论法。

板书设计：

一、建立自己的网站

二、新建主页

三、设置网页背景和标题

四、保存网页。

主页的名字必须是index。

五、浏览网页

六、打开网页

七、删除网站

八、练习

教学场所：

在计算机房中完成教学。

教材分析及教学过程 

第一课时 创建自己的网站

导课：

随着Internet的发展，越来越多的人开始上网，有些人甚至有了自己的网站，还有很多人希望在网上拥有自己的一片天空。

我想问大家，你们想不想制作一个属于自己的网站呢？

那好，下来和我一块开始创建自己的网站吧。

新课：

首先在硬盘上建立一个文件夹。

例如我想制作一个关于旅游方面的网站，那么，就给这个文件夹取名为tour。

一、建立自己的网站

首先启动FrontPage软件，在新建里选择“空白网站”，然后在“指定新站点位置”里选择刚才在硬盘上建立的tour文件夹。

此时，一个空白网站建立好了，大家发现里面只有两个文件夹。

再到硬盘上看tour文件夹里面，会发现还有两个隐藏的文件夹，这些文件夹都不能删除。

二、新建主页

网站的第一页我们把它叫做主页，即Homepage。

因此，我们制作的网站首先应该建立主页。

在文件菜单中选择新建网页，系统默认的网页名叫做new_page_1.htm。

FrontPage可以让我们在三种不同模式下显示同一网页，一般用户在“普通”模式下编辑，懂得html代码的用户可以在“html”模式下编辑，很早以前用户用“记事本”来编辑网页，html叫做“超文本标记语言”。

三、设置网页背景和标题

在网页的空白处单击鼠标右键，选择“网页属性”，在“常规”标签里的标题中输入“旅游风光”，还可以给网页添加“背景音乐”。

此时的网页背景是白色，如果我们想用图片作为背景，要在“背景”标签里选择“背景图片”，通过浏览选择自己喜欢的图片。

建议：

作为背景的图片一定要颜色暗淡一些，并且颜色不要杂乱，这样才能保证网页的美观性。

要用颜色填充背景，在颜色背景中选择自己喜欢的，选择的颜色也不要过于艳丽，我们一般看到的网站还是白色。

四、保存网页

当我们设置好网页的标题和背景之后，必须保存，此时电脑会把第一张网页的名字自动取名为index，这就是我们一个网站中主页的名字，必须是这个名字，我们不能更改，否则将来别人无法浏览网站。

其它网页的名字可以随便，如果刚才用图片设置的背景，电脑也会弹出图片保存对话框，我们一般把图片保存到网站最先给的文件夹images里，这样做的好处在于便于管理。

五、浏览网页

当我们编辑好一个网页，可以有两种方法预览：

一种方法直接使用“预览”模式，另一种使用浏览器预览。

观察浏览器标题栏上显示的名字，我们会发现是我们设置网页的标题名“旅游风光”。

六、打开网页

我们可以把别人制作好的网页打开从而进行学习。

今天，我们打开“新浪的主页”，看看设计者是如何完成版面布局的。

我们发现版面布局全部使用的是表格完成的，然后在单元格里放入图片、文字等其他内容。

七、删除网站

选择网站的文件夹，按鼠标右键中的删除命令，最后选择删除整个网站。

看看硬盘上的那个文件夹还在不在。

八、练习

下来大家练习新建网站和主页，更改主页的标题和背景，还可以在网页上添加表格，最后保存。

学生活动：

跟着一起做

学生活动：

开始练习

教学反思：

学校：

花园中学年级：

八年级学科：

信息技术

 授课人:

殷军授课班级:

八年级一班    

 课题:

网页中的表格  课型：

新授课

 授课时间:

2009年月日（第12-13周（2课时））    

 教学目的：

1.使学生掌握如何在网页中添加表格；

2.使学生掌握表格属性的设置。

 教学重点:

设置表格的边框。

 难点:

表格和单元格背景颜色的优先级。

教学方法：

案例法、讲授法。

板书设计：

一、添加表格

二、调整表格宽度和单元格宽度

三、设置表格和单元格的背景

单元格背景的级别要比表格背景的级别高。

四、表格的边框

把表格的边框设置为0。

教学场所：

在计算机房中完成教学。

教材分析及教学过程

第一课时 网页中的表格

导课：

大家上节课学习了如何创建网站，并且我们看到了著名“新浪”网站设计者设计的新浪主页，版面布局用表格来完成的，因此，今天我们首先来学习与表格有关的知识。

新课：

请同学们回忆一下在Word中是如何添加表格的？

一、添加表格

在“表格”菜单中选择插入选项，输入相应的行数和列数，对齐方式选择“水平居中”。

除了这种方法，我们还可以手工绘制表格。

二、调整表格宽度和单元格宽度

   首先选中表格，单击鼠标右键，选择“表格属性”，可以用“百分比”和“像素”来表示宽度，例如在数据框中输入50，表格的宽度占屏幕宽度的50%。

还有种最简单的方法，像在Word中直接调整宽度和高度。

   如果要设置单元格的宽度，只需选择“单元格属性”，在指定宽度中输入具体的值，和表格属性一样，但是最简单的方法还是直接调整单元格的高和宽。

三、设置表格和单元格的背景

我们首先改变表格属性中的背景，用一种颜色填充，然后我们在改变单元格的背景，你们发现谁的属性级别高呢？

如果我们不想改变整个表格的属性，只须改变单元格的背景。

四、表格的边框

我们主要用表格来完成版面布局。

因此为了不让用户在网上看到表格的边框，我们把它设置为0。

学生活动：

跟着一起做 

教学反思：

学校：

花园中学年级：

八年级学科：

信息技术

 授课人:

殷军授课班级:

八年级一班    

 课题:

网页中的文字与图片  课型：

新授课

 授课时间:

2009年月日（第14-15周（2课时））

 教学目的：

1.使学生掌握用格式工具栏改变文字的属性；

2.使学生掌握图片属性的设置。

 教学重点:

1、文章自然段的划分。

 教学难点:

1、如何用文本来代替图片。

教学方法：

案例法、讨论法。

：

板书设计：

一、添加文字

二、修饰文字

   用格式工具栏美化文字。

三、自然段的划分

回车键换行并另起一段，Shift键+回车键只换行不另起一段。

四、添加图片

五、修饰图片

   用图片工具栏美化图片。

六、用文本替代图片

“图片”属性中的“常规”标签，在“替代表示”中“文本”里输入文字。

教学场所：

在计算机房中完成教学。

教材分析及教学过程

第一课时 网页中的文字与图片

导课：

我们首先复习一下以前学习的知识。

请一位同学给大家用“空白站点”模板建立一个网站，然后看一个例子，大家思考它是如何制作的。

首先看浏览器标题栏上的文字，请问在哪里可以完成设置。

我们可以用什么完成版面布局，这张网页添加的是几行几列的表格，表格的边框是如何变成虚线的。

当我们把骨架搭好以后，最后就可以在单元格里面添加文字与图片了。

新课：

一、添加文字

直接在光标闪烁处输入文字。

二、修饰文字

   当我们把文字输入以后，更希望文字变得漂亮，我们用哪一个工具栏可以完成文字的美化。

三、自然段的划分

我们首先看这个例子。

这篇文章有很多自然段，大家想想输入什么可以换行并另起一段，如果只想换行不想另起一段，那该如何做呢？

看书上第33页小知识。

四、添加图片

在“插入”菜单中选择“图片”里面的“来自文件”选项。

五、修饰图片

调用“图片”工具栏或者单击鼠标右键选择“图片”属性。

六、用文本替代图片

   单击鼠标右键选择“图片”属性中的“常规”标签，在“替代表示”中“文本”里输入文字，这些文字内容的含义主要用来说明或解释图片。

最后用浏览器浏览制作效果。

学生活动：

跟着一起做 

教学反思：

学校：

花园中学年级：

八年级学科：

信息技术

 授课人:

殷军授课班级:

八年级一班    

 课题:

创造更加舒适的环境  课型：

新授课

 授课时间:

2009年月日（第16-17  周（2课时））    

 教学目的：

1.使学生掌握水平线的运用；

2.使学生掌握在网页中加入滚动字幕；

3.使学生掌握时间戳的运用。

 教学要求：

1.学生熟练掌握水平线和滚动字幕相关属性的设置。

 教学重点:

滚动字幕表现方式的区别。

 教学难点:

表示水平线宽度的两种方法。

教学方法：

案例法、讨论法。

板书设计：

一、添加水平线

水平线宽度的两种表示方法

二、添加滚动字幕

三种表现方式的区别 

三、时间戳

教学场所：

在计算机房中完成教学。

教材分析及教学过程

第一课时 创造更加舒适的环境

导课：

我们上节课复习了建立网站的基本流程，但我们希望网站能够给浏览者提供更加舒适的环境。

比方说我们为了防止别人侵权，在网站上添加版权信息；重要的话语想吸引浏览者的目光，可以使用滚动字幕；想要让浏览者了解网页内容的更新，可以使用时间戳。

下面我们一块来欣赏几个例子。

新课：

一、添加水平线

我们一般都会在网页的最下方添加制作单位、版权信息等内容，可以使用水平线把这些和网页内容隔开。

单击“插入”菜单，选择“水平线”，编辑窗口中立即出现一条水平线。

当我们想改变水平线的高度、宽度、对齐方式和颜色时，必须选中水平线，单击鼠标右键，选择“水平线属性”。

水平线的高度、对齐方式和颜色很容易理解，但是它的宽度相对来说不是很好理解，有两种表示方法：

一种使用绝对值，单位为像素，比如可将水平线宽度设为500像素，当改变浏览器窗口大小时，水平线的宽度不会发生变化；另一种方法是使用相对值，单位是百分比，比如将水平线宽度设为50%，意思是水平线宽度始终占窗口的50%，随窗口大小的变化而变化。

看书上第38页小知识。

二、添加滚动字幕

我们为了让更重要的信息吸引浏览者，可以使用滚动字幕。

单击“插入”菜单，选择“Web组件”选项，选择“字幕”，出现“字幕属性”对话框；在文本里输入要显示的文字，滚动字幕的表现方式有三种，让学生看一下三种表现方式的区别。

三、时间戳

大家都知道制作网站要花大量的时间，而维护网站对于网站的生存期更重要。

为了便于浏览者了解网页的更新，我们使用时间戳。

单击“插入”菜单，选择“日期与时间”选项，我们选择第一项，“该网页上次编辑日期”，然后选择日期和时间格式。

学生活动：

跟着一起做 

教学反思：