第三章 文本图象和超链接.ppt

文 本 图 象和超 链 接;教学目标: 通过本节课的学习，学生掌握在网页中插入文本和图象以及及属性设置,并能使用文本、图象美化页面,掌握如何在DW中使用超链接 教学重点： 1、字体构成 2、文本的基本操作 3、格式化文本 4、图片文件格式属性 5、文本、图象和锚点链接 6 .超链接的综合应用;任务一 文本的操作 ;讲解演示 网页上支持图像的格式 图像格式即图像文件存放在记忆卡上的格式 ，网页上支持的图象格式通常 ： GIF图像格式 ，JPG图像格式， JPEG图像格式，PNG图像格式等。;二：插入图像并设置其属性 1、插入本地图像 2、插入网上图像 3、设置图像的属性 4、插入鼠标经过图像 方法：插入——图象对象——鼠标经过图象 ;5、插入图象占位符 方法:插入——图象对象——图象占位符 ;6、创建图片相册 方法：“命令”菜单——”创建网上像册”;　　　　任务三 DW中超链接的类型和创建 一： 文本超连接 选中要设置超链接的文本，在属性检查器的Link文本框中键入URL地址 target目标文档的打开位置(4个选项): _blank，在一个未命名的新浏览器窗口中载入所链接的文档。 _parent，在该链接所在框架的父框架或父窗口中载入所链接的文档。 _self，在链接所在的同一框架或窗口中载入所链接的文档。为默认值 _top，在整个浏览器窗口中载入所链接的文档，因而会删除所有框架;二：图片超连接 a)选中要设置超链接的图片，在属性检查器连接文本框中键入URL地址(注意border值设为0)。 b)为图象建立热点链接 三： E-mail超连接 1)选择一段文本，单击“插入”—“常用”—— “ E-mail 超连接”按钮 2)在E-mail:后输入E-mail地址或在连接选项中输入:  mailto:邮件地址;四：锚点链接 锚记可以将一个篇幅很长的网页分为很多块，通过锚记跳转到网页的不同 1）在网页中使用锚记（定义锚点） 将光标定位在要插入锚记的位置 在插入栏的“常用”中单击“命名锚记”按钮调出“命名锚记”对话框，锚记名称(给锚记一外名字） 确定后，光标处会出现锚记标记图标;2)设置带有锚记的超链接 选中文字或图片，设置超链接的网页元素。 如果链接在同一个文档中：在“属性”检查器中Link文本框中输入“#+锚记的名称”确定，完成. 如果锚记在另一个页面，在link中输入“文件名称+#+锚记名称” 五：空链接 无址链接,只要在Link栏中输入“#”号即可; ;归纳总结: 本节课程介绍了Dreamweaver 的文本和图像的插入删除等，重点同学们要掌握文本和图象的插入方法以及属性设置。连接具体的设置方法，本章的难点是连接，图象在网页中的应用 巩固考核: 文本的插入和属性设置 空格的插入和其他特殊符号的插入方法 图像的文件格式 超链接的具体应用