第4讲 创建超级链接
DW课程第04讲添加超链接和多媒体元素
典型案例——制作“江南旅游” 网首页
第四行按钮参数 输入版权,调整 文本样式
DW课程第04讲添加超链接和多媒体 元素
插入Shockwave影片
Shockwave影片具有文件小、下载速度快,被目前主 流的浏览器所支持等优点,是使用Director制作的多 媒体影片文件。 插入记录->媒体->Shockwave
在第二行插入插件(影片),宽800,高500
设置第三行高50,水平垂直方向都为居中对齐输入 “申明:本网站所有资源均来自互联网,资源所有权 归原发行商所有,供广大爱好者学习交流之用,不做 任何商业用途, 请用户下载后于24小时内自觉删除, 谢谢!”,文本颜色为“#999999”
DW课程第04讲添加超链接和多媒体 元素
超链接的种类
锚链接语法
<HTML>
<HEAD>
<TITLE>链接到其他2页、面链<接/T到ITL锚E标> 记所在位置
</HEAD>
<BODY>
<A href="#helpme">[新人上路]</A>
……
<A name="helpme">新人上路指南</A>
……
</BODY> </HTML>
1、定义锚标记
插入插件
插件包括的范围很广,如:视频文件、音乐文件、动 画文件等。 插入记录->媒体->插件 如果计算机中安装了文件格式的插件,就可以在网页 中播放该视频文件
DW课程第04讲添加超链接和多媒体 元素
DW第四讲 超级链接
使用跳转菜单
可以把跳转菜单看作是一种超链接的集合,它以弹出式下拉
菜单的形式在网页中展现出来。 弹出菜单内的链接没有类型上的限制,可以是本地链接,也 可以是到其他网站的链接。主要是到其他网站的链接
网页预 览效果
设计好的跳转菜 单及其属性面板
定时自动跳转页面
自动跳转也叫自动重定向或自动转向,就是指当浏
让网页中的链接更动态
新建CSS规则.在对话框中:“选择器类型”选
择高级。“选择器”选择:a:hover; “定义 在”选择:仅对该文档
a:link 链接普通样式 a:visited 链接访问过后的样式 a:hover 鼠标经过时链接的样式 a:active 鼠标按下去时链接的样式
Dreamweaver课件
任务四
超级链接
课堂讲解
超级链接概念 超级链接分类 创建空链接 创建文本超级链接 创建电子邮件超级链接 创建锚链接 创建脚本链接 使用跳转菜单 创建图像超级链接 创建导航条
超级链接概念
超级链接是指页面对象之间的链接 关系,它是网页的灵魂,能合理、协调 地把网站中的各个元素、页面通过超级 链接构成了一个有机整体,使浏览者能 快速地访问到想要访问的页面。
超级链接
超级链接的创建
2.相对链接:
步骤:1) 选中要设置链接的文本或图象 2) 在属性检查器中,单击“浏览”按钮选择链接的文件. 在属性检查器中,拖拽“指向”按钮在站点列表中选 择链接文件. 按住Shift键拖拽到站点列表中的链接文件。 在属性检查器“链接”文本框中输入相对URL地址。
3.空链接: 步骤:1) 选中要设置链接的文本或图象 2) 在属性检查器中, “链接”文本框中输入# 或者输入javascript:;(javascript 一词后依次接一个冒 号和一个分号)建立空链接的目的只是为了应用行为,其他情况 下不必建立。
AdobeDreamweaver教程第4章超级链接精品PPT课件
(3)站点根目录相对路径:所有路径都开始于当前站点的根目录。
站点的根目录相对路径都以“/”开始,如/images/loge.gif
javascript:window.close()
设为首页
<a onclick="this.style.behavior='url(#default#hom epage)';this.setHomePage('');" href="#">设为 首页</a>
创建远程登陆链接
在链接地址输入:telnet://站点地址,如 telnet://
javascript:history.back(-1)
javascript:history.go(-1)
2.3创建打印链接:
javascript:window.print()
2.4创建收藏链接:
javascript:window.
external.AddFavorite(‘网址’,’名称’)
2.5关闭窗口:
下载、邮件链接和锚点
1 下载文件 2 下载软件 3 邮件链接 mailto:?subject=咨询问题&cc= &bcc=
下载、邮件链接和锚点
4. 创建命名锚记链接
1.创建命名锚记
2.创建到该命名锚记的链接
空链接和脚本链接
1 空链接 #(或javascript:) 2 脚本链接
2.1创建简单的脚本链接:javascript:alert(‘弹出的内容’) 2.2创建前进和后退链接:javascript:history.go(1)
教师计算机中级培训教案-超级链接的创建与控件的使用
第四讲:超级链接的创建与控件的使用教学目标:1、超级链接的建立与使用2、flash控件的使用教学重点:超级链接及flash控件的使用授课内容:一、插入与修改超级链接在演示文稿中创建超级链接后,就可以跳转到演示文稿中特定的幻灯片、其他文件或Internet上的某个地址。
今天,我们来具体完成超级链接的链接过程。
首先选定要插入超级链接的对象,使用“插入”→“超链接”命令,打开“插入超级链接”对话框。
(1)超级链接到原有文件或网页。
可以指向当前的演示文稿以外的其他文档。
我们可以选择本地硬盘、局域网或Internet 地址,也可以在文本框中直接键入目标的信息。
这里可选的文档的类型多种多样,可以是Office文稿,可以是图片,也可以是声音文件。
当使用该超级链接时,程序会自动打开与选定文档相匹配的应用程序。
(2)超级链接到本文档中的位置。
利用这种超级链接,用以在当前的演示文稿内的不同幻灯片之间实现沟通。
在这个选项对话框中,我们可以看到当前的演示文稿内的顺序幻灯片。
选择符合要求的幻灯片,单击“确定”就可以了。
删除超链接:使用“插入”→“超级链接”命令修改超级链接,在“编辑超级链接”的对话框中,多了一个“删除链接”按钮,可以将原链接清除,再修改。
二、控件的使用这里以插入FLASH控件为例进行讲解。
假如现在我们要将D盘下的“jiaoan”文件夹下名为“fish”的动画插入到幻灯片当中来,我们要进行的操作步骤如下:1、使用“视图--工具栏--控件工具箱”,把控件工具箱打开。
2、选择其他控件图标,在其选单中选择“Shockwave Flash Object”选项,如图3、选中“Shockwave Flash Object”之后,鼠标变成十字形“十”,拖动鼠标形成显示FLASH动画的区域,然后在所选区域内单击鼠标右键,在弹出的菜单中选择“属性”命令,即弹出如图2所示的属性对话框。
4、在movie的后面输入FLASH动画所在的路径及文件名:例如D:\jiaoan\fish.swf(注意:一定要把动画的路径和文件名即.swf写完整,并且文件名一定要是英文,如果课件与动画在同一个文件夹下的话就只写文件名就可以了),设置后,在幻灯片播放的时候就能看到插入的动画效果了。
创建超级链接
返回
下载文件链接
将导航栏的“代言明星”链接到“罗志祥.docx”, F12观察效果
返回
电子邮件链接
给导航栏的“联系我们”添加邮件链接 1、选中文本 2、单击“插入”面板“常用”中的 图标,
返回
小结
1、文本链接 2、图像链接
目标 链接状态
替换
矩形、椭圆形、多边形
3、热点链接 4、下载文件链接 5、电子邮件链接
创建超级链接
灵石职业中专 计算机系
课前准备
1、在E盘创建自己名字命名的文件夹---将“超链接” 文件夹复制到其中 2、创建站点“chaolianjie” 检查站点结构是否正确
教学目标
文本链接 图像链接 热点链接 下载文件链接 电子邮件链接
小结
文本连接
任务:将文本链接到相关页面 “下午茶”→cha.html “鸡肉粥”→zhou.html “咔嗞有礼”→li.html 预览效果 “目标” -blank----新窗口打开 -self----同一窗口打开 (默认) -parent -top
1、按钮方式 2、“链接”—mailto:
链接到
链接状态
打开“页面属性”对话框
返回
图像链接到“index.html” 2、在属性面板中“替换”中输入“首页”
返回
热点链接
1、选中图像 2、查看“属性”面板 3、三种热点工具 4、利用矩形工具给 分别链接到“jiameng.html”和”ka.html” 5、圆形工具 6、多边形工具
第4讲 创建超级链接
返回目录
七、锚记超级链接
一般超级链接只能从一个网页文档跳转到另
一个网页文档,使用锚记超级链接不仅可以 跳转到当前网页中的指定位置,还可以跳转 到其他网页中指定的位置,包括同一站点内 的和不同站点内的。创建锚记超级链接需要 经过两步:首先需要在文档中设置锚记,然 后在HTML【属性】面板中设置指向这些锚记 的超级链接来链接到文档的特定部分。
设置文本和图像超级链接:设置文本“迎客松”的链接目标为
链接
“yingkesong.htm”,设置第1幅图像的链接目标为“qisong.htm”,第2幅图 像创建椭圆形热点超级链接,链接目标为“guaishi.htm”,第3幅图像的链接 目标为“#”,目标窗口打开方式均为“_blank”。 设置锚记超级链接:在正文中的“1、奇松”、“2、怪石”、“3、云海” 和“4、温泉”处分别插入锚记名称“1”、“2”、“3”、“4”,然后给副标题 中的“奇松”、“怪石”、“云海”、“温泉”建立锚记超级链接,分别指 到锚记“1”、“2”、“3”、“4”处。 设置电子邮件超级链接:在最后一行的“[]”内创建电子邮件超级链接,链接 文本和地址均为“wjx@”。 设置超级链接状态:链接颜色和已访问链接颜色均为“#090”,变换图像链 接颜色为“#F00”,且“仅在变换图像时显示下划线”。
返回目录
一、文本超级链接
通过HTML【属性】面板创建超级链接。
通过【超级链接】对话框创建超级链接。 设置文本超级链接的状态。
返回目录
(1)通过HTML【属性】面板创建超级链接
方法是,先选中文本,然后在HTML【属性】面板的【链接】 列表框中输入链接目标地址,如果是同一站点内的文件,也 可以单击列表框后面的 按钮,在弹出的【选择文件】对 话框中选择目标文件,或者直接将HTML【属性】面板【链 接】文本框右侧的 图标拖曳到【文件】面板中的目标文 件上,最后在HTML【属性】面板的【目标】下拉列表中选 择窗口打开方式,如果需要可以在【标题】文本框中输入提 示性内容,如图所示。
第4章 超级链接
4.4 实训
4.4.2 实训二:制作爱家美食网站“美味靓汤”系列页面 实训二:制作爱家美食网站“美味靓汤” 【实训综述】本实训通过“美味靓汤”系列页面的制作,进 实训综述】本实训通过“美味靓汤”系列页面的制作, 一步加强读者综合利用各种形式的超链接的能力, 一步加强读者综合利用各种形式的超链接的能力,为以后的 网站设计打好基础。 网站设计打好基础。 【实训展示】本实训中的素材包括6幅图片和2个下载压缩包 实训展示】本实训中的素材包括6幅图片和2 文件,制作爱家美食网站“美味靓汤”栏目的系列页面, 文件,制作爱家美食网站“美味靓汤”栏目的系列页面,效 果如图4 26所示 所示。 果如图4-26所示。
4.3 创建其他类型超链接
4.3.4 下载链接 如果链接到的文件不是HTML文件 则该文件作为下载文件, 文件, 如果链接到的文件不是HTML文件,则该文件作为下载文件, 下载链接的格式为: 下载链接的格式为: <a herf= “下载文件名” >热点文本</a> “下载文件名 >热点文本 下载文件名” 热点文本</a> 可以使用属性面板的链接文本框创建下载链接。 可以使用属性面板的链接文本框创建下载链接。创建下载链接 的方法如下: 的方法如下: 1)在“文档”窗口的设计视图中选择要从其创建链接的文字或 文档” 图像。 图像。 2)打开“属性”面板,在“链接”文本框中输入下载文件的名 打开“属性”面板, 链接” 称。
4.3 创建其他类型超链接
4.3.2 E-mail超链接 E-mail超链接 在很多网页中会看到网站管理员或公司的E-mail邮件超 链接,单击指向E-mail邮件的链接,将打开缺省的电子邮件 程序,如FoxMail、Outlook Express等,并自动填写邮件地址。 指向电子邮件链接的格式为: <a href="mailto:E-mail地址"> 热点文本 </a> 例如,E-mail地址是zhby1972@,建立如下链接: 信箱:<a href="mailto: zhby1972@">和我联系</a> 可以使用属性面板的链接文本框创建E-mail超链接。创建Email超链接的方法是: ① 在文档窗口的设计视图中选择要从其创建链接的文字或图 像。 ② 打开属性面板,在“链接”文本框中输入mailto: E-mail地址。
优秀教案 在演示文稿中创建超级链接
优秀教案在演示文稿中创建超级链接【教学目标】知识与技能:1.了解“超级连接”的概念,以及“超级链接”的形式。
2.学会在幻灯片中制作超级链接的三种方法。
3.通过任务驱动,培养学生对资料的整理和分析能力,以及灵活运用已学知识的能力。
过程与方法:通过教师的演示、学生的任务驱动、学生小组讨论来实现掌握在幻灯片中动作按钮、对象(艺术字、图片、文字)动作设置,培养学生处理信息的发散思维。
情感态度与价值观:培养学生的创新意识和审美观,树立良好的学习习惯。
而、重点:【教学重难点】重点:1.了解“超级链接”的概念和用途。
2.掌握、并区分幻灯片中三种形式的超级链接。
难点:在完成任务过程中,灵活运用三种形式的超级链接【教学过程】一、导入师:观看国产动漫的ppt,思考,这个ppt与以前的ppt在播放顺序上有什么不同。
生:……师:这个ppt可以随心所欲的浏览,有选择性的浏览,提高浏览的效率。
这个功能就是ppt里的“超级链接”,今天我们这节课就来一起学习怎样《在演示文稿中创建超级链接》。
师:要做成这样一个链接,首先要找到一个作为链接用的对象。
师,生(看课件展示并总结):文字,文本框,图形,动作按钮师:可是“超链接”究竟在PowerPoint的哪个菜单呢?我们先来找找看。
学生找到菜单:插入——超链接师:找到了超链接,问题就很容易解决了!有没有同学能帮助老师来完成这个操作呢?学生上台尝试操作。
师:很好,这个同学已经打开了“插入超级链接”对话框。
(学生回答,老师将步骤分别板书在黑板上。
选中“连接点”单击右键,选中“超链接”选择“链接目标”)让我们一起来认真看一看,在这个对话框里都有哪些重要的内容。
2、重点讲解“插入超链接“对话框师:大家请看“插入超链接”对话框,左上角“链接到”:他有几种类型呢?生:原有文件或网页、本文档中的位置、新建文档、电子邮件等四种类型。
师:我们可以把它们分为“内部链接”和“外部链接”两大类,“内部链接”它的目标是ppt内部的任意一张幻灯片;而“外部链接”它的目标是所在ppt之外的各种文档、文件、网页或是电邮。
第4章 在网页中建立各种超级链接
网页设计与制作
许多网站提供了文件下载的功能,实现文件 下载的功能很简单,就是建立一个到文件的超级 链接!(下载的文件和其它网页文件都放在本地 站点中。)
网页设计与制作
二、创建外部超级链接
所谓外部超级链接:即链接了本地站点以外 的网页文件。我们平时常见的“友情链接”就是 外部超级链接,当单击“友情链接”中的某个链 接时,浏览器将打开相应网站。
例如, 设计目标:在网页中为“与我联系”文本创建 E-mail链接,其E-mail地址为yiiz@
网页设计与制作
实现步骤:
(1)添加“与我联系”文本。 (2)选中文本 (3)添加链接的方法 A、插入浮动面板常用电子邮件链接图标 B、菜单栏插入(insert)Email link打开 “insert Email link(插入E-mail链接)”对 话 框进行设置 C、在文本属性面板上link文本框中直接输入: “mailto:yiiz@” 网页设计与制作
网页设计与制作
创建空链接的步骤如下:
(1)选择需要创建链接的文本或图像 (2)在属性面板中的“Link”文本框中输入空链接符号 “#”, 即创建了一个空链接
创建空链接
网页设计与制作
四、创建脚本链接
利用脚本链接可以执行JavaScript代码或者 调用JavaScript函数。当来访者单击了某个指定 项目时,脚本链接也可以用于执行计算、表单确 认和其它任务。
设置链接目标
网页设计与制作
说明: 在“Target(目标)”文本框的下拉列表中 “_blank”表示在新的未命名的浏览器窗口中打 开链接文档。 “_parent”、 “_self”、 “_top”选项的含义与 框架有关。
网页设计与制作
创建超级链接教案
2015年市职业学校专业技能课程“两课”评比参评教案2参评组别信息技术类参评科目网页制作报送日期2015 年10 月19 日目录教案主题………………………………………………………3--9参考教材………………………………………………………122--150创建超级教案二、新课教学(42分钟)教师总结归纳创建超级的三种方法:(1)使用属性面板(2)使用“指向文件”图标(3)使用“资源”面板创建教师讲解_blank、_parent、_self、_top的意义。
任务二:完成交通页中八种进出的方式与页面中具体介绍的。
(10分钟)师:我们再仔细观察交通这个页面,发现页首列出了八种进出的方式,下面是具体介绍,如果我想先了解公交车,应该怎么办?拖动滚动条方便吗?有没有更快捷的办法?是否可以尝试用我们今天学的超解决这个问题?公交车所在的位置应该怎样体现出来?平时我们在看书的时候,如果看到一半,去做其他事了,我们通常会在书中插入什么?书签实际上是在这里做了一个标记。
如何插入书签?建立超之前,得先插入书签,作为目标。
在操作过程中教师提示目标是书签,同时注意URL框中学生思考回答问题。
学生电子举手操作:选择源、插入超、在选择目标时停住了。
演示的学生经提示后,试图在“创建超”对话框中找书签),但目前的书签栏中没有可选项——因为我们还没有插入书签。
将其转化为动力,提高学生的学习主动性和积极性。
随后让学生自主探究,为他们终身学习打下基础。
此环节设计目的是使学生通过教师清晰的讲解加深对知识点的理解与记忆。
此环节设计目的是通过师生间的问答,帮助学生理解锚记的作用。
此环节设计目的是巧设误导性问题,让学生经历对问题解决途径的曲折探索与错误尝试,使其经受挫折磨砺,学会反思,从而培养学生发现分析解决问题的能力,学生能显示的容。
总结:通过书签式我们可以实现在同一页面间的跳转。
任务三:实现交通页中返回页首的效果。
(6分钟)师:(巡回指导)提问:刚才我们实现了从页首标题到下面的具体容,如果我想从页面底部快速返回到页首重新选择,是否也可以利用超直接跳转呢?教师讲解从页面下方跳转到页首,这里有两种方式实现:一种是通过书签完成,另一种通过无址。
《建立超链接》课件-精选文档
江苏省通州高级中学
江苏省通州高级中学
Click to edit company slogan .
谢谢各位!
江苏省通州高级中学
本课小结
1、链接的结构分类 树状结构(一对一) 星状结构(一对多) 2、相对超链接(同一网站不同网页间的超链接) 文字
图片
图片热区
电子邮箱
3、绝对超链接(两个不同网站网页之间的超链接) 文字、图片 4、同一网页的超链接(书签超链接) 5、超链接的进一步完善“我的奥运”网站的超链接结 构并优化其结构。 2、我们刚才的链接的目标基本上都是网页, 我们说超链接的链接对象可以是一切的网络资 源,课后大家可以试着用我们学过的创建超链 接的方法,链接其它对象(如:文本、图像、 压缩文件、ftp资源等等)。
江苏省通州高级中学
建立超链接
江苏省通州高级中学 杨文鹏
我们为什么要创建超链接呢?
请同学们打开“我的奥运”网站文件夹并观察
江苏省通州高级中学
我们浏览的网页中哪些是超级链接呢?
通州高级中学网站
南通各城市天气预报 起点中文网—宋朝没事
江苏省通州高级中学
自己动手
请同学们利用打开我的“奥运网站”的“进入 页.htm”并点击进入页中的“进入本站”,体 验相对超链接。你会发现什么?
方形热区 圆形热区 不规则图形热区
江苏省通州高级中学
相对超链接 同一网站不同网页间的超链接 任务四(图片热区超链接、电子邮件超链接): 请大家根据老师的演示,来完成“联系我们”这 张图片的图片热区的超链接
大家在自己操作的过程中思考三个问题:
1、刚才老师演示的是“方形热区”的超链接,如果我们想创建 “圆形热区”、“不规则图形热区”的超链接那我们该怎么办 呢?
网页设计(CS5)-第4讲-创建超级链接
网页设计·第4讲
1 认识超链接
网页设计·第4讲
1 认识超链接
文本超链接
首先选中文本,在【常用】插入栏单击插入超链接按钮,打开 【超级链接】对话框: 在【文本】文本框中输入超链接文本,在【链接】选项 框输入目标网页名称或者单击按钮选择目标文件,在【目标】 选项框的列表中选择打开目标的位置,在【标题】文本框输入 相关文本,如下图所示
创建电子邮件链接
网页设计·第4讲
THANKS !
步骤2 然后在“目标”下拉菜单中设置这个链接的目标窗口
注意:链接中使用完整的URL地址 如:
http:// (是浏览网页网络协议) (域名)
网页设计·第4讲
2 超链接种类
按性质分类
根据链接对象的性质不同,链接又可分为:文本链接、图
像链接、电子邮件链接、多媒体文件链接和空链接等。其中的
网页设计·第4讲
1 认识超链接
【超级链接】对话框中需要设置的各项的含义: 【文本】文本框:在页面中显示的带有超链接的文本, 【链接】选项框:单击超链接后将要跳转到的目标对象。 【目标】选项框:目标对象的打开位置:_bank代表在一个新 的窗口中打开链接对象;_self表示在当前窗口打开链接对象, 它是系统的默认值;_parent和_top都表示在一个完整的窗口 打开链接目标。 【标题】文本框:鼠标光标移到超链接文本上时显示的文字 网页设计·第4讲
网页设计·第4讲
1 认识超链接
网页设计·第4讲
2 超链接种类
1.按路径分类
ቤተ መጻሕፍቲ ባይዱ
2.按性质分类
3. 锚记链接
4.热点链接
5. 电子邮件链接
网页设计·第4讲
2 超链接种类
按路径分类
二中高中信息技术《网页制作之建立超级链接》教学设计
城东蜊市阳光实验学校二中高中信息技术网页制作之建立超级链接教学设计一、教学内容分析:网站的精彩之处就在于把大量的网页和信息通过各种链接组织起来,单击含有超级链接的文本或者者图片,可以实现网页的跳转。
而如何将一个个独立的网页及网页中的信息通过超链接组合成一个有机的整体,就是本课的主要任务。
本节课将从网页的超链接四种分类入手,与学生一起学习网页中点睛之笔"建立超链接",一起完善"旅游网"网站。
二、教学对象分析:随着因特网的普及,如今很多家庭都有了网络,学生接触网络的时机比以前大大的增加了,很多同学对网页中的超链接技术已经有了些直观性的认识,通过前面课程的学习,已经掌握了一些制作网页的根本方法,但对于自己创立超链接还比较陌生。
所以通过这节课的学习能激发学生的学习的兴趣,培养他们的信息素养,当然学生的程度可能有些参差不齐,所以在上课前对学生进展了异质分组,通过同学间的互相帮助来弥补这部分的缺乏。
三、教学三维目的:1、知识与技能目的(1)纯熟掌握同一页面内的链接(2)纯熟掌握不同页面内的链接(3)掌握链接到web站点(4)掌握图像像映射的建立2、过程与方法目的〔1〕通过自主学习建立超链接的根底知识,培养学生自主学习,自我探究的才能。
〔2〕通过探究出建立四类超链接的技能,培养学生发现问题,解决问题的才能、探究的精神。
〔3〕通过小小设计师完善“旅游网〞网站,培养学生的创新精神,进步信息素养。
3、情感态度价值观目的〔1〕培养学生的交流意识和才能。
〔2〕让学生在探究式学习中体验成功的乐趣,在与别人中体会协作学习的方法以及的重要性。
〔3〕加深学生对家乡——的热爱之情。
四、教学重点和难点重点:学习建立各类超链接的方法。
难点:建立书签链接、图像映射及建立超链接的意义。
五、教学方法教学方法上设置情境,以“任务驱动法〞为主,采用自主学习、探究、多启发、多交流、多讨论、精讲多练结合的方法,充分调动学生学习的积极性,使学生变被动学习为主动愉快的学习,使本节课能在生动、有趣、高效中进展。
在Word平台建立超级链接的方法
在Word平台建立超级链接的方法在Word平台建立超级链接的方法1.超级链接的含义超级链接又称超链接。
所谓“超级链接”是指:当你按住Ctrl键,并点击Word文档中的某个超级链接词条后,就立马打开与之链接的另一个文件或进入某个网站。
当然,如果你是在同一个文件内建立的超级链接,就是翻开本文的某一页的某一行。
当文件很长时,可以把目录作成超级链接,只要点击该目录中的某一章节,鼠标就会跳转到你需要的章节。
如果再想链接到他处(例如文章的开头),也可以再做一个超级链接。
这样,阅读起来就是十分方便的;又如,当某个文件经常被引用时,就可以为它作一个超级链接,当需要调用它时,不必去翻来覆去地找它,只消点击一下超级链接词条就可以打开它了。
又如,当我们经常要登录某些网站时,只要建立一个网页的超级链接,到需要它的时候,只要点击一下超级链接词条,就可以进入该网页。
怎样辨别哪些词条是超级链接的词条呢?凡是超级链接的词条除非你自定义设置了,一般都是蓝色的,而且在其下方还有一个横线条。
其实,这个“词条”也可以用图形或符号代替。
当在Word中使用这个超级链接时,只消按住Ctrl键,把鼠标移向超级链接词条,当出现小手时进行点击,就可以实现链接了。
下面分别介绍如何在Word 2003中建立超级链接的方法。
2.链接到当前文件的另一处的方法有三种方法可以在当前文件内插入超级链接,它们是粘贴法、拖放法和制作书签法。
依次介绍如下:一法(粘贴法):例如:当我们想把本行的“制作书签法”制作书签法这几个字做成超级链接,并把它链接到本文下面的“三法(制作书签法)”那个段落时,就应该按下述步骤操作:① 找到链接目的地(即“三法(制作书签法)”那个段落),选择关键词“制作书签法”,并把它复制下来;② 选择这个超级链接的插入点(即把光标移到“一法(粘贴法)”段落的适当位置);③ 用“编辑”→“粘贴为超链接”命令就把超级链接词条插入了。
(插入这个超级链接词条后,把原来的词条删除就行了)二法(拖放法):如果超级链接的插入点离链接目标很近的话,可以用拖放法。
《建立超级链接》的说课稿
《建立超级链接》的说课稿《建立超级链接》的说课稿一、教材分析本课是义务教育山东省小学信息技术五年级上册第七课的内容。
它是学生能够顺利、快捷操作、使用幻灯片制作的基础之一,也是形成学生“了解熟悉──技巧掌握──综合运用”这一合理知识链的重要环节。
编者的设计意图是让学生熟悉超级链接的功能,初步掌握文本超级链接的方法,能利用“超级链接”的功能实现简单的交互,对今后熟练应用幻灯片打下良好的.基础。
二、教学对象分析及学法就教学内容而言,对已学习了一定幻灯片制作技能的五年级学生来说并不难,而且也是学生非常感兴趣的东西,但学生在做返回的超级链接这一教学难点时,容易思维混乱,不知如何操作。
因此在课堂上坚持精讲多练的原则,重难点知识则通过学生自学教材内容、小组学习交流讨论以及教师适当点拨等方式,帮助学生理解掌握。
重在促进学生相互的交流和分享,实现共同学习。
三、说教学目标本课的学习内容以卡通形象及奥运形象为依托,采用以信息为主线,任务为核心的模式,充分培养学生的自主性和探究精神,体现了课程整合的思想。
根据新课程理念、教材特点及学生的心理、智力发展水平和他们的知识经验、情感需求,我确定了本课的教学目标。
知识与能力:能熟练使用PowerPoint;初步感知“超级链接”的作用,并能利用“超级链接”的功能实现简单的交互。
过程与方法:能对采集的素材进行编辑加工,来表达自己的主题;学会联想和类推;培养学生发现问题、解决问题、主动探究的能力。
情感态度与价值观:经历使用超级链接的过程,形成积极主动学习和利用PowerPoint展示自己的态度,培养学生处理信息能力和表达,通过学习过程获取快乐的感受和体验。
教学重点:为什么要使用“超级链接”,掌握“超级链接”的方法,能利用“超级链接”的功能实现简单的交互。
教学难点:引导学生发现问题、设置返回的超级链接。
第4章超级链接
4.2 超级链接
接的源文件与目标文件,然后选中要作为链接的文字或 图像,用鼠标拖拽“属性”板中的“指向文件”图标, 拖至目标文件,这时会产生一个从“指向文件”图标到 目标文件的箭头如图4-6 所示,松开鼠标,链接就完成 了。
18
图4-5 创建外部文档的链接
4.2 超级链接
建立超级链接
图4-6
利用“属性”面板中的指向文件图标
28
4.2 超级链接
创建图像映射图链接
图像映射链接又称为是图像热区链接,即在源文件 中将图像划分为几个不同的部分,并为每一部分建立不 同的超级链接,这每一建立链接的部分就是一个热区, 单击热区就可以产生相应的链接。 图像映射链接创建的方法是,先选中要建立热区的 图像,然后在该图的“属性”面板(图4-12所示)中, 选择“矩形热点工具”或“椭圆形热点工具”,当将鼠 标再移到图像上时,鼠标指针将变成“+”形,用鼠标 拖拽出矩形或椭圆热区。若选择的是多边形热点工具, 则用鼠标单击得到多边形的各个转折点,最后双击起点, 就可形成多边形热区。如图4-13所示。 选中图像的热区,在图像热区“属性”面板的“链 接”列表框中输入要链接的目标文件,图像映射链接的 29 创建就完成了。
4.1 站点管理
站点地图属性的设置
1.站点地图布局 关于站点的建立前面的章节中已经介绍过,下面看 一下站点地图属性的设置。单击“站点”→“管理站点” 菜单命令,在弹出对话框中单击“编辑”按钮,则弹出 “站点定义”对话框中,在“站点定义”对话框中选择 “高级”选项卡,并在“分类”选项中选择“站点地图 布局”,则在该窗口右侧的显示如图4-1所示。 在该对话框中可设置网站的主页,方法是单击“主 页”文本框右边的, 调出的“选择首页”对话框,从中 选择主页。所谓的主页就是指每个服务器启动该网站时 出现的第一个网页,该网页相当于封面和目录,通过超 级链接可转到下一层网页,这样 通过超文本链接,可一 6 页一页的浏览该网站提供的全部信息资源。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
(2)电子邮件链接 在属性面板中的"链接"输入 "mailto: 电子邮件地址",注意:在mailto:后面不能有空 格,如输入"mailto:enterlyp@",也可 输入电子邮件的主题或抄送等,如输入 mailto:enterlyp@?subject=建议 &cc=yanshi@, 各参数具体含义如下: subject为所发送邮件的主题,cc为要抄送的电 子邮件地址,其中,?表示分隔,&表示连接.
添加超链接的文本提示: 切换到"代码"模式,在超链接的代码 <a href="file.htm" target="_blank">超链接</a> 中添加标签a的文本提示属性title,如: <a href="file.htm" target="_blank" title="这是一 个超链接">超链接</a>
作业: 作业 1.分析URL地址 2.举例说明并比较绝对路径和相对路径 3.熟悉设置超链接的步骤 实验内容: 实验内容 请模仿网易新闻网:, 设计一个页面,并在该页面中设置不同的超 链接类型
�
4.设置下载文件的超链接 通常情况下,当你所创建的超链接所链 接的文件是浏览器默认无法打开时,则服务 器将提示你下载.通常我们在开发过程可以 把将要提供用户下载的文件压缩成zip或rar的 文件.
5.热点区域链接 热点区域链接指可以将一张图片划分为多 个区域,区域类型一般有矩形,圆,多边形 等,不同的区域可以设置不同的链接内容. 具体请认真看演解URL地址 理解和编写绝对路径和相对路径 超链接的概念以及类型 设置下载文件的超链接 热点区域链接 重点:设置各种超链接类型 难点:路径的书写
1,理解URL地址
URL(Uniform Resource Locator)统一资源 定位符,它通过提供一种标准的访问方式,以便能 在Internet上找到你所请求的任何东西.它主要包含 五个部分内容,具体格式: 访问协议://服务器名:端口号/文件路径/具体请求的 文件名称 例如: :8086/news/localnews/wy.asp
设置超链接的目标窗口: 在属性面板中"目标"的取值如下: a. _blank 将文件载入新的无标题浏览器窗口中; b. _parent 将文件载入到上级框架集或包含该链接的 框架窗口中; c. _self 将文件载入到相同框架或窗口中; d. _top 将文件载入到整个浏览器窗口中,将取消所有 框架.
(5)脚本链接 通过JavaScript脚本链接,可以执行 JavaScript代码或调用JavaScript函数,通常 用来在用户单击时执行计算,标单验证和其 他处理任务.如如果要实现当用户点击是弹 出一个警告之类的窗口,那么就可以通过调 用alert函数来实现
具体操作如下: 在要做弹出窗口的文字链接的属性面板 中,在"链接"中输入: javascript:alert('欢迎来到武夷山!'); 其中:javascript:表示这是一个javascript 的函数,后面紧跟的是函数名称,括号内为 函数的参数,注意因为javascript代码出现在 双引号之间,所以参数必须用单引号或在双 引号之前加斜杠否则将出错.
(3)书签链接(锚点连接) a.页内跳转,即该链接是跳转到同一页面的不同 位置.具体实现步骤如下: 1.在需要跳转到的位置插入锚点标记,如设置锚 点标记名称为"mao"; 2.在所做的超链接的属性面板"链接"属性中输 入如:#mao. 注意:#与锚点之间不能有空格,否则链接将失 败. b.页间锚点跳转,指链接到不同页面的不同位置, 具体步骤与页内跳转一样,差别在于最后输入的 "链接"的属性的值应如下:file.htm#mao.
2,理解和编写绝对路径和相对路径
文档路径的类型:绝对路径,和根目录相对 的路径,和文档的相对的路径 (1)绝对路径:是包含服务器协议的完全路径,它 是一个精确地址,一般用来创建对当前站点以外 文件的链接.例如: Internet网址: /news.htm 本机地址: D:\网页制作 \Dreamweaver\images\wuyishan.jpg (2)和根目录相对的路径:是从当前站点的根目录 开始,站点上所有可公开的文件都存放在站点的 根目录下,使用斜杠(/)作为其开始路径.例如: /dreamweaver/index.htm
3,超链接的概念以及类型
超链接是网页之间联系的桥梁,浏览者通过 它可以跳转到其他页面,可以说超链接是整个网站 的"灵魂".一般来讲,超级链接包含以下类型: 文档链接:连接到其他文档,是最为常用的类 型,也是我们在网络上看到最多的一种; 书签链接:也称"锚点"链接,链接到相同文档 或不同文档的页面中的某个位置; 电子邮件链接:创建允许用户给网页制作人员发 送邮件的链接; 空链接:指连接的内容为空的,通常用来附加 Dreamweaver行为; 脚本链接:通常用来链接到执行JavaScript代码 或调用JavaScript函数.
(1)创建文档或图片超链接 在站点内创建超链接的方法: a.使用属性面板,键入文件路径或浏览硬盘上站 点内的文件; b.使用"指向文件"图标直接指向要链接的文件; c.使用"资源"面板创建或修改超链接. 具体操作过程,请认真看演示,注意在制作超 链接时你所选择的点击对象,一般可以选择文字, 图片,flash,按钮等.
具体每个模块说明如下: 访问协议:用户发出请求所用到的网络协议,一般包含: http(超文本传输协议),ftp(文件传输协议),news(新 闻网络协议),telnet(远程访问协议)等; 服务器名:用户所请求的内容所存储的位置,可以是域 名或IP地址; IP 端口号:http协议默认的端口号为80,ftp默认的端口号 为21,具体的端口号可通过在服务器上进行修改设置, 如果采用默认端口号那么在访问时可省略; 文件路径:指用户具体请求的页面所在服务器上的具体 路径; 具体请求的文件名称:就是用户所要看到的页面的文件 名称.
(3)和文档相对的路径:是指和当前文档所在的 文件夹相对的路径.例如: File.htm指定的是当前文件夹内的文档, ../file.htm指定的则是当前文件夹上级目录中的文 档, htmldocs/file.htm则指定了当前文件夹下 htmldocs文件中的文档. 注意:在创建和文档相对的路径之前一定要保存 新文件,因为在没有定义起始点的情况下,和文 档相对的路径是无效的,在文档为被保存之前, Dreamweaver会自动使用以file://开头的绝对路 径.
(4)空链接 空链接一般分为两种形式: "#"和"JavaScript:;" 两者的区别在于: 空链接为:"#"则在点击是会跳转到页面 的顶部,通常我们在开发过程中使用到的 "返回页首"的链接就是这样的空链接; 空链接为:"JavaScript:;"那么该链接不会 实现任何跳转,此时该空链接一般用于行为 的调用.