网页设计与制作_第8章 网站建设.pptVIP

第八章 网站建设 8.1网站设计的原则与页面风格 很多初学者把掌握网页制作软件的使用看作是网站制作的最基本的技能，但事实上并非完全如此，软件的掌握是短期就能够速成的，而且新的软件层出不穷，功能越来越强大，要全部掌握这些软件和功能是不可能的。然而，使用软件的是人必须有良好的网站设计概念才能创造出优秀的网站，这才是网站制作的核心。虽然软件是制作网站必不可少的工具，但是有一点不容忽视：网站设计者使用的制作工具大同小异，无论是初学者还是专家，大多数网站的建设人员都会选用诸如Dreamweaver，FrontPage，Fireworks，Photoshop，Photoimpact，ImageReady这些主流软件。为什么设计出的网站却在风格、形态上都有很大的区别呢？这正说明了网站创作的灵魂在于站点建设者对网站的规划、网站的风格及网站的概念的理解。 虽然一个网站的主要目的是给人们传递它的信息，但是与此同时还把它的文化同样也传递给获取这些信息的人们。比如，众所周知的263首都在线、新浪网、网易、ChinaRen等网站的页面设计都非常朴实，没有太多的花哨效果，运用普通的制作软件就能够制作完成，但它们的页面只需要看一眼就能够让人马上识别它是谁，这是因为它们不仅向访问者传达了新闻等网站的信息，更显示出自己独特的风格。 因此，想成为一名网页设计方面的专家，仅仅掌握网页设计软件是远远不够的，必须要从观念上、思想上把握网页设计的特点。下面将以一些著名的网站作为范例，逐个介绍商业网站、事业单位网站和个人网站设计的基本思想与风格。 8.1.1网站设计的基本原则 网站的设计基本上是按照一定步骤进行的。不同站点的开发人员有他们自己不同的习惯，对于网页设计有自己独特的见解。但一般来说，有一些原则是共同的，一些主要的概念也是相同的。仅仅会输入文本，制作超级链接和排列图片，不是真正意义上的网页制作，或者说不能够称为网页创作。因为网页制作最重要的一个原则是：创意。这个原则也可以看成是网页制作的根本，没有创意的网站不能算是成功的网站，而这样的站点也将不能长期存在。 除了创意之外，在网站设计时还需要考虑以下基本原则： 网页内容便于阅读。 站点内容要精、专和及时更新。 注重色彩搭配。 考虑带宽。 要适当考虑不同浏览器、不同分辨率的情况。 要提供交互性。 简单既为美。 针对上述几条原则，需要作如下解释，以便读者了解网页制作的概念。 1、网页内容便于阅读 网站最大的目的是发布信息，因此网页作为信息的载体就必须要做到便于阅读。网页能方便浏览者阅读和查找是网站服务的要求，但并不代表是把所有重要的信息都堆积在首页上， 方便浏览者的查找和阅读的根本在于科学地分类和组织。个人网站信息量少，几个超级连接就可以包含。而商业网站的信息量较为庞大，如：新浪、FM365、网易、263这样的网站，站点中的内容几乎无所不包，如何有条理地组织、放置超级连接，这就需要仔细考虑，其中包含了“层次”的概念，对如何有层次地组织内容将在后面的章节中单独进行讨论。 2、站点、页面色彩的搭配 如果色彩选用搭配不当，会影响网站的访问量。比如：采用高亮度的背景色或者前景色很容易让浏览者的眼睛感到疲劳，而且不利于整个网站风格的统一，同时也违背了网站的“简单即为美”原则。 3、浏览器与分辨率 网页的设计要做到在不同的环境下都能被浏览，初学者容易犯的大忌就是会忽视这一点。许多网页在一种浏览器和特定的显示分辨率下显示的效果不错，但换另一种浏览器和显示分辨率就不能正常地显示，所以在网页设计时要注意测试不同的浏览器和分辨率。基本要求是在IE4.0和Netscape4.0中都能有较好的效果，在分辨率为800*600和640*480中都能正常显示。 4、提供与浏览者的交互 近年来，站点的交互性越来越为人们重视。不仅商业站点的发展朝着高交互性努力，个人网站也开始通过加强交互性来赢得更多的访问者。这就是为什么个人网站空间提供商往往同时提供聊天室、电子论坛、留言板等服务的原因。 8.1.2站点的整体风格与层次 1、页面风格 网站所使用的主题图形、基本结构布局、色调和文字的样式等等都包含在网站风格的概念中。我们可以这样理解网站风格的概念：整个网站所采用的结构布局、色调、文字、标志和图案等要素留给访问者关于该网站的印象。 在访问者浏览一个网站时，虽然觉得这个网站的图形、文字并没有什么特别优秀的地方，然而这个网站却会使浏览者感到特别，这种特别让浏览者可以识别它，只要看到它就可以知道这个网站的相关内容。这里面正是“特别”的印象在起作用，整个网页设计的生命在于 “创意”。而创意的实质就是要把网站建设得具有自己独特的风格，让人一眼就能够识别。 2、层次 网站的层次是指主页面（首页或一级页面）和二级页面、三级页面之间的结构关系。大部分网站制作的初学者不够