任务1.2 网页元素学习

任务说明

小蕾知道构成网页最基本的元素是文字和图片，有的网页中还可能包含动画、影片、声音以及其他多媒体内容。但是，网页究竟可以包含哪些元素呢，可能许多人都不太清楚，因此了解相关内容是制作网页前需要解决的基本问题。

任务目标

知识目标：了解网页中常用的元素。

能力目标：理解制作一个网页所需要的组成元素。

任务分析

在本任务的学习中，小蕾详细了解了网页中可能出现的每个对象的名称、用法和使用效果，具体学习内容被分解成以下过程：

• 认识网页基本元素

• 认识网页多媒体元素

• 认识网页链接和导航

• 认识表单

实施步骤

第一步：认识网页基本元素

1.文本

网页中的信息以文本为主，因为文本可以准确地表达信息的内容和含义，一直以来也是人类最重要的信息载体与交流工具。在网页中使用文本时，可以设置文本的字体类型、大小、颜色和对齐等属性，以达到美化页面的要求。

2.图像

使用图像不但可以提供信息和装饰网页，还可以直观地展示作品的外观。通常用于网页的图像有三种格式：即GIF、JPG和PNG。目前，浏览器支持GIF和JPG文件格式的图像最好。

第二步：认识网页多媒体元素

1.动画

在网页中使用动画元素可以使网页更生动。常见的网页动画有两种：一种是GIF动画，另一种是Flash动画。GIF动画在早期的网页中应用相当普遍，虽然它只能表现出256种颜色，但制作动画却非常容易，常见的制作软件有Fireworks等。Flash动画具有极好的显示连贯性，可以加入声音，而且体积较小，比较适合应用于网页，常见的制作软件有Flash等。

2.音频和视频

网页中的视频和音频都是通过在网页中插入音频、视频插件来实现的。最流行的音频、视频格式有两种：一种是AVI；另一种是RM。两种格式都使用了压缩算法和流媒体技术进行传送。

第三步：认识网页链接和导航

1.超链接

超链接是在 Internet 上各网页之间进行跳转的媒介。可以将一个网页中的文本、图像或按钮等对象设置为超链接，并指向另一个网页或某个文档、图像、多媒体文件、可下载软件以及文档内任意位置的任何对象（包括标题、列表、表、层或框架中的文本或图像）、互联网上的其他站点。当把鼠标指针放在超链接上时，指针形状会变成“小手”状，通过单击超链接即可跳转到目标对象。

2.导航栏

导航栏的作用是引导访问者浏览站点。导航栏实际上就是一组超链接，其链接目标是本站点中的各个网页。导航栏既可以是文本链接，也可以是一些图形按钮，导航示意如图 1-1和图1-2所示。

第四步：认识表单

表单是访问者与网站交互的桥梁。网页中的表单通常用来接收用户在浏览器端的输入，然后将这些信息发送到用户设置的目标端，以实现收集浏览者信息并与其进行交互的目的。Internet上的许多功能都是通过表单来实现的。根据表单功能与处理方式的不同，通常可以将表单分为用户反馈表单、留言簿表单、搜索表单和用户注册表单等类型，如图1-3所示。