Dreamweaver网页设计 徐蕙英 刘月诗 第三章新.pptVIP

第三章 把网页衔接起来 学习目标??： 1．认识超链接的类型与创建方法 2．能打开新窗口来显示超链接网页 3．熟悉自定义超链接颜色与样式的方法 4．能在网页中插入定位锚记，并建立超链接到这些定位锚记 5．能在网页中创建几何形与多边形链接区域的图像热点 3-1 创建超链接的方法 3-1-2 把图像变成超链接 3-1-3 链接站点内部网页 3-1-4 创建可下载文件的超链接 3-1-5 创建E-mail超链接 3-1-6 新窗口打开链接网页 3-1-7 指定新打开窗口的大小 3-1-8 给超链接换个颜色 一、选择题 1．（ ）下列有关超链接的叙述，哪个是错误的？ ? 超链接（hyperlink）是互联网中重要的功能，通过它可以链接到世界各地来查看网页 ? 除了文字可以设置超链接外，图像或文件也可以设置超链接 ? 超链接可以按链接、活动链接及已访问链接等三种情况，分别设置不同状态的超链接文字颜色 ? 将文字设置超链接后，就会出现下划线，无法修改 2．（ ）下列哪一个命令，可以让链接的网页在另一个新窗口打开？ ? _blank ? _top ? _parent ? _self 3．（ ）在设置E-mail链接时，E-mail地址前会自动加上什么命令？ ? http: ? ftp: ? mail: ? mailto: 4．（ ）想要让超链接能自动设置打开新窗口的大小，必须在“链接”文本框中输入什么命令，才能完成？ ? java:; ? javascript:; ? script:; ? 以上都非 二、操作题 请打开练习文件01_EX01.htm，然后按下列题意完成操作。 ? 设置网页最后一行“教学研究室”新打开的窗口大小为宽420、高300，并链接到MainReserach.htm。 ? 设置链接的文字颜色为链接、活动链接和已访问链接三种效果，色彩代码分别为#FF3300、#FFCC00和#33CCFF。 ? 设置文字链接不加下划线。 3-2 长网页的链接技巧 3-2-1 在网页中创建锚记 3-2-2 链接到网页中的锚记 3-2-3 链接到其他网页中的锚记 二、操作题 1．请打开练习文件02_EX01.htm，然后在“我是虎头蜂”、“虎头蜂的生长”、“虎头蜂的家”、“虎头蜂的点点滴滴”分别插入定位锚记名称IamBee、BeeGrowth、BeeHome、BeeGossip，再分别链接到网页中锚记。 2．请打开练习文件02_EX02.htm，然后将“我是虎头蜂”、“虎头蜂的生长”、“虎头蜂的家”、“虎头蜂的点点滴滴”分别链接到ReserachBee.htm#IamBee、ReserachBee.htm#BeeGrowth、Research Bee.htm#BeeHome、ResearchBee.htm#Bee Gossip。 3-3 方便快捷的热点图 3-3-2 图像多边形热点 3-3-3 调 整 热 点 3-3-4 复制与移动热点 二、操作题 请打开练习文件03_EX01.htm，然后按下列题意完成操作。 ? 在图像上创建矩形链接区域，并分别复制应用在所有的图像上。 ? 由上到下将第1～4张的图像分别链接到ReserachBee.htm#IamBee、Research Bee.htm#BeeGrowth、ReserachBee.htm# BeeHome、ReserachBee.htm#BeeGossip。 一、判断题 1．（ ）将光标移到图像或文字上时，若光标变成形状，表示可以链接到其他网页。 2．（ ）除了文字可以设置超链接外，图像或文件也可以设置超链接。 3．（ ）超链接可以按链接、已访问及变换图像等三种情形，分别指定不同状态的超链接文字颜色。 4．（ ）想要在单击链接后，自动在新的窗口打开网页，可以在设置链接时加上_parent目标。 5．（ ）在设置E-mial超链接时，“属性”面板的“链接”文本框会在E-mail地址前自动加上“mailto:”。 6．（ ）在设置行为事件时，系统默认的是IE 5.0版本和更高版本的浏览器。 7．（ ）所谓锚记，其实是网页中的一个被命名的位置，然后再创建链接到定位锚记，常用在网页内容超出一个页面显示长度时。 二、操作题1．请打开练习文件Q01.htm，按题意操作。 ? 在第1到第3个项目符号分别插入定位锚记名称01～03，再将上方的文字超链接到这些定位锚点。 2．请打开练习文件Q02.htm ，按题意操作。 ? 将网页最后一行“欢迎来信参加讨论”的E-mail地址设成ren