第三课：图文并茂的网页精编.pptVIP

图文并茂的网页 崇实小学 鞠庆燕 学习要求 学会倾听 学会合作 学会分享 学会表达 复习回顾： 1、新建一个网页。 2、Dreamweaver8窗口的组成。 请对以下网页进行比较： 教学目标： 知识目标： 初步了解网页中常用的几种图片格式。 技能目标： 学会插入图片，掌握设置图片的大小和对齐方法。 学会设置页面背景颜色和背景图片。 情感、态度与价值观目标 通过制作“蝴蝶”网页，培养对大自然深入探究的精神。 第一关：插入图片 第1步：打开“hudie.html”。 第2步：单击“插入”中的“图像”，选择“蝴蝶图片”文件夹中的“蝴蝶1”，选中后，单击确定。 第3步：在对话框中，替换文本中输入“蝴蝶1”，确定后，按F12。进行预览。 第二关：设置图片的大小 1、尺寸控点：可以改变图片的大小（不精确） 2、属性面板：可以输入具体的数值（精确） （宽为273、高为229） 第三关：设置图片的对齐方式 展现风采： 1、单击“修改”菜单中的“页面属性”。 2、设置背景颜色：选择背景色为黄绿色，代码为＃C9D4B2 3、设置背景图像：单击浏览，选择“风景图片”中的“风景1”，输入“风景1”，单击“应用”，按F12查看效果。 小试牛刀！（也可只选做一个） 1、新建网页“gaoshou.html”，标题为“高手”。 2、输入你喜欢的图片、并用文字介绍、保存网页。 3、适当调整图片的位置、大小、对齐方式为“左对齐”。 4、选取图片“风景3”作为网页背景。 我会做： 1、如何插入图片 2、如何设置图片的对齐方式 3、如何设置网页的页面背景 4、学会保护大自然，保护生态环境，尊重生命、亲近自然等 5、夸一夸你在这节课中的表现吧！也可夸一下同学或者小组。 谢谢！再见！ * 1 2 3 胜利！ 1 2 3 胜利！ 第1步：选中“蝴蝶1”图片。 第2步：打开“蝴蝶介绍.doc”文件，将里面的内容复制到蝴蝶图片的底部。 第3步：选中图片，单击属性面板“对齐”中的“右对齐” 1 2 3 胜利！ *