网页中的基本元素设计
2页1、第9课 网页中的基本元素设计科目信息技术年级七年级班级课时1课时课型新授课时间课题网页中的基本元素设计设置网页背景、在网页中添加文字、图片教学目标知识能力品德1熟练使用Dreamweaver8。2学会用Dreamweaver8设置网页背景,为网页添加和编辑文字图片。3培养学生积极思考、主动探求知识的态度。教学重点难点重点: 用Dreamweaver 8设置网页背景、添加文字、图片的基本操作。难点: 在网页中添加并编辑图片。板书设计示意框图 第九课 网页中的基本元素设计设置网页背景、在网页中添加文字、图片一、 设置网页、单元格背景二、 添加和编辑文字三、 在表格中插入图片教 学 准 备知识准备:计算机基础知识及Dreamweaver的基本操作技能。硬件准备:多媒体教学工具。软件准备:Dreamweaver 8。教 学 过 程教师活动学生活动教师意图时间一、课前导入,任务介绍小明完成了对“初258班-我们的大家庭”网站首页中板块内容和布局类型的确定,并用Dreamweaver8对网页进行了表格规划。规划后的页面并没有内容,这节课我们就和小明一起来为网页添加内容,设置背景,让网页变得漂亮起来
2、。认真阅读教材,积极思考。引入课堂,让学生完成过渡。3二、设置网页、单元格背景,为网页添加文字、图片。1设置网页、单元格背景【操作演示】进入Dreamweaver 8界面后,执行“页面属性”“浏览”命令,在“选择图像源文件”窗口中,找到背景图片后执行“确定”“应用”命令,就完成了网页背景的设置。要对一个单元格进行背景设置,先选中要设置的单元格,单击“属性面板”中“背景”后的文件夹图标,在“选择图像源文件”窗口中找到背景图片后执行“确定”就行了。2添加和编辑文字【操作演示】在“标题栏”中输入文字“初258班我们的大家庭”,选择文字“初258班”,在属性面板上设置文字大小为“36”、“宋体”,“我们的大家庭”设置成“24”、“宋体”。同样,我们在“导航栏”、“内容区”、“信息栏”输入文字内容,并对其设置大小、字体。3在表格中插入图片【操作演示】选定“图片区”单元格,拆分成2行,单击菜单栏中的“插入” “图像”,在“选择图像源文件”窗口中找到需要的图片并插入,这样就轻松地实现了往网页中插入图片。认真听讲,积极思考,并自己动手操作,掌握技巧和方法。认真听讲,积极思考,并自己动手操作,掌握技巧和方法。认真听讲,积极思考,并自己动手操作,掌握技巧和方法。指导学生设置网页、单元格背景。指导学生添加并编辑文字。通过操作指导学生在表格中插入图片信息。5105三、课堂练习根据上节课堂练习制作的布局表格,设置网页的背景,设置表格中单元格的背景;在表格中添加并编辑文字;在表格中插入并编辑图片。按要求完成作业。组织学生进行练习,巩固学习效果。10四、本课总结本节课,我们学习了设置网页、单元格的背景,在表格中添加和编辑文字以及在表格中插入图片等操作。这样,网页中就有了内容,网页也漂亮起来了,也为以后更深入地学习打下了基础。认真听讲,积极思考。对本节课所学知识进行总结。5教学后记
《网页中的基本元素设计》由会员m****分享,可在线阅读,更多相关《网页中的基本元素设计》请在金锄头文库上搜索。
伊东丰雄建筑思想分析
2019年监理工程师考试《案例分析》真题及答案
2023年最新幼儿园教师培训心得体会
深圳房屋租赁合同简易版(5篇).doc
小班学期班务工作总结15篇.doc
需要勇气的爱情短信
浅析海尔整体物流方案
秘尿外科实习心得体会
故事:《想吃苹果的鼠小弟》睡前故事
从“德隆模式”看资产重组新趋势
考试成绩分析5篇
XX关于成立配电设备公司可行性报告(DOC 84页)
精选年度工作总结范本(3篇).doc
连锁电器卖场零售连锁门店品牌促销员管理条例
物业年度工作总结样本(4篇).doc
有关车辆租赁合同模板汇总7篇
202X年村镇精准扶贫工作总结
夫妻自愿离婚协议经典版(七篇)
2023产品销售经理月工作总结标准范文(2篇).doc
谈波普艺术对流行服饰设计的影响
2023-02-20 2页
2023-02-07 3页
2024-03-01 10页
2023-06-07 28页
2023-07-20 3页
2024-02-08 29页
2023-12-28 6页
2022-09-24 2页
2023-02-05 6页
2022-08-14 10页