您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 项目/工程管理 > Dreamweaver课件:第5章-创建超级链接
第5章超链接学习重点:理解超级链接和路径的概念在网页中添加和编辑各种类型的超级链接、设置超级链接的目标窗口和文本提示。创建跳转菜单5.1理解站点和链接的概念超级链接分类:网页链接:链接到其他网页文档,该类型超级链接最为常见。书签链接:连接到相同网页文档或其他网页文档的书签位置。电子邮件链接:创建该链接允许站点访问人员给指定的电子邮件地址发送邮件。空链接:不会跳转到任何位置,对于附加Dreamweaver行为有特殊作用。5.1理解站点和链接的概念绝对路径和相对路径文档路径包括绝对路径、和根目录相对的路径、和文档相对的路径。绝对路径是包含服务器协议的完全路径。它包含的是精确地址而不用考虑源文档的位置。但当目标文档被移动,则链接无效。和根目录相对的路径总是从当前站点的根目录开始,通过“/”实现。和文档相对的路径是指和当前文档所在的文件夹相对的路径。5.2给文本和图像添加超级链接快速创建超链接设置超链接的目标窗口_blank将链接的文件在新的无标题浏览器窗口中打开。_parent将链接的文件载入到上级框架集或包含该链接的框架集窗口中。_self将链接的文件载入到相同框架或窗口中。该项为默认项。_top将链接的文件载入到整个浏览器窗口中,因此将取消所有框架。5.2给文本和图像添加超级链接添加超级链接的文本提示文本提示指当用户将鼠标移动到某个超级链接上时,会出现一个文本提示框。也就是说给超级链接标签添加title属性。添加方法:(1)选择要添加提示的超链接,按Ctrl+T键打开快速标签编辑器。(2)在标签a后面添加title属性。5.3添加邮件链接添加邮件链接邮件连接是当单击时运行能够发送邮件的邮件专用程序OutlookExplorer。建立邮件链接的方法有两种。一种是单击常用插入工具栏上的快捷按钮,以文本形式插入邮件链接;二是在链接文本框中输入“mailto:邮箱地址”。5.4制作书签链接书签链接与一般的超链接不同,其超链接地址(URL)格式为“#命名锚记”名称。在文档太长,需要拖动很长时间的滚动条时使用书签链接,只要单击鼠标,滚动条会自动移动并显示需要的文档内容。5.5使用空链接和脚本链接空链接是不会跳转到任何地方的链接。添加方法:在属性面板的链接域中键入#。用户浏览页面时,在不离开当前页面的情况提供信息可以使用JavaScript脚本链接。同时在表单的应用中也很有用。上机操作题1.制作几个内容相关的网页2.创建文本链接3.创建图像链接4.创建网站链接5.创建锚记链接6.在网页之间创建相关联链接7.在网页中添加电子邮件链接图文环绕效果利用html代码align=““实现图片与文字的环绕效果这种效果在网页排版中经常使用!!背景音乐的添加方法很多,这里暂时介绍一种最简单的方法:在〈head〉〈/head〉标签之间,添加如下html代码:〈bgsoundsrc=”“loop=”“autoplay=”“〉〈/bgsound〉
本文标题:Dreamweaver课件:第5章-创建超级链接
链接地址:https://www.777doc.com/doc-1284400 .html