基于HTML的網页制作.docVIP

基于HTML语言的网页制作 摘 要：网页是网络的重要组成，对于网页制作中的一些特殊需求，使用FrontPage等工具较难实现，需要对网页有较为深入的了解并利用HTML 语言实现网页制作. 本文介绍了基于HTML 语言的网页制作方法，通过具体的实例应用，阐述了网页制作过程，并详细介绍了背景音乐、表格、JavaScript 特效、子网页等部分的制作。从网页制作实例着手，简介了HTML 语言的使用方法。 关键词：HTML 语言；网页制作；JavaScript 引言 网络依赖网页与用户进行交互，是网络的重要组成，目前有许多工具软件进网页设计，入FrontPage 等，不过对于一些特殊的需求，使用这些工具较难实现。为了避免千篇一律，为了实现一些特定的效果，需要对网页有较为深入的了解。 网页实际上是利用一种由本地计算机解释并运行的多媒体载体，之所以让本地计算———就是用户使用的计算机———来解释，原因是不让网络承受太多的负担，尽可能使得需要由网络来传输的信息减到最少，为此发展了一种语言：HTML（Hypertext Markup Language 超级文本标记语言），从字面上我们已经可以看出它的特点，首先，是一种文本，其次，是标记性的。这是说，我们通过一系列的由文本构成的特殊标记，就可以制造网页，当然，现在要讲的就是如何不利用任何例如FrontPage 等的工具，纯粹由手工编写代码来构建网页，从而揭示网页真正的面貌，为将来制作优秀的网站提供理论基础，达到知其所以然的目的。 二、HTML简介 HTML（HyperText Mark-up Language）即超文本或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网文档的。HTML文件是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文件的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 HTML文件是可以被多种网页浏览器读取，产生网页传递各类资讯的文件。从本质上来说，Internet（ 互联网）是一个由一系列传输协议和各类文档所组成的集合，html文件只是其中的一种。这些HTML文件存储在分布于世界各地的服务器硬盘上，通过传输协议用户可以远程获取这些文件所传达的资讯和信息。 html head title网页的标题/title /head body …This is a Test. /body /html 建立一个文本文件，比如Test.txt，将上面的内容拷贝到里面，保存关闭，然后将它的后缀改为html 或者htm，这时发现它的图标已经变为网页的图标，Windows 会自动把后缀为html 或者htm 的文件认为是网页，这时用IE 来打开的话，一个简单的网页已经出现了。如图所示，左边是文本形式，也就是网页的实际代码，右边是网页形式，如图1 所示。 HTML 里使用的关键字都是成对出现的，比如html与/html，body与/body，前面 一个标记没有斜杠“/”，这表示开始，后一个有斜杠的表示结束，关键字放在“”里面，一个网页的整体就用html与/html来标明，说明了包含在两个标记内的内容是网页，用head/head表示其中的内容是网页的头部，用body与/body标明网页的主体。 图1 文本的网页编辑效果 三、设计过程 网页的主要内容都是在主体完成的。 打开主页后会听到背景音乐，文字“欢迎光临我的网站”会不停变换颜色并跳动，下面 介绍性的文字会象电影字幕一样的淡入淡出，背景上有雪花不停地从右上方飘落到左下 方。 文字上面的“结庐人境”和“SKY”是GIF 图片，使用Cool 3D 制作，也可以用其他图片；在左边有四个绿色选项，分别指向四个子网页，当鼠标落在其上时，菜单会变为蓝色；绿色下面是站主标志；为追求美观，文字部分使用了JavaScript。 这些效果具体实现的步骤如下： 1）背景音乐。网页可以播放多种格式的音乐，通常使用mid 格式的音乐，在body中，加入语句bgsound src=路径 loop=播放次数，其中，路径使用相对路径，比如./Music/music.mid，不使用绝对路径，比如c:/abc/a.mid；播放次数可以设为较大的数字，比如999，这样音乐将一直反复播放。 2）表格。表格用table/table表示，是网页的必要组成部分，网页的多种排版式样基本上都可由表格实现。通过表格，我们可以将网页划分为不同的区域，再在各区域中放入不同的内容，然后将表格的边框设置为0，可以进行各种排版，如图3 所示。在表格中，使用标志tr/tr来定义表的一行，在其中使用th/th定义表头，使用td