信息技术（9年级上册） 课时6-第2章 网页制作与发布-第4节 编辑网页图文-课件

1、初三广州版信息技术第二章广州市第九十八中学 李应聪编辑网页图文基础知识回顾一、了解并设计网页版式（二）添加网页元素1.添加文字2.添加图片3.添加嵌套表格（一）设计网页版式利用表格设计设置行数、列数合并单元格（1）光标定位单元格（2）选择添加元素（3）通过“属性”面板进一步设置基础知识回顾二、图像文件的格式图像格式主要特点BMP未经压缩，文件较大JPG/JPEG高质量，容量较小GIF支持透明背景，可做动画文件格式，容量较小，只有256色PNG可保存24位真彩色，支持透明背景学习目标一、学会网页的文本编辑的属性设置。二、学会网页的图像编辑的属性调整。主题：广州骑楼素材准备一、使用Dreamwea

2、ver软件。二、在视频下方“资料下载”处，下载“第三册第2章第4节素材.rar”，解压并得到以下资源。任务一一、在表格第二列第一行中，输入“骑楼发展史”。二、在表格第二列第二行、第三行中，输入“第三册第2章第4节素材”文件夹中文件“骑楼的发展.txt”中的文字。学生提问老师：我找到的文字资料太多，输入到网页很费时间，请问有没有更好办法？任务一要解决同学的提问，我们通过以下视频，一起学习下如何操作吧！此处插入视频：02编辑文本操作要点任务一效果学生提问老师：我复制文字到表格后，发现文字没有对齐，请问如何处理？任务二一、在文字“关于广州骑楼的来源”前面，输入两个空格。二、在文字“广州骑楼经历”前面

3、，进行换行处理。三、把标题“骑楼的发展”文字，调整为：宋体、大小60、加粗、颜色#330000。四、把第一段文字“一、骑楼发展史:关于广州骑楼”设置为：楷体、大小20、文字颜色#990099、左对齐。五、把第二段文字“二、故事驿站广州骑楼历经”设置为：楷体、大小20、文字颜色#339999、左对齐。此处插入视频：04设置文本属性操作要点任务二一、在文字“关于广州骑楼的来源”前面，输入两个空格。二、在文字“广州骑楼经历”前面，进行换行处理。三、把标题“骑楼的发展”文字，调整为：宋体、大小60、加粗、颜色#330000。四、把第一段文字“一、骑楼发展史:关于广州骑楼”设置为：楷体、大小20、文字颜

4、色#990099、左对齐。五、把第二段文字“二、故事驿站广州骑楼历经”设置为：楷体、大小20、文字颜色#339999、左对齐。学生提问老师：我觉得网页太单调，想放入图像，请问如何处理？图像格式我们在初一学习多媒体制作时，已经学习了常见图像的格式，那么在网页制作中通常会用到哪些格式图像呢？此处插入视频：06图像格式图像格式要点任务三一、在“一、骑楼发展史”单元格内插入图像“tu1.jpg”。二、选择网页所插入的图像，调整其大小为宽：130、高：140。三、在“二、故事驿站”单元格内插入图像“tu2.jpg”。四、调整图像大小为宽：130、高：140。五、设置“tu1.jpg”对齐方式为“右对齐”

5、。六、设置“tu2.jpg”对齐方式为“左对齐”。七、调整两张图片的位置。此处插入视频：07调整图像操作要点任务三一、在“一、骑楼发展史”单元格内插入图像“tu1.jpg”。二、选择网页所插入的图像，调整其大小为宽：130、高：140。三、在“二、故事驿站”单元格内插入图像“tu2.jpg”。四、调整改图像大小为宽：130、高：140。五、设置“tu1.jpg”对齐方式为“右对齐”。六、设置“tu2.jpg”对齐方式为“左对齐”。七、调整两张图片的位置。练一练判断题：网页中加入文本，只能直接输入文本，不能从其他文件中复制文字。（ ）否如果要将先前在其他文件中输入好的文字内容放到网页中，只需要“复制”文字，再在网页光标所在处“粘贴”即可。练一练选择题：网页中文本换行，如果要避免行距变得较大，可以使用的方法是（ ）。BA.B.+C.+VD.+按+组合键换行，可将光标切换至下一行，而不会使行距较大。练一练选择题：在“属性面板”中，以下选项中不可以设置的是（ ）。DA.文本的字体、大小、颜色B.文本的对齐方式C.图像的宽和高D.插入新图像文件插入图像可以从“菜单”或“插入”面板来执行。练一练判断题：JPEG格式的图片为真彩色，颜色丰富，有连续的色调。（ ）是JPEG/JPG色彩：真彩色。适用面：颜色丰富，有连续的色调，一般用于表现真实的事物。练一练判断题：网页中常用的图像格式有JPG、P