基于ASP的网站设计 - 图文(7)

3、杂合型

杂合型的页面结构是前两种页面结构的组合，许多人见到的页面结构也常常是属于杂合型的，在此文章中设计的网站页面也是杂合型的。因为一个设计合理的页面往往不是单纯的一种结构。

其实Web页面的结构是多种多样的，并不局限于以上的几种。但是万变不离其宗，只要掌握好上面的三种页面结构就可以了。 4.1.2页面布局及颜色搭配

在网页设计时，要注意颜色的搭配和统一，作者设计的网页用淡雅的颜色作为页面的基本颜色，在导航、标题处淡橙色以引起视觉的注意，同时也使的页面结构清晰，内容分类鲜明。有文字的地方用很淡的黄色作背景色以衬托较深的字体颜色。所有的页面只用几种颜色，这样看起来给人一种统一、整洁的美感。

在导航条上，按照一般的网页设计风格，放置网站图标和动画。如果网站想做的有个性，就需要较强的美工能力。

对于版面布局的技巧，这里提供四个建议，设计者可以自己推敲： 1、加强视觉效果

2、加强文案的可视度和可读性 3、统一感的视觉

4、新鲜和个性是布局的最高境界

网页的颜色最好与网站内容相关，因为不同的颜色会给浏览者不同的心理感受。例如：

? 红色---是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。

? 绿色---介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。 它和金黄，淡白搭配，可以产生优雅，舒适的气氛。

? 橙色---也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。 ? 黄色---具有快乐，希望，智慧和轻快的个性，它的明度最高。

? 蓝色---是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，浪漫的气氛(象天空的色彩:)

? 白色---具有洁白，明快，纯真，清洁的感受。 ? 黑色---具有深沉，神秘，寂静，悲哀，压抑的感受。

? 灰色---具有中庸，平凡，温和，谦让，中立和高雅的感觉。

每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。以绿色为例，黄绿色有青春，旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。

经过资料搜集，推荐以下几种配色方案：

1.用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将 色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。

２１

2.用两种色彩。先选定一种色彩，然后选择它的对比色。

3.用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

4.用黑色和一种彩色。比如大红的字体配黑色的边框\。 在网页配色中，忌讳的是：

1.不要将所有颜色都用到，尽量控制在三种色彩以内。

2.背景和前文的对比尽量要大，以便突出主要文字内容，绝对不要用花纹繁复的图案作背景。

随着设计者们网页制作经验的积累，用色有这样的一个趋势:单色->五彩缤纷->标准色->单色。一开始因为技术和知识缺乏，只能制作出简单的网页，色彩单一；在有一定基础和材料后，希望制作一个漂亮的网页，将自己收集的最好的图片，最满意色彩堆砌在页面上；但是时间一长，却发现色彩杂乱，没有个性和风格；第三次重新定位自己的网站，选择好切合自己的色彩，推出的站点往往比较成功；当最后设计理念和技术达到顶峰时，则又返朴归真，用单一色彩甚至非彩色就可以设计出简洁精美的站点。 4.1.3 网站设计思想

通过网站，全面宣传，展示学校风采、优点与特色，发布学校的重大活动安排与招生政策，增强学生之间的沟通，在Internet上实现完成部分校务，提高办事效率。

4.2 工具及开发环境

本网站的开发工具及环境：

Dreamweaver Mx ; Windows 2000/XP Server； 4.2.1 Dreamweaver Mx简述

Macromedia的Dreamweaver自从1997年以来就成为了Web开发人员所赖以信任的后备工具。现在Dreamweaver Mx已经成为相对较新的Studio MX的一部分。Studio MX集成了好几种Macromedia的应用程序，包括Dreamweaver MX、Flash MX、Fireworks MX、Freehand 10和ColdFusion MX。由于Dreamweaver MX是同Studio MX其他的应用程序共同紧密工作的，所以你可以在设计、制图和后端的编程之间提供几乎是无缝的交互操作。 …… 此处隐藏：12字，全部文档内容请下载后查看。喜欢就下载吧 ……