网页制作技巧研究

李洁

摘要：随着计算机的普及，以计算机网页为载体的信息传递也得到了越来越多的重视，网站也成为了各类公司或者企业的宣传窗口，成为了企业公司完成自身产品销售的重要渠道，从而网页制作也有了巨大的发展空间，同时也有许多的电脑爱好者开发了个人网页，因此网页制作和维护也成为了目前计算机领域的一种热门课题之一。本文总结研究了一些网页制作的技巧，并对网页制作和建设过程中一些需要注意的问题进行总结。

关键词：网页制作；网站；HTML语言1网页的制作要点

1.1 制作原则

制作网站最突出的特点是要具有鲜明的主题，要有突出的特色，在这个基础上再加上简洁明了的语言或者图片，对主题进行画龙点睛的修饰，就可以制作出一个成功的网站。但是想制作出一个优秀的网站，还需要进一步的收集一些与网站有关的素材，在对网站制作的时候还可以充分的利用一些可以表现网站主题的技巧，就可以展现出网站的特色。

1.2 制作要求

在网站的设计过程中，应当尽力的做到简洁明了，在网站中不能加入一些与自身主题无关的信息，要做到网页的浏览者可以对网站的主题一目了然。同时，在制作网站时，网站设计师还可以加入一些简单的关键词或者图像，以此来吸引网民的眼球，甚至留下深刻的印象。

2网页的制作技巧和方法

2.1 技巧性的运用表格

运用表格可以将文本和图片设置到网页中的任何地方，而且不会影响到不同元素之间位置设置，使网页结构更加的紧凑美观，即表格可以起到充分的定位作用，将文字和图片进行准确合理的布置和排版。需要注意的是，在表格边框的处理中，要选择绝对的定位方式，这样可以使表格效果不会受到显示分辨率的影响。

2.2 技巧性的编写HTML代码

编写HTML代码可以使网页产生一定的动态效果，因此想要制作出完整生动的页面，就必须要技巧性的编写HTML代码。例如，要制作出一个简单的“跑马灯”效果，一般情况下的制作方式为，首先在表格中输入需要的文字，并设置成实现设计好的字体颜色等属性，在设置成功之后将目标文字加入到HTML代码的编写窗口中，再进行相应的编程，编程完成之后就可以让文字呈现出“跑马灯”的效果，这是在代码窗口中，新输入的文字就会显示出选中的状态，文字移动的方向也同样可以通过代码进行设置。具体的字体跑马灯解析如下所示：

color:white →公告欄背景白色

bordercolor="#FF9900">→框线颜色(橘色)

→可有可无 face="新细明体" size="2">→文字字体大小 direction= 'up' →文字跑马灯向上 跑马灯移动： 往左=left 往右=right 往上=up 往下=down 左右=alternate width='105' id=xiaoqing height='120' →跑马灯公告栏宽高 onmouseover=xiaoqing.stop() onmouseout=xiaoqing.start() style="color: #0000FF; font-size: 10pt; font-weight: bold; font-family:新细明体">文字跑马灯公告栏 在这输入文字内容

跳行语法

2.3 技巧性的运用颜色

网站的设计中还需要制定一个鲜明的主题。网站具有自己鲜明的特点，一方面可以加深网民对于网站的印象，另一方面还可以使网站的内容更加的丰富多彩。在网站的主题确定之后，可以加入一些适当的配色。

3总结

在网页的制作过程中，肯定会涉及到图片的使用，但是在网页预览或者网页发布之初这些图片可能会出现无法显示的情况，出现这个现象的主要原因可能是由于路径的原因造成的，也可能是由于在网页制作过程中，图片命名不够准确引起的。如果是由于图片路径引起的这个现象，可能是由于图片的文件并不在网页的站点内，只要在制作过程中，将图片存入相应的文件夹中，才可以从根本上改变图片的路径，从而杜绝路径引起的网页制作问题。但是如果图片本来是在站点内仍然无法显示，这可能是由于图片命名使用的中文造成的，这种情况比较容易解决，因此我们可以看出，在网页制作过程中，图片只识别英文字母、数字以及下划线等符号，并不识别中文。

[参考文献]

[1]周月芝.结合理念在网页设计中的应用.中国市场,2009.

[2]彭杰.浅谈Frontpage网页制作实用技巧.数字技术与应用,2013.

[3]金颖.《新编网页制作三合一教程》.中国铁道出版社,2006.