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