sCITC 四川信息职业技术学院 开放课程 Webpage Design 网页设计与制作 可思色 合防 四川川信息职业技术学院精品开放共享课程
Information Technology College 四川信息职业技术学院开教共言话稻 中面设计与制作 单元4：超级链接的应用 授课教师：张俊辉
单元4：超级链接的应用 授课教师：张俊辉
S Sichuan Information Technology College 四川信息职业技术学院开枚共喜话移 中面设计与制作 重点 难点 Dreamweaver中如何 应用超级链接 超级链接的标记语法 格式 超级链接的标记语法 格式
重点 Dreamweaver中如何 应用超级链接 超级链接的标记语法 格式 难点 超级链接的标记语法 格式
SIT Sichuan Information Technology College 四川信息职业技术学院开教共亨4移 页设计与制作 一、简单个人网页分析 什么叫超级链接呢 欢迎光临我的个人网站 1.平常上网中超级链接现象 2. 案例网站的超级链接现象 提出问题： 这种效果是如何制作的哪？ 在这种效果下隐含了哪些知识点呢？
1. 平常上网中超级链接现象 2. 案例网站的超级链接现象 3. 提出问题： 这种效果是如何制作的哪？ 在这种效果下隐含了哪些知识点呢？
SIT Sichuan Information Technology Colleg 四川信息职业技术学院开枚共喜话稻 中面设计与制作 二、超链接示例制作 ◆丰富页面内容 操作演示锚 ◆为页面添加超级链接 点链接 2.插入>命名锚周 1选中文字里u8。" ,欢迎光临我的个人网站 对迎光临我的个人网站 在北招：联军方式边重价置比的面历 电自我介幅， 3.命名，确定。 山联系方式
◆丰富页面内容 ◆为页面添加超级链接 1.选中文字 2.插入->命名锚点 3.命名，确定
S Sichuan Information Technology College 四川信息职业技术学院开改共亨话移 中面设计与制作 二、超链接示例制作 操作演示内页、邮 件和热点链接等 超级链接 ☒ 文本：我的简历 确安 代国分时卖代吗E子视题位重.品。。 标的个人西 目标 标题 欢迎光临我的个人网站 访问键 Tb键引： 血轨金铝联系方式动画欣数我的面历 电自我介绍： 款wr 联系方式 bt2
SIT Sichuan Information Technology College 四川信息职业技术学院开教共享移 页设计与制作 三、超级链接的语法结构分析 ◆超级链接的组成 链接源 即指向目标的链接 链接目标 即被指向的目的地 ◆按照链接目标的路径分类： 内部 外部 锚点 链接 链接 链接 ◆还可以按照链接目标的对象不同进行分类
◆超级链接的组成 即指向目标的链接 即被指向的目的地 ◆按照链接目标的路径分类： ◆还可以按照链接目标的对象不同进行分类
SIT Sichuan Information Technology Colleg 四川信息职业技术学院开枚共喜4移 化面设计与制作 三、超级链接的语法结构分析 ◆常用超级链接的语法格式： -〈a href=“URL”>普通连接 -X/a>Emai l链接 -定义锚点 -〈a href=“#NAME”>锚点链接 注意路 径问题
◆常用超级链接的语法格式： – 普通连接 – Email链接 – 定义锚点 – 锚点链接
Information Technology College 四川信息职业技术学院开枚共喜让移 中面设计与制作 课后小结 ◆本节课通过实例分析了超级链接的： 概念 分类 应用 ◆要求学生掌握： -Dreamweaver中超级链接的应用 一常用超级链接的基本语法格式
◆本节课通过实例分析了超级链接的： ◆要求学生掌握： – Dreamweaver中超级链接的应用 – 常用超级链接的基本语法格式
SIT Sichuan Information Technology Colleg 四川信息职业技术学院开教共亨保稻 化页设计与制作 模仿练习题 模仿课堂中讲解的示例在个人网页添加超级 链接，观察各代码所表示的意义。 要求： (1)创建页面的锚点链接； (2)包含一个具有下载效果的超级链接； (3)包含一个电子邮件的超级链接 (4)创建图片的热点链接
模仿课堂中讲解的示例在个人网页添加超级 链接，观察各代码所表示的意义。 要求： （1）创建页面的锚点链接； （2）包含一个具有下载效果的超级链接； （3）包含一个电子邮件的超级链接 （4）创建图片的热点链接