电子商务网页制作教学课件ppt作者谢嵘06课件.ppt

主编：谢嵘 项目导学 通过前面的学习我们了解到网页中基本要素包括文本和图像等，下面将详细讲解第三个基本要素：超链接。什么是超链接？它在网页中是如何体现呢？网站中包括一张张的网页，而将这些网页连接起来的纽带就是超链接，它可以是文本也可以是图像等。当我们用鼠标点击链接后会进入另一页面或是打开另一窗口。超链接由源端点和目标端点构成，源端点是创建了超链接的文件，目标端点是通过链接打开的目标网页，通过超链接实现了源端点到目标端点的跳转。 体验活动一：规规划“首页”页面超级链接 活动任务： 了解网站首页中各种类别的超链接。 活动指导： 登录“淘宝网”、“新浪网”等网站，看看这些网站的首页中是如何规划超链接的，并仔细观察有哪些类别的超链接。 体验活动一：规划“首页”页面超级链接 活动步骤： 登录“淘宝网”。仔细观察会发现首页中图文形式展现了该网站包括的所有栏目，最新公告信息以及商品类别等，首页中的每个区域的关键字都像书的目录一样清晰简明。 体验活动一：规划“首页”页面超级链接 活动步骤： 我们再来看看“新浪网”的首页，同样首页列出了所有包含的类别。 前面我们观察了两个首页的上半部分，我们再来看看网页的底部。“淘宝网”首页底部有进入其它网站的链接，比如“支付宝”等。。 体验活动一：规划“首页”页面超级链接 活动步骤： 点击首页底部的“联系我们”会进入这张页面中，该网页中有电子邮件地址。 超链接像一本书的目录，在规划首页的超链接时，也应尽量将网站的主要内容以关键字链接的方式在首页中体现出来。 活动小结 完成体验活动一后，填写下表 体验活动二：创建内部超级链接 活动任务： 用“浏览文件”按钮创建内部链接；用“指向文件”按钮创建内部链接。。 活动指导： 内部链接就是它指向的目标端为本站点内的文件。创建链接的操作并不算难，但一定要仔细，不能把链接的路径弄错了，否则进入的目标端点就是错误的。也可以用“指向文件”按钮创建内部链接，这样会更方便快捷。 体验活动二：创建内部超级链接 活动步骤： 选中要创建链接的文本。在页面中选择文本“热门书评”。 在“属性”面板中点击“浏览文件”按钮。 体验活动二：创建内部超级链接 活动步骤： 从“选择文件”对话框中找到要链接的目标网页“book.html”，单击“确定”按钮即可。 选中要创建链接的文本“热门书评”。 体验活动二：创建内部超级链接 活动步骤： 在“属性”面板中将鼠标定位在“指向文件”按钮上。 按住鼠标不放进行拖动，会出现一个箭头，将箭头指向右侧文件窗口中要链接的目标网页“book.html”即可。 体验活动二：创建内部超级链接 活动步骤： 链接创建后可以在浏览器中查看效果。 活动小结 完成体验活动一后，填写下表 体验活动三：创建外部链接 活动任务： 创建外部链接。 活动指导： 外部链接所创建的目标端点是外部网站，它是网站与网站间的跳转，在输入URL时一定要完整无误。这里我们用图像来创建一个外部链接。 体验活动三：创建外部链接 活动步骤： 用图像来创建一个外部链接，首先要选中创建链接的图像，比如选中“搜狐网”的图标。 在“属性”面板上的“链接”文本框中输入URL，例如：即可。 体验活动三：创建外部链接 活动步骤： 创建后可以在浏览器中预览，点击刚创建链接的图像后可进入“搜狐网”主页面。 活动小结 完成体验活动三后，填写下表 体验活动四：创建电子邮件超链接 活动任务： 直接输入地址来创建电子邮件超链接；通过“电子邮件链接”按钮创建电子邮件超链接。 活动指导： 在“体验活动一”中我们了解到什么是电子邮件超链接，在网页中创建电子邮件超链接可方便用户和我们联系。 体验活动四：创建电子邮件超链接 活动步骤： 在网页中选中要创建链接的文本“Mail:shucheng@”。 在“属性”面板上的“链接”文本框中输入“mailto:”和“shucheng@”。 体验活动四：创建电子邮件超链接 活动步骤： 在浏览器中预览，点击该超链接系统会自动启动“Outlook”程序。 体验活动四：创建电子邮件超链接 活动步骤： 将光标定位在“本站简介”和“售后服务”之间。 点击“插入”面板上的“电子邮件链接”按钮。 体验活动四：创建电子邮件超链接 活动步骤： 在弹出的“电子邮件链接”对话框中输入相关信息。在“文本”栏输入“联系我们”，“E-Mail”栏输入要链接的邮箱地址，最后单击“确定”按钮。 在光标定位的位置显示出文本“联系我们”，在“属性”面板上的“链接”文本框也显示出邮箱地址。 活动小结 完成体验活动四后，填写下表 体验活动五：创建锚链接 活动任务： 创建锚链接。 活动指导： 创建锚链接可以使我们点击链接后直接跳转到当前网页中指定的具体位置，或是另一网页中指定的具体位置，