《(中职）Dreamweaver网页设计第三章电子教案.ppt》由会员分享，可在线阅读，更多相关《(中职）Dreamweaver网页设计第三章电子教案.ppt（63页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、(中职）Dreamweaver网页设计第三章电子教案第三章把网页衔接起来学习目标：n n1认识超链接的类型与创建方法n n2能打开新窗口来显示超链接网页n n3熟悉自定义超链接颜色与样式的方法n n4能在网页中插入定位锚记，并建立超链接到这些定位锚记n n5能在网页中创建几何形与多边形链接区域的图像热点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 给超链接换个颜色n n一、选择题一、选择题n n1 1（）下列有关超链接的
2、叙述，哪个是错误的？）下列有关超链接的叙述，哪个是错误的？n n 超链接（超链接（hyperlinkhyperlink）是互联网中重要的功能，通过它可以链接到）是互联网中重要的功能，通过它可以链接到世界各地来查看网页世界各地来查看网页n n 除了文字可以设置超链接外，图像或文件也可以设置超链接除了文字可以设置超链接外，图像或文件也可以设置超链接n n 超链接可以按链接、活动链接及已访问链接等三种情况，分别设置超链接可以按链接、活动链接及已访问链接等三种情况，分别设置不同状态的超链接文字颜色不同状态的超链接文字颜色n n 将文字设置超链接后，就会出现下划线，无法修改将文字设置超链接后，就会出现下
3、划线，无法修改n n2 2（）下列哪一个命令，可以让链接的网页在另一个新窗口打开）下列哪一个命令，可以让链接的网页在另一个新窗口打开？n n _blank _blank _top _top _parent _parent _self _selfn n3 3（）在设置）在设置E-mailE-mail链接时，链接时，E-mailE-mail地址前会自动加上什么命地址前会自动加上什么命令？令？n n http:http:ftp:ftp:mail:mail:mailto:mailto:n n4 4（）想要让超链接能自动设置打开新窗口的大小，必须在）想要让超链接能自动设置打开新窗口的大小，必须在“链链接
4、接”文本框中输入什么命令，才能完成？文本框中输入什么命令，才能完成？n n java:;java:;javascript:;javascript:;script:;script:;以上都非以上都非n n二、操作题n n请打开练习文件01_EX01.htm，然后按下列题意完成操作。n n 设置网页最后一行“教学研究室”新打开的窗口大小为宽420、高300，并链接到MainReserach.htm。n n 设置链接的文字颜色为链接、活动链接和已访问链接三种效果，色彩代码分别为#FF3300、#FFCC00和#33CCFF。n n 设置文字链接不加下划线。3-2 长网页的链接技巧n n3-2-1 在
5、网页中创建锚记3-2-2 链接到网页中的锚记3-2-3 链接到其他网页中的锚记n n二、操作题n n1请打开练习文件02_EX01.htm，然后在“我是虎头蜂”、“虎头蜂的生长”、“虎头蜂的家”、“虎头蜂的点点滴滴”分别插入定位锚记名称IamBee、BeeGrowth、BeeHome、BeeGossip，再分别链接到网页中锚记。n n2请打开练习文件02_EX02.htm，然后将“我是虎头蜂”、“虎头蜂的生长”、“虎头蜂的家”、“虎头蜂的点点滴滴”分别链接到ReserachBee.htm#IamBee、ReserachBee.htm#BeeGrowth、Research Bee.htm#Bee
6、Home、ResearchBee.htm#Bee Gossip。3-3 方便快捷的热点图3-3-2 图像多边形热点3-3-3 调 整 热 点3-3-4 复制与移动热点n n二、操作题n n请打开练习文件03_EX01.htm，然后按下列题意完成操作。n n 在图像上创建矩形链接区域，并分别复制应用在所有的图像上。n n 由上到下将第14张的图像分别链接到ReserachBee.htm#IamBee、Research Bee.htm#BeeGrowth、ReserachBee.htm#BeeHome、ReserachBee.htm#BeeGossip。n n一、判断题一、判断题n n1 1（）将
7、光标移到图像或文字上时，若光标变成形状，）将光标移到图像或文字上时，若光标变成形状，表示可以链接到其他网页。表示可以链接到其他网页。n n2 2（）除了文字可以设置超链接外，图像或文件也可）除了文字可以设置超链接外，图像或文件也可以设置超链接。以设置超链接。n n3 3（）超链接可以按链接、已访问及变换图像等三种）超链接可以按链接、已访问及变换图像等三种情形，分别指定不同状态的超链接文字颜色。情形，分别指定不同状态的超链接文字颜色。n n4 4（）想要在单击链接后，自动在新的窗口打开网页，）想要在单击链接后，自动在新的窗口打开网页，可以在设置链接时加上可以在设置链接时加上_parent_par
8、ent目标。目标。n n5 5（）在设置）在设置E-mialE-mial超链接时，超链接时，“属性属性”面板的面板的“链链接接”文本框会在文本框会在E-mailE-mail地址前自动加上地址前自动加上“mailto:”“mailto:”。n n6 6（）在设置行为事件时，系统默认的是）在设置行为事件时，系统默认的是IE 5.0IE 5.0版本版本和更高版本的浏览器。和更高版本的浏览器。n n7 7（）所谓锚记，其实是网页中的一个被命名的位置，）所谓锚记，其实是网页中的一个被命名的位置，然后再创建链接到定位锚记，常用在网页内容超出一个页然后再创建链接到定位锚记，常用在网页内容超出一个页面显示长度
9、时。面显示长度时。n n二、操作题1请打开练习文件Q01.htm，按题意操作。n n 在第1到第3个项目符号分别插入定位锚记名称0103，再将上方的文字超链接到这些定位锚点。n n2请打开练习文件Q02.htm，按题意操作。n n 将网页最后一行“欢迎来信参加讨论”的E-mail地址设成。n n 设置链接的文字颜色为链接、活动链接及已访问过链接等三种效果，颜色代码分别为#660000、#336600及#FFCC00。n n 设置文字链接不加下划线。n n3 3请打开练习文件请打开练习文件Q03.htmQ03.htm，按题意操作。，按题意操作。n n 在图像上创建多边形热点区域，并分别复制应在图像上创建多边形热点区域，并分别复制应用在适合的图像上。用在适合的图像上。n n 将第将第1 13 3张的图像分别链接到张的图像分别链接到knowledge knowledge 01.htm01.htmknowledge03.htmknowledge03.htm。n n 将第将第1 13 3张的图像分别设置替代显示文字为张的图像分别设置替代显示文字为“SARS“SARS是什么？是什么？”、“口罩种类与型别口罩种类与型别”与与“口口罩简易消毒方法罩简易消毒方法”。