中职Dreamweaver网页设计第三章电子教案

1、(中职）Dreamweaver网页设计第三章电子教案第三章把网页衔接起来学习目标：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、联网中重要的功能，通过它可以链接到世界各地来查看网页 除了文字可以设置超链接外，图像或文件也可以设置超链接 超链接可以按链接、活动链接及已访问链接等三种情况，分别设置不同状态的超链接文字颜色 将文字设置超链接后，就会出现下划线，无法修改2（ ）下列哪一个命令，可以让链接的网页在另一个新窗口打开？ _blank _top _parent _self3（ ）在设置E-mail链接时，E-mail地址前会自动加上什么命令？ http: ftp: mail: mailto:4（ ）想要让超链接能自动设置打开新窗口的大小，必须在“链接”文本框中输入什么命令，才能完成？ java:; javascript

3、:; 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，然后在“我是虎头蜂”、“虎头蜂的生长”、“虎头蜂的家”、“虎头蜂的点点滴

4、滴”分别插入定位锚记名称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，然后

5、按下列题意完成操作。 在图像上创建矩形链接区域，并分别复制应用在所有的图像上。 由上到下将第14张的图像分别链接到ReserachBee.htm#IamBee、Research Bee.htm#BeeGrowth、ReserachBee.htm# BeeHome、ReserachBee.htm#BeeGossip。一、判断题1（ ）将光标移到图像或文字上时，若光标变成形状，表示可以链接到其他网页。2（ ）除了文字可以设置超链接外，图像或文件也可以设置超链接。3（ ）超链接可以按链接、已访问及变换图像等三种情形，分别指定不同状态的超链接文字颜色。4（ ）想要在单击链接后，自动在新的窗口打开网页，

6、可以在设置链接时加上_parent目标。5（ ）在设置E-mial超链接时，“属性”面板的“链接”文本框会在E-mail地址前自动加上“mailto:”。6（ ）在设置行为事件时，系统默认的是IE 5.0版本和更高版本的浏览器。7（ ）所谓锚记，其实是网页中的一个被命名的位置，然后再创建链接到定位锚记，常用在网页内容超出一个页面显示长度时。二、操作题1请打开练习文件Q01.htm，按题意操作。 在第1到第3个项目符号分别插入定位锚记名称0103，再将上方的文字超链接到这些定位锚点。2请打开练习文件Q02.htm ，按题意操作。 将网页最后一行“欢迎来信参加讨论”的E-mail地址设成。 设置链接的文字颜色为链接、活动链接及已访问过链接等三种效果，颜色代码分别为#660000、#336600及#FFCC00。 设置文字链接不加下划线。3请打开练习文件Q03.htm，按题意操作。 在图像上创建多边形热点区域，并分别复制应用在适合的图