使用链接.

Slides:



Advertisements
Similar presentations
共建多媒体优质资源 提高图书馆教学服务 新东方多媒体学习库 创新 实用 互动 权威的学习平台. 图书馆资源收藏类型 图书馆的服务任务 多媒体资源市场现状及未来发展方向 新东方集团介绍 新东方在线介绍 新东方多媒体学习库之市场背景 新东方多媒体学习库介绍 新东方多媒体学习库优势 新东方多媒体学习库用户调查.
Advertisements

广州市小学信息技术教学同步资源 第一册 第二章 第六节 《 Window窗口》 广州市荔湾区西华路小学 董绮珊.
第一章 绪论 什么是网页和网站 网页的分类 网页中的常用术语 网页设计的相关知识.
第六 章数据库访问页 6.1 数据访问页视图 6.2 创建数据访问页 6.3 编辑数据访问页 6.4 查看数据访问页 退出.
大学计算机基础 主讲:张建国 电话: 实验及交作业网址:
网页设计与制作 教师姓名: 职务:.
2017/3/6 V1 实习指导管理系统.
02 网络出版与网站设计 网络出版 网站设计与制作.
在文章中插入图片 What to do? 任务一(1):请你在“愤怒的小鸟”这个文档中插入“红色小鸟”的图片。 要求:1、自学课本45-47页“做一做”的内容,找到在文档中插入图片的方法后,就动手试一试吧。 哪一小组最先完成,会加平时成绩10分噢,加油吧!
插入超链接 高邮市第一实验小学 范太国 任务一:设置文本超链接 任务一:设置文字超链接 步骤:1、选定文字并右击,在快捷菜单 中选择“超链接”命令。 2、在弹出的对话框中选择左侧“链接到:”中的“本文档中的位置(A)”项,在“请选择文档中的位置(C):”中选择需要链接的幻灯片,单击“确定”按钮。
案例2 胸卡的制作. 案例2 胸卡的制作 知识要点: 学习重点及制作思路 学习目的: 邀请函的制作步骤: 1.掌握邮件合并功能 2.掌握比较并合并文档方法 3.掌握页面插入背景图 4.熟练使用文本框 知识要点: 1.邮件合并功能 2.文档中插入域内容 3.文本框的使用 技能要点: 1.域、文档部件操作.
创建网页链接.
UI(用户界面)集训班 Illustrator 高级班.
第4章 FrontPage 2003基础知识.
网页图像动画与脚本编程 主讲:熊丽华.
项目四 组建跨地区网络 授课教师:肖颖.
有序列表.
图表的创建.
第6章 制作网站链接 本章内容 练习思考 实验操作.
学习目标 掌握各种网页元素添加的方法 学会进行页面属性的设定 学会进行简单的页面布局.
《网页色彩搭配》.
江西信息应用职业技术学院 电子商务与管理系
第5章 基本图文网页的制作 【本章导读】 本章介绍如何制作基本的图文网页:主要内容包括如何新建网页并设置其属性;如何制作文本网页和图像网页;如何创建多种类型的超链接等。 【本章要点】 新建网页 设置网页属性 制作文本、图像页面 创建不同类型的超链接.
UI 软件 设计 网页基本元素设计(二).
第八章 菜单设计 §8.1 Visual FoxPro 系统菜单 §8.2 为自己的程序添加菜单 §8.3 创建快捷菜单.
大学计算机基础 典型案例之一 构建FPT服务器.
网络常用常用命令 课件制作人:谢希仁.
第11章:一些著名开源软件介绍 第12章:服务安装和配置 本章教学目标: 了解当前一些应用最广泛的开源软件项目 搭建一个网站服务器
4.5 网页制作 本节概述 本节的学习目标 主要内容.
CSS样式.
点击此处添加标题 ADD YOUR TITLE ADD YOUR TITLE 点击此处添加文本信息
网页设计与制作 网页基本标签(三) 北京农业职业学院刘丽霞.
供应商登录CJLR SRM系统入口 CJLR供应商仅可以在互联网上访问SRM系统,无法在CJLR内网登录SRM系统.
实例导入:西部旅游网 | 页面属性的设置|文本的修饰|设置超级链接|制作纯文本网站|使用图像
Windows 7 的系统设置.
网页制作基础 CNIC 王桦.
网页设计与制作 Dreamweaver CS6 标准教程
点击此处添加标题 01 点击此处添加标题 点击此处添加标题 点击此处添加标题 点击此处添加标题 点击此处添加标题 点击此处添加标题
PRESENTED BY OfficePLUS
网页设计与制作 Dreamweaver CS6 标准教程
第16章 模板 在建设一个大规模的网站时,通常需要制作很多的页 面,而且还要保证这些页面的风格统一。为了提高网 站建设与更新的工作效率,避免重复操作,这就要用 到Dreamweaver CS4中的模板。本章就来学习如何创 建和使用模板。
黑板手绘粉笔风格PPT模板【赠多款纹理+教程】
网页制作 网 页 制 作 徐晓明 主编 蔡向东 方蓓 副主编.
适用于工作计划 / 工作总结 / 季度报告等演示
第一题 填空(30分) 指向其他文件的( 1 )或图片被称为hyper text,这种作用叫超级链接Hyper link。
网页设计与制作 —— 学习情境二:网页模板设计
电子商务网站开发 第六讲:超级链接 上海财经大学信息管理与工程学院.
多媒体组件.
PRESENTED BY OfficePLUS
姚金宇 MIT SCHEME 使用说明 姚金宇
《网页设计与制作》.
计算机网络与网页制作 Chapter 07:Dreamweaver CS5入门
项目二:HTML语言基础.
电子商务网站开发 第十一讲:框架与框架集 上海财经大学信息管理与工程学院.
Word中活用“艺▪图▪框” 信息技术必修(一).
1 月 日 一 二 三 四 五 六 元旦 11/20 11/21 11/22 11/23 11/ /25 11/26 11/27 11/28 11/29 11/30 12/ /2.
第六章 素材的加工与处理 第13讲 用GoldWave进行音频的截取、合并、淡入淡出操作
CLICK HERE TO ADD YOUR TITLE
VRP教程 2011.
Delphi 7.0开发示例.
报头 的制作.
武汉纺织大学传媒学院 cm.wtu.edu.cn
《手把手教你学STM32-STemWin》 主讲人 :正点原子团队 硬件平台:正点原子STM32开发板 版权所有:广州市星翼电子科技有限公司
STEP THREE NO.1 点击此处添加标题 NO.5 点击此处添加标题 STEP FOUR STEP TWO
YOUR SUBTITLE GOES HERE
项目:交互式网页 义乌工商学院机电信息分院省级精品课程.
第8章 创建与使用图块 将一个或多个单一的实体对象整合为一个对象,这个对象就是图块。图块中的各实体可以具有各自的图层、线性、颜色等特征。在应用时,图块作为一个独立的、完整的对象进行操作,可以根据需要按一定比例和角度将图块插入到需要的位置。 2019/6/30.
本节内容 进程 视频提供:昆山爱达人信息技术有限公司 官网地址: 联系QQ: QQ交流群 : 联系电话:
第四章 UNIX文件系统.
使用ADO访问数据库 李宝智 BonizLee 课程 10564A
Presentation transcript:

