文档介绍：教案用纸
项目三网页排版需 8 学时
审阅人
授课课题
任务二:用 DW 处理文字和图片
学时
4
授课时间
2012年 3 月 5 日星期一第 1-4 节
教
学
目
的
与
要
求
1. 文本的概念和基本操作
2. 图片的常见格式
3. 图片的基本操作
教学重点
1. 文本的基本操作 2. 图片的基本操作
教学难点
图片的基本操作
授课方法
一体化
教具仪器
计算机、投影仪
教学过程、内容分析、授课提纲
附记
组织教学:
考勤,填写日志,复****旧课,讲授新课
复****旧课:
HTML标记
讲授新课:
用 DW 处理文字和图片
平顶山工业职业技术学院
教学内容
教学方法
手段
时间分配
【教学设计】
向学生演示三个项目的效果图,分阶段分析这三个网页中文本的字体、字号、颜色、对齐方式等,图片的宽度、高度、边距、对齐、边框等属性,每个阶段演示完毕后,老师做示范操作。讲解、示范操作完毕后布置课后作业。
第一步:文本概说( 10 分钟左右)
第二步:展示项目 1 效果图,并分析文本属性( 5 分钟左右)
第三步:教师示范操作、答疑( 15 分钟左右)
第四步:图片概说( 10 分钟左右)
第五步:展示项目 2 效果图,并分析图片属性( 6 分钟左右)
第六步:教师示范操作、答疑( 15 分钟左右)
第七步:展示项目 3 效果图,并分析文本属性和图片属性( 8 分钟左右)
第八步:教师示范操作、答疑( 18 分钟左右)
第九步:布置作业( 3 分钟左右)
【教学过程】
一、文本及其操作
1 、文本的基本概念
是一种基本的网页元素
2 、文本的基本操作
Dreamweaver 8 中对文本的输入及编辑,与 Word 极其相似
( 1 )换行
A 自动换行:在输入文字时,若某一行的长度超过了 Dreamweaver 窗口的显示范围,文字将自动换到下一行。
B 利用”Enter ”键换行:在输入文字后按” Enter ”键,文字成段,且上下段之间空一行。
C 利用” Shift+Enter ”键换行:如果想要将文字手动换行,中间又不能出现空白行,可以按” Shift+Enter ”键。
( 2 )插入特殊的字符
有时为了内容的需要,要在网页中插入一些键盘上没有的特殊字符,在 Dreamweaver 8 中,这些特殊字符可以通过”插入”→”HTML”→”特殊字符”命令来插入。
( 3 )删除、移动和复制文本
可以用工具按钮,也可以用菜单命令。
3 、查找/替换文本的内容
如果要在文档中查找或替找某个文字,选择”编辑”→”查找与替换”命令。
4 、设置文本格式
在 Dreamweaver 中设置文本格式可以通过属性面板,类似与 Microsoft Word 中对文本的属性设置,包括段落的格式、字体、字号、字的颜色、字体加粗/倾斜、对齐方式(左对齐/居中/右对齐)、文字所链接的路径或 URL 等。
平顶山工业职业技术学院
教学内容
教学方法
手段
时间分配
范例 1 :将文件“实战演练 ”的内容拷贝到新网页中,将“内容提要”作为标题,居中对齐