网页中的图片与文字.docx

《网页中的图片与文字.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、课题:第八章网页中的文字与图片教学目的：1.使学生掌握用格式工具栏改变文字的属性；2.使学生掌握图片属性的设置。教学要求：学生熟练掌握文字与图片属性的设置。教学重点:文章自然段的划分。教学难点:如何用文本来代替图片。教学方法：案例法、讨论法。教学场所：在计算机房中完成教学。教学过程导课：我们首先复习一下以前学习的知识。请一位同学给大家用“空白站点”模板建立一个网站，然后看一个例子，大家思考它是如何制作的。首先看浏览器标题栏上的文字，请问在哪里可以完成设置。我们可以用什么完成版面布局，这张网页添加的是几行几列的表格，表格的边框是如何变成虚线的。当我们把骨架搭好以后，最后就可以在单元格里面添加

2、文字与图片了。新课：一、添加文字直接在光标闪烁处输入文字。二、修饰文字当我们把文字输入以后，更希望文字变得漂亮，我们用哪一个工具栏可以完成文字的美化。三、自然段的划分我们首先看这个例子。这篇文章有很多自然段，大家想想输入什么可以换行并另起一段，如果只想换行不想另起一段，那该如何做呢？看书上第33页小知识。四、添加图片在“插入”菜单中选择“图片”里面的“来自文件”选项。五、修饰图片调用“图片”工具栏或者单击鼠标右键选择“图片”属性。六、用文本替代图片单击鼠标右键选择“图片”属性中的“常规”标签，在“替代表示”中“文本”里输入文字，这些文字内容的含义主要用来说明或解释图片。最后用浏览器浏览制作

3、效果。板书设计：第一课时网页中的文字与图片一、添加文字二、修饰文字用格式工具栏美化文字。三、自然段的划分回车键换行并另起一段，Shift键+回车键只换行不另起一段。四、添加图片五、修饰图片用图片工具栏美化图片。六、用文本替代图片高新一中教师备课用纸(续页)第3页教材分析及教学过程“图片”属性中的“常规”标签，在“替代表示”中“文本”里输入文字。教学反思：补充材料(或教后感)