三《编辑网页内容》教案 河北大学版（第3版）信息技术初中第二册.docVIP

信息技术《编辑网页内容》教学设计

课题

《编辑网页内容》

单元

一单元

学科

信息技术

年级

八年级

教材分析

《编辑网页内容》这一课旨在让学生增进对网页制作的深入认识，网页的内容是网页制作一大重要部分。以及学会使用图文编排的方式来丰富网页内容的方法和步骤，教材编排了“学习任务-任务分析-操作指南-任务小结-知识链接-练习与思考”的系列学习活动，引导学生学会制作网页内容来解决网站相关的问题，促进对网页构建的学习和使用，这些学习对于初中学生来说是非常有必要的，不仅可以增加学生知识，同时也能增强学生对信息的感受力、注意力，以及对信息价值的判断力和洞察力，提高学生信息素养。教材编排合理，贴近学生生活实际，符合七年级学生认知特点。

学习

目标

1.信息意识：具有崇尚科学精神、原创精神、具有将创新理念融入自身学习、生活的意识；

2.计算思维：能够对问题进行分解、用计算的方法提出解决方案；

3.数字化学习与创新：具有创新创造活力，能积极主动运用信息科技高效地解决问题，并进行创新活动。

4.信息社会责任：规范使用网络技术解决问题，形成良好道德准则。

重点

美化网页布局，图片与文字的合理安排

难点

加入自己的logo设计

教学过程

教学环节

教师活动

学生活动

设计意图

导入新课

导入：

师：同学们一起观察一下两个页面的设计，都运用了生动的图片和鲜明的色彩，并且文字部分也是言简意赅，网页设计的重点内容也就是网页的内容，所以今天我们一起来学习一下怎么编辑好网页的内容

学生观察两张图片，说出网页的共同点

由此引出今天的学习内容

讲授新课

图片和文字是一个网页中最基本的元素。在页面制作时，根据内容和设计的需要恰当地选择图片，不仅可以突出主题，还可以增加页面的美感。

学习任务

利用搜集整理好的素材，按照设计方案将图片和文字插入到网页的合适位置，并根据实际情况对布局表格进行恰当编辑。本节以制作网站主页为例。

任务分析

1.隐去布局表格的边框线，美化页面

当表格所起的作用仅仅是控制图文布局时，可以将其边框线的粗细设置为“0”，这样在浏览时就看不到边线了。

2.为网页画龙点睛

在读图时代，网站中的图片在吸引读者注意、增强网站表现力方面的作用更为突出。在网站的各类图片中，站标(LOGO)和横幅(Banner)更是网页中必不可少的“点睛之笔”。站标应能包含网站名称的相关信息，体现网站的风格；横幅内容要能吸引网站访问者，而且能体现网站的特色或宗旨。站标和横幅的色彩要与网站搭配合理，大小合适。

拓展延伸

Logo的作用：

logo是徽标或者商标的外语缩写，是logotype的缩写，起到对徽标拥有公司的识别和推广的作用，通过形象的徽标可以让消费者记住公司主体和品牌文化。网络中的徽标主要是各个网站用来与其它网站链接的图形标志，代表一个网站或网站的一个板块。

3.图文混排

网页中最基本的元素就是图片和文字。根据内容特点及设计需要，网页内容可以有图片、文字或者图文混排几种情况。在网页中插入图片和文字的方法与其他软件[如文字处理软件(Word)、演示文稿(PPT)等]相似，可以借鉴相关操作方法。

4.调整图片大小

由于页面大小有限，网络的速度有限，在选择图片后，要对图片的大小规格进行适当调整。

5.规范图片文件的保存位置

保存文件时，要特别注意所引入的图片文件的存储位置，最好将图片文件保存在本站的images文件夹中。这样，既方便文件管理，又避免因更改网站位置而找不到图片文件。

6.将网页用易于识别的名称命名和保存

浏览网页时，一般会在浏览器标题栏中显示该网页的标题，清晰地表明所浏览页面的内容。在编辑网页内容时，如果没有修改标题，则显示默认的信息。为了清楚表明页面内容，必须修改每一个网页的标题。

操作指南

启动FrontPage，打开网站，打开index.htm主页。

1.插入图片

（1）确定插入图片的位置(以网页上方的横幅图片为例）。

（2）执行“插人”→“图片”→“来自文件”命令，打开“图片”对话框，如图所示。

（3）在“图片”对话框中选择相应的图片，单击“插入”按钮插入图片。

（4）选择图片，可以拖动图片四周的控制点调整图片大小。

（5）设置图片格式。如设置“居中”格式，单击“格式”工具栏中的“居中”按钮，使图片居中。

（6）插入网页中所需的其他图片。

2.输入文字

在网页中可以输入文字，也可以从其他素材中复制文字粘贴到网页中。如果所需文字内容是以独立的文本文件形式保存的，可采用如下方法。

（1）插入文件。

①确定光标位置。

②执行“插入”→“文件”命令，打开“选择文件”对话框。

③在“文件类型”下拉列表中选择“文本文件(*.txt)”类型，选择素材文件，单击“打开”按钮。当出现“转换文本”对话框时，选择“带换行符的普通段落”选项，并单击“确定”按钮，插入文本文