HTML5+CSS+JavaScript 网页布局从入门

有了前面几节的知识，在制作网站时还要特别注意以下问题，这样才能保证开发网站的实用性。

1.网站版式的设计

网站作为一种视觉语言要讲究编排和布局，虽然首页的设计不等同于平面设计，但它们有许多相近之处，设计人员应充分加以利用和借鉴。版式设计通过文字、图形的空间组合表达出和谐与美。一个优秀的网站设计者要知道每一段文字、图形该放在何处，才能使整个网站生辉。多页面站点的编排设计要求把页面之间的有机联系很好地反映出来，特别要处理好页面之间与页面之内的秩序。通常为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。

2.网站形式与内容的统一

要将丰富的内容和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。例如对称原则的均衡性有时会使页面显得呆板，但如果加入一些富有动感的文字、图案或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面是视觉语言中的基本元素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网站设计中点、线、面的运用并不是孤立的，在很多时候都需要将它们结合起来表达完美的设计意境。

3.三维空间的构成和虚拟现实

网络上的三维空间是一个假想空间，这种空间关系需借助动静变化、图像的比例关系等空间因素表现出来。在页面中，图片、文字前后叠压，或页面位置变化所产生的视觉效果均不相同。图片、文字前后叠压所构成的空间层次目前还不多见，网上更多的是一些设计比较规范、简明的页面，这种叠压排列能产生强节奏的空间层次，视觉效果强烈。网站上常见的是页面上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。目前，人们已不满足于HTML语言编制的二维Web页面，三维世界的诱惑开始吸引更多的人。

4.多媒体功能的利用(www.xing528.com)

网络资源的优势之一是多媒体功能，如果要吸引浏览者的注意力，页面的内容还可以借助三维动画、Flash动画等来表现。但要注意，由于网络带宽的限制，在使用多媒体的形式表现网站的内容时应考虑客户端的传输速度。

5.网站测试和改进

网站测试实际上是模拟用户询问网站的过程，用于在测试中发现问题并改进设计，要注意让用户参与网站测试。

6.内容更新与沟通

网站的Web站点建立之后要不断更新内容。站点信息的不断更新能让浏览者更多地了解企业的发展动态和网上职务等，同时也会帮助企业建立良好的形象。通常在企业的Web站点上要认真回复用户的电子邮件和传统的联系方式，如信件、电话咨询和传真，做到有问必答。最好将用户的用意进行分类，如售前一般了解、售后服务等，由相关部门处理，使网站浏览者感受到企业的真实存在并由此产生信任感。需要注意的是，不要许诺实现不了的东西，在真正有能力处理回复之前不要恳求用户输入信息或罗列一大堆自己不能及时答复的问题。如果要求浏览者自愿提供其个人的信息，应公布并认真履行个人隐私及承诺。

7.合理运用新技术

新的网站制作技术层出不穷，但网站设计者一定要合理地运用网站制作新技术。对于网站设计者来说，永远要记住用户方便快捷地得到所需要的信息是最重要的。网站设计者必须学习掌握网站设计的新技术，如HTML5、APP开发等，然后根据网站的内容和形式合理地将新技术应用到设计中。