最新HTML-应用案例分析.doc
《最新HTML-应用案例分析.doc》由会员分享,可在线阅读,更多相关《最新HTML-应用案例分析.doc(25页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、Four short words sum up what has lifted most successful individuals above the crowd: a little bit more.-author-dateHTML-应用案例分析教 案 用 纸教 案 用 纸项目三 网页排版 需 8 学时审阅人授 课 课 题任务二:用 DW 处理文字和图片学时4授 课 时 间2012年 3 月 5 日 星期 一 第 1-4 节教学目的与要求1. 文本的概念和基本操作 2. 图片的常见格式 3. 图片的基本操作 教 学 重 点1. 文本的基本操作 2. 图片的基本操作教 学 难 点图片的基本
2、操作授 课 方 法一体化教 具 仪 器计算机、投影仪教学过程、内容分析、授课提纲附 记组 织 教 学:考勤,填写日志,复习旧课,讲授新课复 习 旧 课:HTML标记讲 授 新 课:用 DW 处理文字和图片平顶山工业职业技术学院教 学 内 容教学方法手 段时间分配【教学设计】 向学生演示三个项目的效果图,分阶段分析这三个网页中文本的字体、字号、颜色、对齐方式等,图片的宽度、高度、边距、对齐、边框等属性,每个阶段演示完毕后,老师做示范操作。讲解、示范操作完毕后布置课后作业。 第一步:文本概说 ( 10 分钟左右) 第二步:展示项目 1 效果图,并分析文本属性 ( 5 分钟左右) 第三步:教师示范操
3、作、答疑 ( 15 分钟左右) 第四步:图片概说 ( 10 分钟左右) 第五步:展示项目 2 效果图,并分析图片属性 ( 6 分钟左右) 第六步:教师示范操作、答疑 ( 15 分钟左右) 第七步:展示项目 3 效果图,并分析文本属性和图片属性 ( 8 分钟左右) 第八步:教师示范操作、答疑 ( 18 分钟左右) 第九步:布置作业 ( 3 分钟左右) 【教学过程】一、文本及其操作 1 、文本的基本概念 是一种基本的网页元素 2 、文本的基本操作 Dreamweaver 8 中对文本的输入及编辑,与 Word 极其相似( 1 )换行 自动换行:在输入文字时,若某一行的长度超过了 Dreamweav
4、er 窗口的显示范围,文字将自动换到下一行。 利用 ”Enter ” 键换行:在输入文字后按 ” Enter ” 键,文字成段,且上下段之间空一行。 利用 ” Shift+Enter ” 键换行:如果想要将文字手动换行,中间又不能出现空白行,可以按 ” Shift+Enter ” 键。 ( 2 )插入特殊的字符 有时为了内容的需要,要在网页中插入一些键盘上没有的特殊字符,在 Dreamweaver 8 中,这些特殊字符可以通过 ” 插入 ” ”HTML” ” 特殊字符 ” 命令来插入。 ( 3 )删除、移动和复制文本 可以用工具按钮,也可以用菜单命令。 3 、查找替换文本的内容 如果要在文档中
5、查找或替找某个文字,选择 ” 编辑 ” ” 查找与替换 ” 命令。 4 、设置文本格式 在 Dreamweaver 4.0 中设置文本格式可以通过属性面板,类似与 Microsoft Word 中对文本的属性设置,包括段落的格式、字体、字号、字的颜色、字体加粗倾斜、对齐方式(左对齐居中右对齐)、文字所链接的路径或 URL 等。 平顶山工业职业技术学院教 学 内 容教学方法手 段时间分配范例 1 :将文件“实战演练 1.txt ”的内容拷贝到新网页中,将“内容提要”作为标题,居中对齐,“本书采用”“首先”“本书适用于”作为三个段落的起首,首行缩进 2 个汉字;“目录”作为一个标题,居中对齐,其以
6、下的内容每章 / 节 / 小节都要换行,居左对齐。然后,将所有的“数据库”一词替换为“ DATABASE ”。二、图片及其操作 1 、图片的格式 网站常见 / 常用的四种格式: Bmp,jpg,gif,png 2 、图片的主要操作: () 插入图片 单击“插入”菜单下的“图像”按钮,如图 1 所示: 图 1 Dreamweaver 8 插入图像 将弹出此对话框,如图 2 所示: 图 2 选择图像源文件对话框 在站点里面找到需要的图片,单击“确定”。 平顶山工业职业技术学院教 学 内 容教学方法手 段时间分配()设置图像的属性 选中图像后,在属性面板中就显示出了图像的属性,如 3 所示: 图 3
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 最新 HTML 应用 案例 分析
限制150内