信息专业技术备课

学校：花园中学年级：八年级学科：信息技术

授课人:殷军授课班级:八年级一班

课题:创办自己的网站课型：新授课

授课时间: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键+回车键只换行不另起一段。

四、增加图片

五、修饰图片

用图片工具栏美化图片。

六、用文本取代图片

“图片”属性中的“常例”标签，在“取代表示”中“文本”里输入文

字。

授课设计场所：在计算机房中完成授课设计。

教材剖析及授课过程

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

导课：

我们第一复习一下以前学习的知识。请一位同学给大家用“空白站点”模板建立一个网站，今后看一个例子，大家思虑它是如何制作的。第一看阅读器标题栏上的文字，请问在哪里能够完成设置。我们能够用什么完成版面布局，这张网页增加的是几行几列的表格，表格的边框是如何变成虚线的。当我们把骨架搭好今后，最后就可以在单元格里面增加文字与图片了。

新课：

一、增加文字学生活动：

直接在光标闪烁处输入文字。随着一起做

二、修饰文字

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

三、自然段的划分

我们第一看这个例子。这篇文章有很多自然段，大家想想输入什么能够换行并另起一段，若是

只想换行不想另起一段，那该如何做呢？看书上第

页小知识。

四、增加图片

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

五、修饰图片

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

六、用文本取代图片

单击鼠标右键选择“图片”属性中的“常例”标签，在“取代表示”中“文本”里输入文字，这些文字内容的含义主要用来说明或解说图片。最后用阅读器阅读制作奏效。

授课设计反思：

学校：花园中学年级：八年级学科：信息技术授课人:殷军授课班级:八年级一班

课题:创办更加痛快的环境课型：新授课

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

授课设计目的：

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

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

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

授课设计要求：

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

授课设计重点:转动字幕表现方式的差异。

授课设计难点:表示水平线宽度的两种方法。

授课设计方法：案例法、议论法。

板书设计：

一、增加水平线

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

二、增加转动字幕

三种表现方式的差异

三、时间戳

授课设计场所：在计算机房中完成授课设计。

教材剖析及授课过程

第一课时创办更加痛快的环境

导课：

我们上节课复习了建立网站的基本流程，但我们希望网站能够给阅读者供应更加痛快的环境。比方说我们为了防范别人侵权，在网站上增加版权信息；重要的话语想吸引阅读者的目光，能够使用转动字幕；想要让阅读者认识网页内容的更新，能够使用时间戳。下面我们一块来欣赏几个例子。

新课：学生活动：

一、增加水平线随着一起做

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

单击“插入”菜单，选择“水平线”，编写窗口中马上出现一条水平线。当我们想改变水平线的高度、宽度、对齐方式和颜色时，必定选中水平线，单击鼠标右键，选择“水平线属性”。

水平线的高度、对齐方式和颜色很简单理解，但是它的宽度相对来说不是很好理解，有两种表示方法：一种使用绝对值，单位为像素，比方可将水平线宽度设为500像素，当改变阅读器窗口大小时，水平线的宽度不会发生变化；另一种方法是使用相

对值，单位是百分比，比方将水平线宽度设为50%，

意思是水平线宽度向来占窗口的50%，随窗口大小的变化而变化。看书上第38页小知识。

二、增加转动字幕

我们为了让更重要的信息吸引阅读者，能够使用转动