使用链接

复习提问 1、网页中能使用的图像格式有哪些? 2、当我们浏览网页时,常常可以见到有些图像鼠标经过时变换不同的图像,是怎么实现的呢? JPEG/JPG,GIF和PNG 2、当我们浏览网页时,常常可以见到有些图像鼠标经过时变换不同的图像,是怎么实现的呢? 这种效果是通过使用“鼠标经过图像”来实现的。在网页中,选择“插入”,选择“图像对象”,选择“鼠标经过图像”进行具体的设置就可以实现。

课程引导 网站上的各种链接是网页制作的基本因素,也是浏览网页的基本导线。任何一个网站,网页之间都是通过超级链接的方式相互建立关联的,因此超级链接是网站的生命线,它的意义就如城市之间的交通线。

知识目标 (1) 能够熟练完成能够建立内部链接、外部链接 (2)能够创建锚点链接、E-mail链接等各种形式的超级链接 (3)能够制作图像热区 (4)能够创建导航条与跳转菜单

案例展示 为“青果集团”网站加各种链接

任务分析 在一个网页中能够实现各种链接的方式,如何选择合适的链接方法实现各种链接?

知识讲解(一) 超级链接的基础知识: 超级链接是指从一个网页指向一个目标的连接关系,即在 Web 页面中插入的指向其它文档的引用。 超链接可以链接文本、图片、程序、音乐、影像等文件。当移动鼠标到页面某一地方变成 图标时,这个地方就是一个超链接。 链接可以将任何类型的资源转换为链接,但最常用的链接类型是文本链接。可以在站点创建过程的任何阶段创建超级链接。

