师：同学们，今天我们来学习初三广州版信息技术第二章第四节编辑网页图文。首先回顾下之前学过的知识。上节课我们了解并设计了网页版式，可利用表格设计，通过对表格进行行列数及合并单元格等操作，达到设计符合自身需要的网页版式的目的。我们还为网页添加了文字、图片和表格等元素，具体方法是：一、将光标定位到单元格；二、选择添加元素；三、通过属性面板进一步设置。其中，适当地插入图像能让网页增色不少。大家还记得图像文件的格式吗？我们在学习制作多媒体作品时了解过，图像格式分为BMP、JPG、GIF、PNG等。BMP图像格式主要特点是未经压缩，文件较大；JPG图像格式主要特点是高质量，容量较小；GIF图像格式主要特点是支持透明背景，可做动画，文件格式容量较小，但只有256种颜色；PNG图像格式主要特点是可以保存24位真彩色，支持透明背景。
今天我们的学习目标是：一、学会网页文本编辑的属性设置；二、学会网页图像编辑的属性调整。本节课我们以广州骑楼为主题，为骑楼的发展页面添加并编辑文字和图像。
同学们需要准备Dreamviewer软件，同时可在视频下方资料下载第三册第二章第四节素材压缩包，解压后得到本节课的网页素材。下面我们通过三个任务进行学习。
任务一：一、在表格第2列第一行中输入“骑楼发展史”；二、在表格第2列第2行、第3行中输入第三册第二章第四节素材文件夹中文件“骑楼的发展”文档里的文字。请同学们暂停视频画面，按要求操作。
生：老师，我找到的文字资料太多，输入到网页很费时间，请问有没有更好的办法？
师：要解决这位同学的提问，我们通过以下视频一起学习下如何操作。按以下步骤编辑文本：单击表格第2列第2行，选择熟悉的输入法，输入网页所要显示的文字内容。要删除文字，只需用鼠标选取文字，按键盘DELETE键即可。如果要将先前在其他文件中输入好的文字内容放到网页中，只需复制文字，再在网页光标所在处粘贴即可。
根据视频，我们得到以下操作要点：直接输入内容，要先把光标定位到输入位置，然后选择合适输入法输入文字，也可进行删除文字操作；插入已有内容，先选择其他文件的文字，然后再进行复制粘贴操作。通过任务一的操作，我们可以得到以下效果。
生：老师，我复制文字到表格后，发现文字没有对齐，请问如何处理？
师：要解决同学的提问，让我们进入任务二，学习如何设置文本属性。任务二：一、在文字“关于广州骑楼的来源”前面输入两个空格；二、在文字“广州骑楼经历”前面进行换行处理；三、把标题“骑楼的发展”文字调整为宋体，大小60，加粗，颜色#330000；四、把第一段文字“一、骑楼发展史 关于广州骑楼”设置为楷体，大小20，文字颜色#990099，左对齐；五、把第二段文字“二、故事驿站 广州骑楼经历”设置为楷体，大小20，文字颜色#339999，左对齐。我们通过以下视频一起学习下如何操作。
按以下步骤设置文本属性：空格的处理，我们平时输入文本时习惯按空格键来增加空格，但在Dreamweaver网页里会发现，不管按几次空格键，画面中都只会出现一个空格。如果要增加任意的空格数，可先将输入模式切换为全角，再按空格键，就可以按几下增加几个空格。换行的处理，网页中输入文本，当一行的长度超过窗口的显示范围时，Dreamweaver会自动进行换行处理。如果在行尾按enter键，会发现行距变得较大，这是因为它增加了一个空白行。解决的方法是按shift + enter键。按以下步骤调整文字格式：用鼠标拖黑要设置格式的文字内容，单击属性面板中的字体按钮，在下拉菜单中选择“编辑字体列表”，在弹出的对话框中，将“可用字体”中的“楷体”移动到“选择的字体”，单击确定，关闭对话框，在字体下拉菜单中选择“楷体”，在属性面板中的“大小”框中输入20，修改字体大小，单击属性面板中的文本颜色按钮，将颜色值设置为#990099，单击属性面板中的左对齐按钮，用上述同样的方式对第二段文字进行处理。
根据视频，我们得到以下操作要点：如果需要输入多个空格，可以先把输入法切换到全角模式，再输入空格；进行换行操作时，如果需要文字行距较小，可以使用shift + enter的组合键，如果需要文字行距较大，可用enter键；调整文字格式，需要先选择文字，然后在属性面板就可以设置字体大小、颜色、粗体、斜体、段落格式等。请同学们暂停视频画面，根据任务2要求进行操作。
生：老师，我觉得网页太单调，想放入图像，请问如何处理？
师：要解决同学的提问，让我们先了解下网页的图像格式。我们在初一学习多媒体制作时，已经学习了常见图像的格式。在网页制作中通常会用到哪些格式图像呢？我们通过以下视频一起学习下。