浅谈网站设计分析与网页制作

华磊 许长安

摘 要：网络作为当前信息化时代最大的信息传播平台，越来越多的商家和个人开始重视建立自己的网站，面对新的形势，经过深入研究、积极探索，大胆实践，在各项工作的基础上，充分运用网络技术这一现阶段科技手段，拟筹备建立网，并以网站为载体积极开展工作，为工作增添了新技术。本文结合在网站设计方面的经验谈一下网站设计与制作的流程。

关键词：网站；设计分析；制作

随着科学技术发展和网络的运用，计算机网络为人们的生活打开了一片新的天地创新了人们的生活方式而网站为人们提供了丰富多彩的信息。一个网站不但要做到操作方便，引人入胜，趣味盎然，还要告诉浏览者它的用处，这些设计都是有讲究的。

1 网站建设的作用和意义

互联网作为连接世界各地计算机的全球性信息化网络，它的传输内容是非常丰富的，涉及到全球的各个领域，是人们了解世界、掌握信息的主要渠道之一。网站作为信息时代基层的一个重要窗口，是院务公开、公正、服务职工、惠及民生的重要手段。办好网站，对于保障职工合法权益、增加职工之间互相的透明性、加强自身建设、提升知名度和影响力都具有非常重要意义。

2 网站设计分析

文字、图形、色彩是展示网站内容的重要组成部分，是构成网站传达信息不可或缺的手段，同时也是用户对网站第一印象和整体风格关注的主要内部分。要想设计出符合人性化需求的网站，只有多为用户着想，认真地以用户的切身体会出发去完成网站的整体设计。当然，在设计过程中需要考虑的因素很多，用户群因素和界面因素是首要考虑的两个方面。

3 网页制作

3.1 选择合适的网页设计软件

当前能使用的网页设计类软件很多，而选择一个功能强大、操作简单的软件则会让你事半功倍。对于网页制作软件来说，初学者最常使用是Frontpage和Dreamweaver，Frontpage是微软公司出品的一款网页制作入门级软件，FrontPage使用方便简单，会用Word就能做网页，所见即所得是其特点，该软件结合了设计、程式码、预览三种模式。Dreamweaver是美国MACRO～EDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出充满动感的网页。此外，制作网站还要用到边缘性软件，如photoshop、flash等，网页设计过程中可根据自己的需要灵活运用这些软件。

3.2 选择网页内容

前期的框架设计好后，就要为这个网站选择内容了。网页内容影响着网站的成败，所以我们要多花一些心思在内容制作上。内容选择要选有新意的、独特的，这些可以从图书、报纸、互联网等信息媒介搜集素材，素材通常分为三类一一文字、图片、影像。素材准备得越多越好，再从这些素材中粗中取细， 以备制作网站时可以随时拿来使用。总之，网页内容是网站的根本，如果内容空洞，页面制作的再怎么精美，仍然不会留住访问者。

3.3 运用网页设计中的色彩

不同的色彩搭配产生不同的效果，反映出不同网页的文化内涵。因为它能产生强烈的视觉冲击，所以确定网页的色彩是相当重要的一步。在网页的色彩设计上，除了要表现心理和感情联想之外，还要考虑色彩的对比明暗、轻重、冷暖、调和色和纯度对比色的应用等等。合理的用色可以让信息的传递更有价值，使网页更有效和准确地把信息传达给我们的视觉。

4 网页制作中的注意事项

⑴网页要一页一页制作，切不可图快，没考虑清楚就下手只会让后面的修改工作更辛苦，首先要制作主页，把主页上的页面的编排、色彩的搭配、链接的方式都设计好后，再以 它为基础，通过变更文字和图片等内容建立其它子页，可以利用模板批量创建子页，使用模板的好处是一一同一个模板创建下的网页，对它的更新和修改可以一次性完成。这样可以大大提高制作效率，使网站形成统一的风格。

⑶使用链接到每张图片的缩略图是提供有大量图片的图库时常见的一种策略。缩略图也就是图片的缩小版本，可以让浏览者看到众多的图片。但是，在展示缩略图时，切记不能将缩略图做得太小，因为缩略图做得太小网站的访客就无法从中获取有效的信息。

⑷合理采用JPg和gif格式也是至关重要的，色彩鲜艳高分辨率的用JPg，图片色彩单调的及在256色以内的最好把它处理成gif图像格式。图片大小尽量不要超过30k，小图片（1OOx40）一般可以控制在6k以内，较大的图片可以“分割”成小图片。

⑸为图片加注解。图片的下载较慢，在没有显示出来时注解的标注有助于让浏览者知道这是关于什么的图片，是否需要等待，是否可以点击。

5 结语

网站的设计与制作谈起来很简单，但要制作出真正有创意、经典的网站不是一件容易的事情。网页设计需要不断的实践，不断的学习，不断的丰富、创新网页制作的方法，不断完善、提高自己网站设计的能力。

[参考文献]

[1]赵锡源.论网站艺术设计[J].新闻爱好者。2010（1）.

[2]辛旭武，李韶斌.基于PHP的体检网站设计[J].中国卫生信息管理杂志，2012，（02）：62-64.

[3]志国网页编程基础[M].北京：清华大学出版社.