知识讲解(二) 文档路径 要正确创建链接,必须了解链接与被链接文档之间的路径。每个网页都有一个唯一的地址, 称为统一资源定位符(URL)。 根目录相对路径 根相对路径是指从站点根文件夹到被链接文档经由的路径。一个根相对路径以前斜杠开头,它代表站点根文件夹。根相对路径是指定网站内文档链接的最好方法,当我们要移动一个包含根相对链接的文档时,无需对原有的链接进行修改。 文档相对路径 以当前文档所在位置为起点到被链接文档经由的路径。这是用于本地链接的最适宜的路径。当我们要把当前文档与处在相同文件夹中的另一文档链接,或把同一网站下不同文件夹中的文档相互链接时,应该使用相对路径。 绝对路径 绝对路径就是被链接文档的完整URL,包括所使用的传输协议(对于网页通常是http://)。在创建外部链接(从一个网站的网页链接到另一个网站的网页)时,必须使用绝对路径。

知识讲解(三) 链接目标: _parent _self _blank _top 将被链接文档载入到新的浏览器窗口中。 将被链接文档载入到父框架集或包含该链接的框架窗口中。 将被链接文档载入与该链接相同的框架或窗口中(本选项是默认的,通常无须指定) 将被链接文档载入到整个浏览器窗口并取消所有框架。

知识讲解与操作示范(一) 制作“青果集团”网站创建各种连接: 1、外部链接:选中网页中的图像,在“属性”面板中设置“链接”属性“http:// www.91bjplan.com”。 2、内部链接:选中网页中的“信息反馈”,在“属性”面板中设置“链接”属性“biaodan.htm” 3、锚记链接:插入锚记标记(在顶部)----命名锚记(#top)---选择“返回顶部”----在“属性”面板中设置“链接”属性为#top 4、E-mail链接:选中网页中的,在“属性”面板中设置“链接”属性mailto:fykpig@163.com

知识讲解与操作示范(二) 5、跳转菜单:插入→表单→跳转菜单→设置跳转菜单列表,“美文欣赏”“信息反馈”→设置链接的网页 6、图像热点链接:选中页面中的图像,在“属性”面板中选择“椭圆形热点工具”,在图片中选出热点区域,在“链接”中选择合适图片。 7、导航条:插入→图像对象→导航条→设置导航条的各种状态图像。

课堂模仿 按演示案例完成“青果集团”网站的其他链接。 练习锚记链接 练习导航条的链接 练习图像热区的链接 练习e-mail的链接

疑难解析 问题1:链接的种类这么多,那么在什么情况下创建何种链接呢?

归纳总结 本单元重点、难点: 文本、图像、图像热区链接 锚记链接、e-mail链接、跳转菜单 导航条链接 通过创建链接,可以把Internet上众多的网站和网页联系起来,构成一个有机的整体。点击网页上的链接就可以在Internet上的网站之间相互跳转,“周游列国”。 本单元重点、难点: 文本、图像、图像热区链接 锚记链接、e-mail链接、跳转菜单 导航条链接

扩展性任务 为“后大学时代”网页添加各种链接

结束