最基本的网页制作知识 初学者必看l4_超链接及导航.pptVIP

超链接及导航 超链接 网站最核心的部分就是超链接，通过超链接主页文件和各种网络资源组织在一起，形成一个巨大的信息服务系统。 URL URL：统一资源定位符，用于描述或指向网络资源的位置、类型和访问方法。 一般格式：协议://IP地址（域名）[：端口]/目录/文件名 协议：指明访问该资源所采用的协议。如HTTP为超文本传输协议，该资源为HTML文件；FTP是文件传输协议，用FTP访问该资源。 制作方法 通过“指向文件”图标创建链接 属性面板链接栏输入和文件夹图标创建链接 插入菜单或插入栏创建超链 插入菜单/超级链接 插入栏/常用/超级链接 修改菜单/创建链接 超级链接和相关操作 修改菜单/创建链接或更改链接 修改菜单/移除链接 修改菜单/打开链接页面 修改菜单/链接目标 链接类型 Html链接（页面或文件链接） E-mail链接 在Link栏中输入mailto:mailaddress 插入菜单/电子邮件链接 插入栏/常用/电子邮件链接 a href=“mailto:softmachine@163.net?Subject=主题Body=内容Cc=抄送Bcc=密送mail/a 锚点和链接 创建锚点：插入菜单/命名锚点 | 插入栏/常用/命名锚点 锚点的引用： 同文件中：#锚点名 不同文件中：文件名#锚点名 其它链接 空链接：在属性面板link栏中输入#或### 图片的热点链接 脚本链接： 主要用于让页面文字具有获取事件的能力，尤其是方便文字与行为和脚本程序的结合。 创建空的脚本链接，在link中输入 javascript: / javascript:void(null)/ # / ### “打印本页”链接： javascript:self.print() “关闭窗口”链接： javascriptself.close() 其它链接 QQ链接：/msgrd?V=1Uin=QQ号Site=网址Menu=yes 链接的目标 在超链的属性面板上“目标”或“修改/链接目标”中设置 _blank：在新的窗口中打开链接文档，当前窗口不变 _parent：在显示链接的框架的父框架集中打开链接的文档，同时替换整个框架集 _self：在当前框架中打开链接，同时替换该框架中的内容(默认)。 _top：在当前浏览器窗口中打开链接的文档，同时替换所有框架。 可重设默认值:在/head前加入: base target=“_blank” 链接路径 绝对路径 完整的URL，通常用于链接站点以外的内容。 相对路径 相对文档路径 相对路径是以文件所在位置为起点，到被链接文件通过的路径。指定相对路径时，省去了当前文件和链接文件的URL相同的部分，留下了不同的部分，适用于站点内链接。表示方法：../[相对目录]/../[文件名] 相对根路径 指从根文件夹到被链接文件的路径。是指定文件链接的最好方法，在移动一个包含相对链接的文件时，无需对原有链接进行修改。表示方法：／［目录］．．／［文件名］ 实例 在一同页面中做多种链接样式 .NFS1(类样式).NFS1:hover 人民网图形版图片链接效果 img? (标签样式) a:hover?img? a:hover?(此步为技巧) 课后作业 做一个个人简历，E-MAIL要有链接、QQ链接、个人主页的网址要有链接、要有“打印本页”“关闭窗口”，还要有不同页面的锚点链接效果。 * * *