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

《编辑网页内容》河北大学版初中版第二册

内容总览学习目标01学习任务02任务分析03操作指南04任务小结05知识链接06目录0708课堂练习课堂总结0910板书设计课后作业

教学目标1.信息意识：具有崇尚科学精神、原创精神、具有将创新理念融入自身学习、生活的意识；2.计算思维：能够对网页内容学习问题进行分解、用计算的方法提出解决方案；3.数字化学习与创新：具有创新创造活力，能积极主动运用信息科技高效地解决问题，并进行创新活动。4.信息社会责任：规范使用网络技术解决问题，形成良好道德准则。

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

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

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

新知讲解任务分析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)”类型，选择素材文件，单击“打开”按钮。当出现“转换文本”对话框时，选择“带换行符的普通段落”选项，并单击“确定”按钮，插入文本文件中的文字内容。如图所示。（2)设置文字的字体、字号、颜色及段落格式。

新知讲解3.设置表格属性(1)将光标定位在表格中，单击鼠标右键，在弹出的快捷菜单中选择“表格属性”命令，打开“表格属性”对话框。(2)在“表格属性”对话框中，设置表格的对齐方式为“居中”，边框粗细为“0”，单击“确定”按钮。如图所示。

新知讲解说明：①边框粗细以像素为单位，表示表格边框的尺寸。若边框粗细为“0”，表示没有表格边框显示在当前Web浏览器中。②选择“指定宽度”选项以指定表格宽度。如果不指定宽度，Web浏览器会重置表格大小以适合表格单元格的内容。③以像素指定表格宽度时，不管Web浏览器窗口的大小如何，表格都会保持此宽度。④以百分比指