HTML语言的网页制作技巧与方法分析

    王闯

    摘要：随着网络的普及，人们已经进入了信息时代。制作网站的目的是实现信息传递，使人们看到自己想要的内容，所以在制作网页的过程中要考虑自己要做出一个什么样的网页，这个网页要实现什么目的，从而来吸引浏览者的注意力。一个出色网页的制作有很多方法、方式，灵活掌握一些设计和制作技巧，可以使网页更加完善。

    关键词：HTML；网页制作；制作技巧

    如今制作网页有好多种方法，有直接借助工具的如Dreamweaver，还有直接用HTML编写的，笔者认为不管是否借助任何工具来制作网页，必须以HTML为基础，这样才能设计并制作出比较完善的网页。一个好的网站在设计和制作的过程中要遇到各种各样的问题，不但要注意网站的风格特点，还要考虑网页的实用性和有效性。下面介绍用HTML制作网页的重要性和一些在网页制作中常用的技巧。

    1用HTML制作网页的特点和好处

    HTML是“Hyper Text Markup Language”的缩写。它不仅是目前在网页设计中，所使用的最基本的标记语言，也是用于创建可从一个平台移植到另一平台的超文本文档的一种简单标记语言。人们所编写的网页，都要遵循HTML的语法，否则，一般常见的浏览器如Netscape及InternetExplorer便不能正常地诠释或显示该网页。现在很多HTML的编辑器，都是透过跟文字处理器相似的接口来编辑网页的。

    HTML是Web网页开发的基础，它其实是组合成一个文本文件的一系列标签，可以利用它来定义网站中的文章内容、标题、连结、图片等，让浏览器知道网站整个架构的呈现。浏览器通过对这些标签的解析，来呈现给我们最终格式化的网页效果。

    HTML文档制作并不复杂，而且它的功能很强大。HTML其实就是文本，只要有编辑器就能编写，编写后只需要用浏览器来翻译就可以了，它支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，其主要特点有如下几点。

    （1）简易性。HTML版本升级采用超集方式，从而更加灵活方便。

    （2）可扩展性。HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。

    （3）平台无关性。虽然Pc机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。

    现在虽然有很多编辑器，设计者可以完全一点不懂HTML的知识也可以做出网页，这类软件主要有Frontpage，DREAMWEAVER。但是如果熟悉了HTML会有以下多种好处。

    （1）很轻松自由的修改自己的网站、博客的网页结构及网页格式。

    （2）可以学习并利用别人网页技术。通过保存其他网站页面源代码，适当的修改并制作出自己想要的网页效果。

    （3）能很轻易的把一张漂亮的PSD源文件切割制作成网页，并制作出自己想要的效果。

    （4）动态网站编程语言如PHP、ASP、NET、JSP等，都离不开HTML。

    （5）可以对自己的网页进行加密设置，有效的防止了网页木马。

    （6）可以很轻松的对网页更新维护和改版。

    2常用的几种技巧方法

    （1）制作网页要有目的性。制作网页并不是茫无目的的，要知道需要什么样的读者。如果读者喜欢听歌曲，可以在网页中适当的添些音乐；如果读者是特别懒的人，那么网页的尺寸就不要太大，网页的链接就不要太多；如果读者是纺织工人，那么血红色和黑色最好不要选择。也就是说要了解用户群的心理，才能使网页得到用户的喜欢。

    （2）网页要简洁、大方。简洁并不等于乏味，一个好的网页设计不光只是看起来好看而已，还要是用户友好型的。一般来说，一个干净、简单的网页设计最终会成为一个可用性高的网页设计，因为它在与用户的交互中不会使其产生混淆。如果页面上有太多的网站功能和组件，将会分散浏览者的注意力，这样就失去了原本浏览网站的目的。应该把技术和效果用在适当的地方，用在有效信息上，让访问者关注他们想关注的东西。

    （3）点击次数要少。一般情况下，点击的次数不要超过3次。如果用户点击了一次/一次还没有找到自己想要的内容，加之，当用户深入网站查找需要的信息最后却摸不着头脑了，会怎么办？他们肯定不会原地兜圈，那么他们会放弃浏览此网站而去别的地方继续冲浪，可能也就再也不会回来了。

    （4）巧妙的使用字体。在制作网页过程中，漂亮的字体必不可少。但如果访问者的浏览器没有安装同样的字体，那么看到的网页会是很普通的字体。解决这种问题的方法是在FONT标签中的FACE属性中填写多个字体，这样浏览器会按照FACE中字体的顺序设置已安装的字体。

    （5）在网页中添加注释。为了更好的测试某段代码的效果，在适当的位置要添加必要的注释，特别是在多人共同开发的网页中，添加注释可以更加明确代码含义并避免代码混淆。

    （6）每个网页的命名要简单。一个网站是由多个网页组成的，它包含一个主页和多个子页，每个页面都要有一个具有代表性且简单易记的名字，这样才可以有效的把每个页面连接起来。这样不仅方便以后管理网页，而且别人会很容易在向搜索引擎中索引到你提交的网页。在给网页命名时，不要用数字开头的名字，也尽量不要使用中文，最好使用常用的或符合页面内容的小写英文字母，这样连接才不容易失败。

    （7）要善于使用表格来布局页面。不要把一个网页的内容像写汇总材料似的直接显示出来，要善于用表格来布局和定位，以便安排网页中的各个内容。一个页面可以用多个嵌套表格，这样能更好的把网站内容的层次性和空间性突出显示出来，使浏览者一眼就能看出你的网站重点突出，结构分明。

    （8）要合理的摆放网页元素。不要试图把太多的元素硬塞到一个页面中，随意再增加一个元素都可能破坏整体的视觉效果。适当留一些空白，给眼睛留有呼吸的时间。一般要在元素之间留有一些空白区域，确保元素之间不会离的太远，也不会离得太近。尽量把设计元素排在一条直线上，这条是所有图形设计规则的基础。

    （9）动画不要太多。用GIF动画的确很吸引人，但是过多的使用会干扰人们的视线，甚至会产生厌烦。同样尺寸的图片动态的要比静态的容量大很多，会影响网页的下载速度。因此我们在选择图片时尽量选择静态图片。

    3结语

    不管大家使用什么样的方法来制作网页，如果不懂灵活使用HTML，那么就制作不出灵活、功能齐全的网页。制作网页过程中会遇到很多问题，有些制作技巧会达到事半功倍的效果。文章在讨论了HTML在网页制作中的重要性的前提下，又提供了一些制作技巧，它们在网页的制作中是不应该被忽略的。网页的制作技巧有很多，本文只提到了一部分常见的，希望对大家有所帮助。