【预备知识】
3.1 插入网页元素
常见的网页元素包括文本、图像、超链接、表格、表单、媒体元素(如动画、声音、视频)等,它们的插入方法类似,均可使用插入面板、菜单命令进行,也可直接在代码视图中添加相应的代码。
3.2 网页中的图像
大多数浏览器(如IE和NC)都支持JPEG和GIF图像。此外,它们的高级版本还支持PNG图像。到底该用哪一种图形格式?结论是:比较大或颜色较多的图像就用JPEG格式;比较小或颜色较少,而且需要有特殊功能的图像就用GIF格式。PNG格式的图像具有JPEG和GIF格式的优点,但文件较大,而且其特有的ɑ通道至今没有任何浏览器支持,所以PNG格式使用较少。GIF还分为GIF87a和GIF89a两种格式,一些特殊的功能(像透明背景)则是GIF89a才有的。一般选择同一种效果下文件比较小的为宜。下表是3种格式的图像特性比较:
表3-1 图像特性比较
3.3 Flash动画
Flash动画可使网页更生动、更富表现力,它是一种高质量的矢量动画,它体积小、单画面逼真、音质优美,目前已成为Internet上矢量动画的事实标准。要在浏览器中放映Flash动画,必须在浏览器中集成Flash播放器。目前最新版本的 Netscape Navigator和 IE都已内置了播放Flash动画的播放器。
3.4网页中的超链接
超链接(或称链接)是WWW的魅力所在。通过单击网页上的链接,我们就能在信息的海洋中尽情邀游。
1.链接的类型
根据链接所用对象的不同划分为:
l文本链接:用文本作为链接对象进行链接
l图像链接:用图像作为链接对象进行链接
l图像映射:用图像上的某块区域作为链接对象进行链接
根据链接目标的不同划分为:
l网页链接
l图像链接
l锚记链接:同一网页或不同网页指定位置的链接
l邮件链接:打开填写电子邮件表格的链接
l空链接
l脚本链接
根据链接范围的不同划分为:
l内部链接:在同一站点文档之间的链接
l外部链接:不同站点文档之间的链接(包括协议,如http://)
2.链接路径
每个网页都有一个唯一的地址,称为统一资源定位符(URL,Uniform Resource Locator)。然而,当创建内部链接(同一站点内一个文档指向另一个文档的链接)时,一般不必指定被链接文档的完整URL,而是指定一个相对于当前文档的相对路径。
文档路径类型可分为3种:
(1)绝对路径
被链接文档的完整URL(包括所使用的传输协议,如http://)。例如:http://www.tzpc.edu.cn/page/contents.htm是一个绝对路径。创建外部链接时必须使用绝对路径。
(2)文档相对路径
以当前文档所在位置为起点到被链接文档经由的路径,常用于内部链接中。例如,image/aaa.gif,abc1.htm,../abc2.htm均是文档相对路径(其中,“..”表示父文件夹)。
注意:指定文档相对路径时,我们省去了当前文档和被链接文档的绝对URL中相同的部分,只留下不同的部分。
(3)根相对路径
从站点根文件夹到被链接文档经由的路径。它以正斜杠开头,代表站点根文件夹。例如,/page/contents.htm就是站点根文件夹下的page子文件夹中contents.htm的根相对路径。当两个文档之间的路径关系复杂时用之,避免了多个“..”的使用。而对一般的Web站点,没有必要用之。