Dreamweaver CS6如何应用:[2]怎样设计好网页

2026-02-06 05:58:48

设计出好网页并不是那么简单的,这需要一定的技术能力和经验积累,那么怎样才能设计出一个好的网页呢,这一节为您比较系统地介绍整个设计网页所需要的一些步骤

工具/原料

Dreamweaver CS6

一、网页设计的三个理念

1、内容决定形式

先充实内容,再区分快,定色调,处理细节

Dreamweaver CS6如何应用:[2]怎样设计好网页

2、先整体,后局部,最后再回归整体

首先要全局考虑,把最重要的安排清楚了,再处理局部一些区块,最后还要整理整个网页的和谐性。

Dreamweaver CS6如何应用:[2]怎样设计好网页

3、功能决定设计方向

根据网站的功能,决定出设计的方向,比如商业网站,就主推盈利,政府网站,就要注重权威

Dreamweaver CS6如何应用:[2]怎样设计好网页

二、网页设计的三大误区

1、不重视域名和空间

一个空间可以存放很多个网站,一旦一个网站出了问题,其他网站都将受影响,所以选择好的,有保障的供应商非常重要。

2、注重外观,不注重实用

很多企业网站有很华丽的宣传页面,但却几乎都是静态页,没有实用功能,那这个网站是承担不了什么任务的。

3、网站维护的缺乏

我们说一个网站是有生命的,需要你经常修修补补,让它更完美。如果荒废在那里,那还不如不做这个网站。

三、什么才是好的网页设计

1、内容和功能决定表现形式和界面设计。

比如淘宝,主要就是卖东西,那就必须设计得让人买东西的时候直接了当。

Dreamweaver CS6如何应用:[2]怎样设计好网页

2、界面弱化

比如优酷网,很简洁的排版形式,与其他视频网站比起来并不显得很华丽,甚至很朴素,但正因为其功能突出,所以一直做得很好。典型的内容大于形式的网站。

Dreamweaver CS6如何应用:[2]怎样设计好网页

3、模块化和可修改性

模块化不仅能提供重用性,也能统一网站的风格,还能降低开发的强度。

Dreamweaver CS6如何应用:[2]怎样设计好网页

4、强大的分析能力

一个最简单的例子,你在淘宝上搜了什么东西,在各个网站的淘宝推广窗口,立刻也出现你刚刚搜索的东西的相关内容,不信你仔细观察一下。

Dreamweaver CS6如何应用:[2]怎样设计好网页

四、配色原则

1、网页最常用的流行色

蓝色、绿色、橙色、暗红

2、颜色的忌讳

忌脏、忌纯、忌跳、忌粉、蓝色忌纯、绿色忌黄、红色忌艳

3、常见的几种固定搭配

蓝、白、橙

绿、白、蓝

橙、白、红

暗红、黑

五、常用的网页布局

1、国字型

Dreamweaver CS6如何应用:[2]怎样设计好网页

2、拐角型

Dreamweaver CS6如何应用:[2]怎样设计好网页

3、标题正文型

Dreamweaver CS6如何应用:[2]怎样设计好网页

4、封面型

Dreamweaver CS6如何应用:[2]怎样设计好网页

5、T结构布局

Dreamweaver CS6如何应用:[2]怎样设计好网页

6、口型布局

Dreamweaver CS6如何应用:[2]怎样设计好网页

7、三型布局

Dreamweaver CS6如何应用:[2]怎样设计好网页

8、对称对比布局

Dreamweaver CS6如何应用:[2]怎样设计好网页

9、POP布局

Dreamweaver CS6如何应用:[2]怎样设计好网页

六、网站构建原则

1、明确网站建立的目标和原则

2、网页设计总体方案主题鲜明

3、注重网站的版式设计

4、体会色彩在网页设计中的作用

5、实现网页设计形式与内容的统一

6、三维空间的构成和虚拟现实

7、网页设计中多媒体功能的应用

8、结构清晰并且便于应用、

9、定期进行网页测试和改进

(共篇)上一篇:什么是网页|下一篇:
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