使用DW在网页中建立各种超级链接.ppt
《使用DW在网页中建立各种超级链接.ppt》由会员分享,可在线阅读,更多相关《使用DW在网页中建立各种超级链接.ppt(17页珍藏版)》请在装配图网上搜索。
1、使用Dreamweaver在网页中建立各种超级链接,使用文本、图像等最基本的网页元素制作了一个较简单的“个人主页”。 超级链接,知识回顾,什么是URL? 什么是超级链接? 什么是绝对路径? 什么是相对路径?,为“个人主页”网站创建各种超级链接,将网页左侧导航栏中的“动画”,“图片”,“梦想” 分别链接到本网站中的animation.html,picture.html,dream.html等页面。 为网页中的“下载”链接到下载文件“pictrue.rar”。 为网页左侧导航栏中的“关于”添加超级链接“”。 为网页中的建立一个E-mail链接。 为picture.html中页首的小图片添加链接,当
2、单击页面中的某个小图片时便会跳转到该页面的相应网页。,2.1 内部链接,操作步骤 : 第一步,在网页中选中要作为超级链接的文本。 第二步,为指定的文本创建超级链接。 选中“动画”,单击属性面板中的“链接”文本框后面的 按钮,打开“选择文件”对话框。 选中“animation.html”即可 动画 第三步:保存网页,按F12键预览网页。,超级链接下载文件 说明:将下载文件music.rar设置为站点根目录目录下的文件。 选中页面中的“下载”文本。 代码中插入下载,2.2 外部链接,实现步骤: 选中“新闻”文本,在属性面板上的“链接”文本框中输入完整的网址 关于 注意:输入的网址必须是绝对路径。,
3、如何在新的浏览窗口中打开链接文件? 使用target属性 友情链接 在DW中只需要在属性面板中的“目标”下拉列表中选择“_blank”。 target属性可以定义被链接的文档在何处显示。 _ blank:表示单击该链接会重新启动一个浏览器窗口载入被链接的网页。 “_parent”、“_self”、“_top”的具体含义和框架有关。,2.3 创建E-mail链接,单击E-mail链接时,将立即打开浏览器默认的E-mail处理软件,且收件人的邮件地址由E-mail链接中指定的地址自动设置。,实现步骤: 选中文本。 添加E-mail链接的方法 单击“插入面板”中的 电子邮件链接按钮,或者选择菜单“插
4、入” “电子邮件链接”。在出现的对话框中输入相应的电子邮件即可。代码如下: 在属性面板上的“链接”文本框中直接输入 “mailto: ”。,2.5 创建空链接,要想对文本或图像等对象设置行为,首先必须为文本建立空超级链接(空超级链接是一个未指派目标的超级链接),这样行为才会有效。 为文本建立空超级链接时,只要先在文档窗口中选中需要建立空超级链接的文本,然后在属性面板的“链接”文本框中输入一个“#”符号即可。 建立空超级链接的目的只是为了应用行为,其他情况下不必建立。,2.6 设置链接颜色,为文本添加了超级链接之后,文本具有几种颜色状态:未访问过链接的文本颜色、已访问链接的文本颜色已经当前正在访
5、问的链接的文本颜色。 可以通过设置“页面属性”来改变各种链接状态下的文本颜色。,鼠标放上去时文字的颜色,2.7 制作图像映射,图像映射就是指在一幅图像中定义若干个区域(这些区域称为热区),每个区域中指定一个不同的超链接,当单击不同区域时可以跳转到相应的目标页面。 实现步骤: 制作热区 为热区添加超级链接 编辑热区,实现图像映射的HTML代码 ,2.8 其他链接形式,1 制作鼠标经过图像 鼠标经过图像就是指当访问者移动鼠标使鼠标指针经过图像时,图像变为另一幅图像;而鼠标指针离开时,图像又恢复为原始图像。这种效果通常用于导航条、图像互动等。 它由两幅图像组成,一是首次载入时显示的图像即原始图像,二是鼠标经过后翻转的图像即鼠标经过图像。在创建鼠标经过图像时应使用相同大小的两幅图像;如果这两个图像大小不同,Dreamweaver 将自动调整第二个图像的大小以匹配第一个图像的属性。,制作步骤: 在插入面板或插入菜单中打开 “鼠标经过图像”对话框 选取原始图像和鼠标经过图像 保存网页,课下练习,创建你的个人主页 实例演示,
- 温馨提示:
1: 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2: 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
3.本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 装配图网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 顶级别墅项目广告设计鉴赏2
- 页岩气勘探开发技术
- 《文言文虚词复习》优秀课件
- 八年级道德与法治下册第二单元理解权利义务第四课公民义务第1框公民基本义务习题课件新人教版
- 八年级道德与法治下册第四单元崇尚法治精神第八课维课件
- 八年级道德与法治下册第三四单元综合复习教学课件人教版
- 《蔬菜种植技术》课件
- 阅读专题之人物描写与人物形象分析ppt课件
- 八年级道德与法治下册第一单元坚持宪法至上第二课保障宪法实施第1框坚持依宪治国教学课件人教版
- 远距离点对点通信系统设计通信原理三级项目ppt课件
- 页岩气与煤层气井压裂增产技术
- 化工制图课件
- 远离手机--班会ppt课件
- 预防校园欺凌主题班会ppt课件
- 阅读表现手法ppt课件