《网页中的图片与文字.docx》由会员分享，可在线阅读，更多相关《网页中的图片与文字.docx（3页珍藏版）》请在三一文库上搜索。
1、课题 :第八章网页中的文字与图片教学目的：1.使学生掌握用格式工具栏改变文字的属性；2.使学生掌握图片属性的设置。教学要求：学生熟练掌握文字与图片属性的设置。教学重点 :文章自然段的划分。教学难点 :如何用文本来代替图片。教学方法：案例法、讨论法。教学场所：在计算机房中完成教学。教 学 过 程导课：我们首先复习一下以前学习的知识。 请一位同学给大家用 “空白站点” 模板建立一个网站， 然后看一个例子， 大家思考它是如何制作的。 首先看浏览器标题栏上的文字， 请问在哪里可以完成设置。 我们可以用什么完成版面布局， 这张网页添加的是几行几列的表格， 表格的边框是如何变成虚线的。 当我们把骨架搭好以
2、后，最后就可以在单元格里面添加文字与图片了。新课：一、添加文字直接在光标闪烁处输入文字。二、修饰文字当我们把文字输入以后， 更希望文字变得漂亮， 我们用哪一个工具栏可以完成文字的美化。三、自然段的划分我们首先看这个例子。 这篇文章有很多自然段， 大家想想输入什么可以换行并另起一段，如果只想换行不想另起一段，那该如何做呢？看书上第 33 页小知识。四、添加图片在“插入”菜单中选择“图片”里面的“来自文件”选项。五、修饰图片调用“图片”工具栏或者单击鼠标右键选择“图片”属性。六、用文本替代图片单击鼠标右键选择“图片”属性中的“常规”标签，在“替代表示”中“文本”里输入文字， 这些文字内容的含义主要用来说明或解释图片。最后用浏览器浏览制作效果。板书设计：第一课时网页中的文字与图片一、添加文字二、修饰文字用格式工具栏美化文字。三、自然段的划分回车键换行并另起一段，Shift 键+回车键只换行不另起一段。四、添加图片五、修饰图片用图片工具栏美化图片。六、用文本替代图片高新一中教师备课用纸(续 页)第3页教 材 分 析 及 教 学 过 程“图片”属性中的“常规”标签，在“替代表示”中“文本”里输入文字。教学反思：补充材料(或教后感 )