为了正常的体验网站,请在浏览器设置里面开启Javascript功能!

03超链接

2012-04-26 41页 ppt 185KB 77阅读

用户头像

is_622165

暂无简介

举报
03超链接null HTML语言与网页设计 HTML语言与网页设计——超链接学习目标学习目标理解超链接的基本概念,掌握A标记符的用法。超链接基础超链接基础 URL(Universal Resources Locator)用于定位Web上的文档信息。 一个 URL 包括 3 部分:协议、计算机地址、文件路径。 协议://计算机/文件路径超链接基础——绝对URL超链接基础——绝对URL绝对URL是指资源的完整地址,包括URL的所有3个部分,即: 协议://计算机/文档名 超链接基础——相对URL超链接基础——相对URL相对UR...
03超链接
null HTML语言与网页设计 HTML语言与网页设计——超链接学习目标学习目标理解超链接的基本概念,掌握A标记符的用法。超链接基础超链接基础 URL(Universal Resources Locator)用于定位Web上的文档信息。 一个 URL 包括 3 部分:、计算机地址、文件路径。 协议://计算机/文件路径超链接基础——绝对URL超链接基础——绝对URL绝对URL是指资源的完整地址,包括URL的所有3个部分,即: 协议://计算机/文档名 超链接基础——相对URL超链接基础——相对URL相对URL是指Internet上资源相对于当前页面的地址,它包含从当前页面指向目标页面位置的路径。 使用相对URL的好处:易于维护超链接基础——相对URL超链接基础——相对URL使用相对URL时,经常使用两个与DOS类似的符号: 句点(.)示当前目录 双重句点(..)表示当前目录的上一级目录超链接基础——相对URL超链接基础——相对URL不同类型的超链接不同类型的超链接根据超链接的目标文件不同,分为: 网页之间的超链接 页面内的超链接 文件下载超链接 Email超链接 空超链接不同类型的超链接不同类型的超链接根据超链接源对象的不同,分为: 文本超链接 图像超链接(包括图像映射) 对象超链接(例如Flash、Java小程序)不同类型的超链接不同类型的超链接根据超链接实现方式的不同,分为: HTML超链接 JavaScript超链接 对象超链接合理安排超链接合理安排超链接 合理安排超链接在网页的制作中是非常重要的。采用什么结构的链接会直接影响到网页的布局。建议 : 避免孤立文件的存在 在网页中避免使用过多的超链接 网页中的超链接不要超过4层 页面较长时可以使用书签 设置主页或上一层的链接 创建超链接创建超链接 A 标记符用于创建超链接(结束标记符不能省略),href 属性用于指定超链接的目标文件。 内部网页超链接: link 外部网页超链接: link演示——超链接效果演示——超链接效果

这是一个超链接

欢迎参观我的个人网站

创建超链接——锚点链接创建超链接——锚点链接 使用页面内的超链接,首先需要定义锚点,然后在超链接中指向该锚点。 定义锚点应使用 指向锚点的超链接为: link创建超链接——锚点链接创建超链接——锚点链接指向其他页面内锚点的超链接:link blank linknull在命名锚记时,必须遵循以下规定: ① 只能使用字母和数字,锚记命名不支持中文。虽然在插入锚记对话框中能输入中文,但在属性面板上显示的则是一堆乱码,且在为锚记添加链接的时候,也无法工作。 ② 锚记名称的第1个字符最好是英文字母,一般不要以数字作为锚记名称的开头。 ③ 锚记名称区别英文字母的大小写。 ④ 锚记名称间不能含有空格,也不能含有特殊字符。演示——锚点超链接效果演示——锚点超链接效果

目录

亚马逊战士|游侠|巫师


亚马逊战士--一个强悍的女人,唯一知道的是,她来自靠近南部海域的……。

返回目录


游侠--来自一个特殊的军队,靠近宗教圣地 Zakarum,一个以信念为盾随时准备战斗的军人。…….

返回目录


巫师--来自南方充满蒸汽的沼泽地,一位披着斗蓬的神秘人物。就像他的名字一样,……..。

