网页中的基本元素设计.docx

第9课网页中的基本元素设计
课时 1课时 课型 新授课 时间
课题
网页中的基本元素设计
设置网页背景、在网页中添加文字、图片
知识能力品德
教学目标
1 .熟练使用 Dreamweaver8o
学会用Dreamweaver第9课网页中的基本元素设计
课时 1课时 课型 新授课 时间
课题
网页中的基本元素设计
设置网页背景、在网页中添加文字、图片
知识能力品德
教学目标
1 .熟练使用 Dreamweaver8o
学会用Dreamweaver8设置网页背景，为网页添加和编辑文字图片。
培养学生积极思考、主动探求知识的态度。
教学 重点：
重点 用Dreamweaver 8设置网页背景、添加文字、图片的基本操作。
难点难点：
在网页中添加并编辑图片。
板书 设计 —*
示意
框图
第九课 网页中的基本元素设计
——设置网页背景、在网页中添加文字、图片
一、 设置网页、单元格背景
二、 添加和编辑文字
三、 在表格中插入图片
物皇 知识准备：计算机基础知识及Dreamweaver的基本操作技能。 准备 硬件准备：多媒体教学工具。
医俞 软件准备：Dreamweaver 8。
教学过程
教师活动 学生活动教师意图 时间
一、课前导入，任务介绍
小明完成了对“初258班----我们的大家庭” 〜、、土
网站首页中板块内容和布局类型的确定，并用 认真阅读 Dreamweaver8对网页进行了表格规划。规划后 教材，积 的页面并没有内容，这节课我们就和小明一起极思考。 来为网页添加内容，设置背景，让网页变得漂 亮起来。
引入课堂， 让学生完 成过渡。
3’
二、设置网页、单元格背景，为网页添加文字、 图片。
、单元格背景
【操作演示】进入Dreamweaver 8界面后，执 行“页面属性”一“浏览”命令，在“选择图 像源文件”窗口中，找到背景图片后执行“确 定”一“应用”命令，就完成了网页背景的设 置。
要对一个单元格进行背景设置，先选中要设置
的单元格，单击“属性面板”中“背景”后的
文件夹图标，在“选择图像源文件”窗口中找 到背景图片后执行“确定”就行了。
认真听 讲，积极 思考，并 自己动手 操作，掌 握技巧和 方法。
5
指导学生
设置网页、
单元格背 景。
认真听 讲，积极 思考，并 自己动手 操作，掌 握技巧和 方法。
指导学生_ 添加并编10 辑文字。

【操作演示】在“标题栏”中输入文字“初258 班——我们的大家庭”，选择文字“初258班 ——”，在属性面板上设置文字大小为“ 36”、 “宋体”，“我们的大