长春版八年级下册信息技术教案

第一单元：网页制作

第一课：制作个人网站

一、教学目标：

知识与能力：掌握网页基本知识

过程与方法：体验模板功能、快速、便捷地建立个人主题网站

情感态度与价值观：增加学生的学习兴趣，培养学生信息意识

二、教学重点与难点：

重点：网页的基本概念

难点：编辑网页

三、教学过程

（一）导言

当你浏览五彩斑斓的网页时，是否也想在网络世界中拥有自己的天地呢？让我们一起来学习网页的制作方法，制作出一个自己的网页，成为因特网的一部分吧。本课将介绍如何使用FrontPage2003中的模板来快捷地建立个人网站。

（二）新课

1、网页的基本概念

2、了解FrontPage2003

（1）启动FrontPage2003

小提示：FrontPage2003窗口与word2003相似，灰色区域没有工作区，只有建立了网站、网页之后会出现工作区、才能处于编辑状态。

（2）建立个人主题站点

试一试：建立自己的个人网站

（3）编辑网页

编辑主页的内容：页头、主体内容、脚注

试一试：更改主页信息，形成自己的主题网页；奖其他网页的信息进行修改，形成自己

的网站

（4）预览、保存网页（5）保存网页

四、教学回顾：

第二课：建立空白网站“东坡居士斋”

一、教学目标

知识与能力：动手制作网站前要做好网站的设计与规划

过程与方法：在导航试图中建立网站的结构

情感态度与价值观：选择其他的兴趣的主题来设计网站

二、教学重点与难点

重点：网站规划

难点：建立导航结构

三、教学过程

（一）导言

使用模板制作的个人网站方便快捷，但其中固定的模式又有些不尽人意，因此，建立一个空白得网站，在集中进行创作，可以不受到拘束，能展开手脚，尽情发挥，本课将介绍网站规划，创建空白网站、建立导航结构等相关知识。

（二）新课

1、网站规划

试一试：选择喜爱的主体来设计规划网站

2、创建空白网站

“文件”—“新建”—“其他网站模板”

3、建立导航结构

“试图”—“导航”

小提示：在网页上按住鼠标左键不放，可以拖动文件到其他位置。在网页上单击鼠标右键可以进行复制、删除等操作

4、设置网页标题

导航视图下，网页上标识的文字为网页标题，在“新建网页1”上单击鼠标右键，选择重命名，修改网页标题为“苏轼简介”，用同样的方法将新建网页2、3、4标题修改为“苏轼名作”、“诗歌欣赏”、“苏轼书法”

小提示：导航结构中得页面现在是两级的，在下面还可以继续建立新的网页，形成新的多级网站结构。

试一试：在网站中建立更多的网页内容

5、给网页命名

“视图”—“文件夹”，进入“文件夹视图”。这里呈现了网页文件的名称和标题的对应关系。小提示：改名时要用小写英文或汉语拼音

6、关闭网站

7、推出平台

四、教学回顾

第三课：网页的布局与图文

一、教学目标：

知识与能力：学习了解页面布局规划对制作网页的必要性

过程与方法：运用布局表格和单元格巧妙地实现页面布局

情感态度与价值观：课前准备好的制作网页的相关文字、图片素材，提高学生动手能力二、教学重点与难点

重点：规划主页布局

难点:网页图片格式

三、教学过程

（一）导言

一个空白的页面就是一个创意的空间，而要在这样的空间里挥洒自如的放置文字、图片等设计内容，就需要先对页面进行合理的布局。本课将介绍用表格规划网页布局方法，以及包含有文字和图片的网页的制作方法。

（二）新课

1、打开网站

2、规划主页布局

（1）主页布局设计

试一试：其他几个页面的布局也要预先设计出草图来

（2）用表格布局

试一试：所有的页面都用表格来进行布局

3、网页图片格式

4、添加表格背景

“表格属性”—“使用背景图片”—“确定”

小提示：在网页上单击鼠标右键，在“网页属性”窗口中可以为整个网页设置背景

5、插入图片

“插入”—“层”；在图片上单击鼠标右键“显示图片工具栏”，使用图片工具栏，可以对图片

调整大小等进行编辑。

小提示：利用层功能可以灵活地布局网页中得元素

6、输入文字

7、保存网页

8、在IE浏览器中预览网页效果

四、教学回顾：

第四课：导航与超链接

一、教学目标

知识与技能：为“东坡居士斋”网站主页添加导航图

过程与方法：为“东坡居士斋”网站各页面添加基于导航结构的链接栏

情感态度与价值观：增加学生的的信息素养，培养学生独立操作的能力

二、教学重点与难点

重点：用图片热点制作超级链接

难点：添加基于导航结构的链接栏

三、教学过程

（一）导言

网页中的超链接功能可以试浏览者便捷地访问各个页面，快速地定位浏览的内容。本课将介绍网站导航与超级链接的相关知识。

（二）新课

1、用图片热点制作超级链接

小提示：养成随时保存文件的习惯，以避免文件的丢失

2、添加基于导航结构的链接栏

（1）选择“视图”—“导航”

（2）添加链接栏

选择“插入”—“导航”，弹出“插入web组件”窗口，在左侧“链接栏”，在右侧选择“基于导航结构的链接栏”

（3）设置“选择栏样式”

（4）设置“选择栏方向”

（5）设置“链接栏属性”

试一试：为其他页面都加入起导航作用的链接栏

3、制作电子邮件超级链接

在“插入超级链接”窗口中选择“电子邮件”