网页设计与制作教学资料项目5超链接的创建

《网页设计与制作教学资料项目5超链接的创建》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、项目5超链接的创建——理论部分回顾■查看HTML文档源代码方式有哪几种？■HTML文档的结构主要包括哪几部分？■解释常见的文本相关标记的含义。■解释图像标记常用属性的含义。■解释移动标记主要属性的含义。目标•:•会创建内部链接•:•会创建外部链接♦会修改页面中的相对/绝对路径相关理论一链接介绍•讲解■链接的作用和意义■绝对路径和相对路径■链接类型•内部链接■浏览内部文件■电子邮件链接■指向文件链接■创建命名锚记•外部连接♦为外部文件键入或粘贴URL•:•理论案例1一首页到商品展示页的链接♦需求描述■页面之间链接♦涉及的知识点■文本链接•:•相关理论1

2、一创建文本链接的方法及其属性▼I住■1駅—3旺3旦b£）111111［縄■处Elul刁9」1禅网祠大伸別酥创［融匸申謝目肛日•讲解■创建文本链接的方法■链接常用属性介绍■相关理论2—文本链接对应的HTML代码讲解文本链接对应的HTML代码■手机充值v/a>•:•操作步骤（演示并讲解》（1）选中文本（2）输入要链接到的HTML文档（2）设置目标打开方式（4）保存完成案例1理论案例2—展示页到详细信息页的链接（讲解实现思路》♦需求描述■页面之间链接❖涉及的知识点

3、■图像链接小结❖举例说明绝对路径与相对路径区别。♦简述创建文本链接的方法。❖简述图像链接与文本链接的异同。相关理论1一创建图像链接的方法•讲解“阿::完成效果•选中图像，在属性检查器中“链接”文本框中输入要链接的页面•右击要创建链接的图像◊选择“创建链接”■创建图像链接的方法•相关理论2—图像链接对应的HTML代码•讲解•图像链接对应的HTML代码

4、=M74nborder=M0M/>一♦操作步骤(1)选中文本(2)输入要链接到的HTML文档1)设置目标打开方式(4)保存完成案例1理论案例3—锚链接和电子邮件链接♦需求描述■客服页的锚链接和电子邮件链接♦涉及的知识点■锚记链接■电子邮件链接相关理论1—锚记链接■讲解■创建锚链接的方法■锚记链接对应的HTML代码……如何免费注册为会操作步骤(演示并讲解相关知

5、识〉(1)插入命名锚记(2)创建锚链接(3)给文本“返回”添加锚记链接相关理论2—电子邮件链接■讲解■创建电子邮件链接的方法■选择菜单“插入记录P“电子邮件链接"■选择“插入，'栏的“常用'，类别中的“电子邮件链接"图标■在属性检查器中“链接"文本框中输入电子邮件地址■电子邮件链接对应的HTML代码联系我们v/A>■操作步骤(1)选中文本(2)输入E-mail地址(3)保存完成案例3总结并布置作业•绝对路径与相对路径的区别与联系。•简述创建文本链接的三种方法。•简述

6、创建图像链接的两种方法。•简述创建电子邮件链接的三种方法。•解释锚记链接适用的场合。上机部分项目5超链接的创建相关理论回顾•:•什么是文本链接？•:•什么是图像链接？•:•创建锚记链接的过程。•创建电子邮件链接有哪三种方法?上机目标•:•拍拍网部分链接的制作•拍拍网商品购买页布局搭建•:•拍拍网客服页的制作令•■人PfXMl•声■■芋戈wwz住jghninWB♦mu・*・rMh^a>iMpiunN・twn♦mu・*・rMh^a>iMpiunN・twn敬助中心•HlUgMtTWlUg实练案例1—拍拍网部分链接的制作♦需求描述■给页面中的文本和图像创建链

7、接•实现思路■选中文本或图像■创建文本链接■创建图像链接•实练案例2—拍拍网商品购买页布局搭建♦需求描述■搭建购买页面布局，并创建图像链接•实现思路■对购买页面进行布局■打开商品详细信息页■为图像创建链接❖实练案例3—拍拍网客服页的制作♦需求描述■制作拍拍网客服页面，并添加文本链接、电子邮件链接和锚记链接•实现思路■使用表格对客服页进行布局■创建文本链接■创建电子邮件链接■创建锚记链接共性问题集中讲解总结并布置作业