返回目录

问题问题在刚才的示例里,如果有另外一个同目录的网页文件 page2.htm,在该网页中想访问示例页面中的“巫师”所在位置,应如何设置超链接?创建超链接——文件下载创建超链接——文件下载 当超链接目标为浏览器不能识别的文件格式时,那么就自动生成了文件下载链接。 下载创建超链接——Email链接创建超链接——Email链接Email 控制命令: ?subject= 设置信件主题 ?cc= 设置抄送人 ?bcc= 设置密件抄送人 & 组合多个控制命令演示——文件下载及Email链接效果演示——文件下载及Email链接效果 文件下载

给我写信 脚本链接脚本链接理解脚本链接:直接调用JavaScript语句,创建脚本链接。脚本链接是一种特殊的链接,单击这类链接可以执行相应的JavaScript程序,如弹出对话框、关闭窗 使用链接弹出对话框 javascript:alert('您好,本栏目网页正在建设中') 使用链接关闭当前窗口 javascript:window.close()null 开始使用DreamWeavernull 在Dreamweaver MX中创建文本超链接的步骤为: (1)在网页上选择需要添加超链接的文本,打开文本的属性面板。 (2)在属性面板上指定文字的链接目标。 (3)在“目标”下拉列表框中选择目标文件打开的方式。 设置结束后,在网页中被选择的文字改变了颜色,且在文字底部出现一条下划线,即文字的超链接设置完成。在键盘上按“F12”键,即可将网页在浏览器中打开。单击链接的文字,即可打开目标文件。 null2.编辑文本超链接 (1)设置文本链接的状态 一个未被访问过的链接与一个被激活的链接在形式上肯定会有所区别,链接被访问过了也会发生变化,提示用户这是一个已经点击过的链接,所有这些都是链接的状态。通过设置不同的文本颜色可以使各个状态区别开来。 null (2)删除文本超链接 在Dreamweaver MX中要删除一个文本超链接很容易,先用鼠标选定文本对象,将光标定位于属性面板的“链接”文本框中,用“BackSpace”键或“Delete”键,将其显示的超链接对象文件名删除,再回车,或选择“修改”|“移除链接”命令,都可以删除超链接而保留原文本对象。 null 1.创建图像超链接 给图像添加链接,使其指向其他的网页或者文档,就是图像超链接。 (1)选中需要建立超链接的图像,此时属性面板显示图像的属性 。 (2)在属性面板中为图像添加文档相对路径的链接。 (3)按“F12”预览网页。 2.删除图像超链接 删除图片超链接与删除文本超链接的方法相同 。null 锚记,也称为书签或锚点,用来标记文档中的特定位置,使用其可以跳转到当前文档或其他文档中的标记位置,免去浏览者翻阅网页寻找信息的麻烦。在网页中加入锚记包括两方面的工作,一是在网页中创建锚记,另一个就是为锚记建立链接。 创建锚记超链接 null 创建锚记的步骤如下: (1)将光标移到需要加入锚记的地方,一般是将光标放置在一行或是一段文字的开头部分。 (2)单击插入“常用”面板上的按钮,或是选择主窗口的菜单“插入”|“命名锚记”命令,将弹出“命名锚记”对话框。 (3)在对话框的“锚记名称”文本框输入锚记的名称。 (4)单击“确定”按钮。 null在命名锚记时,必须遵循以下规定: ① 只能使用字母和数字,锚记命名不支持中文。虽然在插入锚记对话框中能输入中文,但在属性面板上显示的则是一堆乱码,且在为锚记添加链接的时候,也无法工作。 ② 锚记名称的第1个字符最好是英文字母,一般不要以数字作为锚记名称的开头。 ③ 锚记名称区别英文字母的大小写。 ④ 锚记名称间不能含有空格,也不能含有特殊字符。null 创建锚记后,还必须链接锚记。选择想要链接到锚记的文字或图片,然后按如下方法中的任意一种进行操作。 (1)在属性面板上的“链接”文本框中输入符号# 和锚记名称。 (2)选择文字或图片后,按住Shift键,然后拖动鼠标指向锚记。 (3)按住属性面板上的“指向文件”按钮,并拖动鼠标指向锚记。 null在链接锚记时,应注意以下事项: ① 在#和锚记名之间不要留有空格,否则链接会失败。 ② 在不同文件夹中为锚记创建链按时,其文件名后缀必定是“.htm”,而不能写成“.html”,否则链接也会失败。 ③ 符号#必须是半角符号,而不能为全角符号。null 如果希望浏览者在浏览网页时,只要浏览者单击E-mail链接时,就会在浏览端自动打开浏览器默认的E-mail处理程序,收件人的地址将会被E-mail超链接中的指定地址自动装入,无需浏览者输入,就需要创建电子邮件链接 。创建电子邮件超链接 null创建电子邮件链接的步骤如下: (1)将光标置于网页中要添加E-mail链接的地方,或选中文字,通过插入“常用”面板上的“电子邮件链接”按钮,或通过主窗口菜单“插入”|“电子邮件链接”命令,将弹出 “电子邮件链接”对话框。 (2)如果未选中文字,可以在“文本”文本框中添加所需文字;如果已经选中超链接文字,将会在“文本”文本框中自动显示。然后在“E-mail”文本框中输入E-mail地址,单击“确定”按钮,就可以了。 null 如果想让网站提供文件下载的功能,就必须建立下载文件超链接。实现文件下载的功能很简单,只需加入连接到文件的超链接就可以了。连接到网站中下载文件的超链接也算是内部超链接中的一种。 创建下载文件超链接的方法如下: 首先选择主窗口的菜单“站点”|“站点文件”命令,打开站点窗口,找到需要链接的目标文件。然后选择网页中需建立超链接的文字,按下“Shift”键拖动鼠标到站点窗口中的目标文件。 创建下载文件超链接 null 空链接是一个未指定目标的链接,Dreamweaver MX的行为面板中列出了许多行为,这些行为相当于使用JavaScript编写的程序或函数,要想对文本设置行为,首先为文本建立空链接,这样行为才有效。 为文本建立空链接时,只要先在文档窗口选定文本,然后在属性面板中的“链接”栏中输入一个数值符“#”即可。建立空链接的目的就是为了应用行为,其他情况下不必建立空链接。 创建空链接 null 在默认情况下,被添加了超级链接的文字都会被添加上蓝色并有下划线,单击过后的链接文本会变成紫色。我们可以根据需要,修改这种默认的颜色。 方法:“修改”菜单--“页面属性”--选择左侧的“链接”--在右边的设置窗口中根据需要进行设置。修改文字链接的颜色null Dreamweaver MX提供“结果”浮动面板组,除了具有检查浏览器兼容性、代码兼容性等强大功能外,还可以利用它来检查甚至修改站点中的超链接。 检查超链接 可以在Dreamweaver MX的“站点”浮动面板上选择“文件”|“检查链接”命令,在打开的下拉菜单中选择“为整个站点检查链接”命令。 1.自动对整个站点的超链接情况进行检查。 null 如果在“链接检查器”浮动面板的“显示”标识符后的下拉列表框中选择“断掉的链接”选项,则Dreamweaver MX将自动列出网站中所有的断掉的链接。 修复站点中的超链接 如果在“结果”面板中“链接检查器”选项卡的“显示”标识符后的下拉列表中选择“外部链接”选项,则Dreamweaver MX将自动列出网站中所有的外部超链接文件。 处理外部超链接 null 所谓孤立文件并不是指没有用的文件,而是指没有与其他网页发生链接的文件。 如果在“结果”面板中“链接检查器”选项卡的“显示”标识符后的下拉列表中选择“孤立文件”选项,则Dreamweaver MX将自动列出网站中所有孤立的文件。 对于该列表中的文件,除非是经过检查后确定这些文件是没有用的,才可以删除,否则最好不要一次全部删除,以免追悔莫及。 处理孤立文件 nullE N D

/
本文档为【03超链接】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。 本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。 网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
热门搜索

历史搜索

    清空历史搜索