.arch实训5 超链接应用.doc

【超链接应用】是网页设计中的重要组成部分，它允许用户通过点击文本或图像来访问其他网页、文件或者页面内部的不同位置。在这个实训中，我们将会深入理解和应用超链接的创建和使用。 我们来看**项目1：设计简易灯箱画廊**。在这个项目中，你需要利用提供的JPG图片和MP3文件来创建一个灯箱效果的画廊。当用户鼠标单击任一图像时，底部的浮动框架会显示被点击图像的放大版。这种效果通常通过JavaScript或CSS实现，通过设置超链接的`href`属性指向大图，并可能配合JavaScript事件处理函数来实现点击后的动态显示。确保每个图像都作为超链接，以便触发预设的交互行为。 **项目2：设计简易网站导航**，参照hao123.com的部分页面，你需要使用HTML的段落或无序列表结合超链接来创建类似的导航栏。超链接的`href`属性应该根据表1-3-1中的URL设置，这些链接将带领用户跳转到对应的网站。同时，超链接的`title`属性可以提供额外的提示信息，当鼠标悬停在链接上时显示。在实现这个项目时，你可能需要关注无序列表（`<ul>`和`<li>`）的样式调整，以达到期望的视觉效果。 **项目3：设计新生课程简介**，目的是创建一个展示新生课程的页面。这个页面应包含对各个课程的简介，如图1-3-7所示。这里用到了HTML的书签功能，允许在页面内部创建链接，让用户可以直接跳转到特定的课程介绍。例如，通过`<a>`标签的`href`属性设置为"#"加上书签ID，可以实现内部链接。每个课程的介绍都可以封装在一个带有相应书签ID的元素内，使得用户点击课程名称就能快速定位到相应内容。 这个实训涵盖了HTML的基本元素如`<a>`标签（用于创建超链接），`<img>`标签（用于显示图像），以及`<ul>`、`<li>`、`<p>`等结构元素的使用。同时，还涉及到页面布局和样式设计，这通常需要用到CSS来完成。对于更复杂的交互效果，如灯箱画廊，可能还需要了解和应用JavaScript。通过这些项目，你可以深入理解超链接在网页设计中的作用，以及如何结合其他HTML元素和样式技术来创建丰富的用户体验。