网页设计渲染

1、网页设计

怎样设计网页

在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了……

在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了。
其实网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计制作的水平上，在于我们自身的美感以及对页面的把握上。
首先，我们要弄清楚网页设计的任务。

一、设计的任务

设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。
网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。
第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。
第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。
第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。
明确了设计的任务之后，接下来要想的就是如何完成这个任务了。

二、设计的实现

设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的。
设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，这些都是很不错的软件。 接下来我们要做的就是通过软件的使用，将设计的蓝图变为现实，最终的集成一般是在Dreamweaver里完成的。虽然在草图上，我们定出了页面的大体轮廓，但是灵感一般都是在制作过程中产生的。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在制作的过程中，我们会碰到许多问题，其中最敏感的莫过于页面的颜色了。

三、色彩的运用

色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。一般来说，红色是火的颜色，热情、奔放；也是血的颜色，可以象征生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人以纯洁与清白的感觉，表示和平与圣洁。
我们知道，颜色是光的折射产生的，红、黄、蓝是三原色，其它的色彩都可以用这三种色彩调和而成。换一种思路，我们可以用颜色的变化来表现光影效果，这无疑将使我们的作品更贴近现实。
色彩代表了不同的情感，有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
单纯的颜色并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。
但颜色的使用并没有一定的法则，如果一定要用某个法则去套，效果只会适得其反。经验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。

四、造型的组合

在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造整个页面的。
通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。在设计中应根据具体情况，选择最适合的表现手法，这样有利于主题的表现。
通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。
造型的巧妙运用不仅能带来极大的美感，而且能较好地突出企业形象，而且能将网页上的各种元素有机的组织起来，它甚至还可以引导观者的视线。

五、设计的原则

设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。
统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。
连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。
分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。
对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。
和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。

六、网页的优化

在网页设计中，网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。
在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。
图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低，这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。
表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html原代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按"停止"按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时，会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。
网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800*600下制作网页，最佳浏览效果也是在800*600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。
说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能够从整体着眼，无愧于“设计”这两个字。
★建设自己的网站较好的步骤☆

必须注意的是：建立自己的网站是一件浩大的工程，一般比较麻烦。所以应当按照一定的步骤一步步来。

我觉得建站可以按照以下步骤进行：
1、先在本地设一个文件夹，作为网站存储的地方。名字最好取“My Sites”。
2、在网站文件夹里面建立一些文件夹，包括“images”等（存储图片、文件等），并且按照网页内容，再建立几个文件夹。（也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些）
3、打开你的网页编辑程序（例如FP、Dreamwear等），新建网页，保存为“index”（主页），重复以上步骤，在网站文件夹里面建立“search”（查找）、“map”（站点地图）、“index02”（网站简介等）。
4、按照上面步骤，再在网站分类文件夹里面建立许多网页（接着还要把内容输入网页）
5、已经做到了这么多，我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”，把准备好的文档、图片、程式、文件和网页特效等放进去。（可以加入一些动态网页）
6、慢慢把这些文件一个不漏的放进网页里面（要掌握技巧）
7、把网站充实了，就差不多了。这时应该申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。
8、把网站上传至空间里面，删了准备文件，就OK了！

不过也可以这样使用FP建站：

1、在FP里面选择新建站点。
2、然后在【导航】里面设置网页名称以及标题。
3、准备好文档、图片、程式、文件和网页特效等，把它们都充实进网站里面。
4、申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。
5、把网站上传至空间里面，删了准备文件。完毕。

如果使用Dreamwear来建站，那就更加高级啦！Dreamwear的功能很强大，安装了它的朋友们可以研究研究。

在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为：www.example.com/eg/eg.htm，也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。

在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中，提出了采用静态网页对搜索引擎的影响，书中对于静态网页本身的介绍比较少，尤其对于静态网页的特点没有做专门的介绍。 网络营销教学网站(www.wm23.com)将静态网页的特点简要归纳如下：

（1）静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”；
（2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；
（3）静态网页的内容相对稳定，因此容易被搜索引擎检索；
（4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；
（5）静态网页的交互性交叉，在功能方面有较大的限制。

网页制作软件的选择
u 选择一个适合自己的网页编辑工具
了解了网页的类型及相关技术之后，下一步，就是要选择一个适合自己的网页编辑工具。

Frontpage

Frontpage 是 Microsoft 出品的，可能是最简单、最容易，却又功能强大的网页编辑工具。采用典型的 Word 界面设计，只要你懂得使用 Word，就差不多等于已经会使用 Frontpage。就算你不懂 Word 也没关系，"所见即所得"的操作方式会让你很快上手，而且你无须学习 HTML 语法。

但 Frontpage 的也有其不足之处：首先是浏览器兼容性不好，做出来的网页，用 Netscape 往往不能正常显示；其次，生成的垃圾代码多，也会自动修改代码，导致在某些情况下极为不便；再次，对DHTML的支持不好。但不管怎么说，Frontpage 的确是最好的入门级网页编辑工具。

常见的版本为 Frontpage98 和 Frontpage2000。

Dreamweaver

Dreamweaver 是 Macromedia 公司的产品的另一款"所见即所得"的网页编辑工具,或称网页排版软件。与 Frontpage 不同，Deamweaver 采用的是 Mac 机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现 Dreamweaver 的直观性与高效性是 Frontpage 所无法比拟的。

Dreamweaver 对于 DHTML 的支持特别好，可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，说Dreamweaver 是高级网页制作的首选并不为过。

常见的版本为 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0

flash

flash也是 Macromedia 公司的产品，Flash 是交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过 Flash 技术的人，没有一个不想掌握它的。它不但易学、易用，而且可以做出有很多动画的网站，并且声色结合，是一种很有前途的网页制作技术。

firework

firework也是 Macromedia 公司的产品，是真正的网页作图软件。Fireworks 与 Dreamweaver 结合很紧密，只要将 Dreamweaver 的默认图像编辑器设为 Fireworks ，那么在 Fireworks 里修改的文件将立即在 Dreamweaver 里更新。另一个功能是可以在同一文本框里改变单个字的颜色。当然，Fireworks 可以引用所有的 Photoshop的滤镜，并且可以直接将 PSD 格式图片导入。它是用来画图用的，它相当于结合了Photoshop ( 点阵图处理 ) 以及CorelDRAW (绘制向量图)的功能。网页上很流行的阴影、立体按钮...等等的效果，也只需用鼠标点一下，不必再靠什么KPT 之类的外挂滤镜。而且 Fireworks很完整的支持网页16进制的色彩模式，提供安全色盘的使用和转换，要切割图形、做影像对应(Image Map)、背景透明，要图又小又漂亮，在Fireworks 中做起来都非常方便，修改图形也是很容易的 。不需要再同时打开Photoshop和CorelDRAW...等等各类软件，切换来切换去的了。

Dreamweaver、Flash、Firework称为网页制作三剑客，将三个软件配合起来使用，会制作出非常精美的网页

gifanimator

Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 动画工具，它在一个软件包中提供了顶级的功能，用于动画 编排、编辑、特效和优化。 GIF Animator 差不多支持每个主要的文件格式，包括视频文件，并允许输出为 Windows AVI、QuickTime 电影、Autodesk 动画或图像序列。用户可以生成适当的 HTML 代码，以便将动画嵌入到网页中，并且可以将动画打包成独立的 EXE 文件，以便通过电子邮件发布和在任何地方来查看。

u 制作主页

制作主页无非是添加文字、添加图片、添加链接，跟用word没什么区别，经过简单的学习后，你就会制作主页了！但是，要作出高水平的主页那要学的东西就太多了，不过总结起来就是html，图形制作，动画制作，页面特效制作和后台程序制作几个部分。

u 申请的主页空间，把你制作的主页传上去

我们制作的页面放在我们自己的计算机上，别人是不能看见的。为了让别人看见我们制作的页面，我们必须将他们放到一台和internet一直连接的计算机（服务器）上。你可以到提供空间服务的站点申请主页空间。有空间以后就可以利用响应的FTP（文件传输协议）工具软件将我们制作的页面传上去。这样，就可以让大家来分享我的精彩页面了。

常见的FTP工具软件有cuteFTP、leapFTP等，其功能和使用方法都比较类似，具体使用方法可参见本站想应的文章。

可能你开始的主页只是非常简单， 但是这是你的第一步，也是良好的开端，然后再一步步学习：如何把网页制作漂亮一些？如何制作动画？对于新手，千万不要一下子就想：我看到某某某网页这么漂亮，它是怎样做出来的？我很想马上做出来，于是马上就去研究复杂的网页，这样你会发现网页制作很难，学两下就放弃了，这样永远学不会制作主页。想当初，我对于我的网页能产生链接也高兴了半天，于是产生了更大的兴趣。记住：一步一步来，不要一下子想成为高手，否则很难成为高手。

2、网页设计，怎么做？

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。

二、搜集材料
明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。

三、规划网站
一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。
四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。

五、制作网页
材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。

六、上传测试
网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传
网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新
网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者

3、怎么样设计网页

怎样设计网页

在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了……

在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了。
其实网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计制作的水平上，在于我们自身的美感以及对页面的把握上。
首先，我们要弄清楚网页设计的任务。

一、设计的任务

设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。
网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。
第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。
第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。
第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。
明确了设计的任务之后，接下来要想的就是如何完成这个任务了。

二、设计的实现

设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的。
设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，这些都是很不错的软件。 接下来我们要做的就是通过软件的使用，将设计的蓝图变为现实，最终的集成一般是在Dreamweaver里完成的。虽然在草图上，我们定出了页面的大体轮廓，但是灵感一般都是在制作过程中产生的。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在制作的过程中，我们会碰到许多问题，其中最敏感的莫过于页面的颜色了。

三、色彩的运用

色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。一般来说，红色是火的颜色，热情、奔放；也是血的颜色，可以象征生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人以纯洁与清白的感觉，表示和平与圣洁。
我们知道，颜色是光的折射产生的，红、黄、蓝是三原色，其它的色彩都可以用这三种色彩调和而成。换一种思路，我们可以用颜色的变化来表现光影效果，这无疑将使我们的作品更贴近现实。
色彩代表了不同的情感，有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
单纯的颜色并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。
但颜色的使用并没有一定的法则，如果一定要用某个法则去套，效果只会适得其反。经验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。

四、造型的组合

在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造整个页面的。
通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。在设计中应根据具体情况，选择最适合的表现手法，这样有利于主题的表现。
通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。
造型的巧妙运用不仅能带来极大的美感，而且能较好地突出企业形象，而且能将网页上的各种元素有机的组织起来，它甚至还可以引导观者的视线。

五、设计的原则

设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。
统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。
连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。
分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。
对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。
和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。

六、网页的优化

在网页设计中，网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。
在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。
图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低，这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。
表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html原代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按"停止"按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时，会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。
网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800*600下制作网页，最佳浏览效果也是在800*600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。
说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能够从整体着眼，无愧于“设计”这两个字。

4、学网页设计还需要学渲染吗 渲染和网页设计是不是一回事？

如果自己感兴趣的话也可以学习，但是单纯学网页设计是不用学习渲染的。可以选择一门自己感兴趣的互联网专业进行学习。

5、淘宝美工，网页设计，3D渲染要学哪款软件呢？

封面设计叫平面设计 网站设计叫网页设计 淘宝美工是集平面+网页的综合；所以要学的软件一般是 PS+DW ; AI能会最好，不会也不影响淘宝美工工作的；
以上说的只是基本知识，如果做一个好的美工，除了用心，对事物的认知美感，还有就是时间。
本人六年美工经验，越学才发现不会不懂的东西太多，呵呵。个人拙见，采纳谢谢 建议你先学photoshop cs5

6、请问下html5在网页效果上的好处,说的越详细越好

1、SEO(搜索引擎优化)得到提升
一些常用的图形效果有CSS3表达方式，包括不透明贴图、圆角、阴影。这些效果与CSS3渐变色一起使得上传更为简洁，跨平台维护也更为容易。此外，它们还在SEO(搜索引擎优化)方面具有优势。
为了理解SEO，我们还要回到刚才提到的渐变色。CSS3渐变色的另一个优势是它们可以更好的向下兼容源代码控制系统(SCCS)。在CSS3出现之前，渐变色通过图片实现。在常用的SCCS中调整图片是一个不透明的过程。
通过CSS3的渐变色语义标记，SCCS能够很方便在表面渐变的文本进行操作。SCCS能够在特定时间自动报告，渐变色彩的变化或是饱和度。其格式如下：
这上优势也提升了不透明贴图和其它的CSS3标记。假设一个名为Acme Widgets的公司想通过不透明贴图在其网页上标记公司的名称。在CSS3出现之前，他们需要使用Photoshop或类似工具才行，这导致需要设计一个图片，通过一张不透明的贴图显示Acme Widgets。
由于内容是内嵌在图片中的，因此Acme Widgets根据无法被搜索引擎找到。CSS3的出现改变了这一情况。
2、更快的图片下载速度，尤其是对于移动用户
在网页设计中，“渐变”是一种背景效果：你的网页上的“窗口”拥有更精致的底纹或纹理。公司设计人员有更大的空间来平衡明暗度、匹配边界，实现让大数浏览者叹为观止的色彩或风格。
渐变效果的头二十年是通过“着色”来取得的。在HTML5之前，背景必须作为一个图片(或是由多个子图叠加在一起)被提供。例如，Photoshop有一个“渐变工具”。该工具主要用于构建一个背景图片以作为渐变色使用。这一功能获得了很大的成功。每一名称职的网页设计者通常都会使用已经有的渐变色作为背景图片。
首先，其非常简洁。CSS3渐变规范通常有数百个字节，而表达渐变的背景图片通常会有数千个字节。除了这一优势外，CSS3的是渐变是内联的，其传输不需要打开其它的文件。当大量网站浏览者通过带宽有限的移动浏览器访问时，让用于网页渲染的辅助连接的数量保持低水平对于提升性能非常关键。
你的网页设计人员能够像以往那样做同样的事情--使用Photoshop的渐变工具或是类似工具，然后导出至CSS3而不是HTML4或XHTML。终端用户在他们的浏览器上的效果几乎没有什么差别，但是下载速度却提升了许多。此外，CSS3渐变色还能够更容易的生就不同的屏幕尺寸和各种分辨率。
其它技术优势还包括：
总体上，其能够内联老式的渐变色，因此能够减少下载成本。
?除了CSS3之外，HTML5还包括了其它的渐变效果。
渐变色的CSS3支持将可编程性提升到了一个新的水平。例如，设计人员可以根据浏览者的年龄和位置调整渐变背景。
3、Web应用开发更容易，尤其是移动应用
最后一个优势是，HTML5解决方案是一个可媲美原生应用的编程环境。这对于移动终端用户来说非常重要，原生应用开发成本昂贵：其编程人员薪水高、许可证各类繁多，可移植性差。HTML5在优势在于许多应用能够被完整的编在HTML5内。
4、更精美的动画效果
除了上面所提到的功能外，其特色功能还包括：
HTML5能够以更低的成本和更短的下载时间展现媲美目前顶级网页设计人员设计的外观，语义标记具有SEO和维护优势。HTML5现在拥有的一些效果已经超越早期标准的效果，其中之一就是动画制作。
为了获得精美的动画效果，网页团队过去通常使用Flash。不过，Flash也有一些明显的不足：搜索引擎无法索引，苹果的iOS和操作系统不允许使用Flash。安全性和许可证限制了其在许多公司中的使用。通过HTML5，精美的可视化动画可以成为语义动画。

7、网页设计怎么做？

静态的：html、css、js差不多可以了
动态的：上面基础加上jsp/asp/php 还有后端java/c#等

8、3Dmax怎么进行网络渲染？？

1、首先我们打开3dmax，打开需要渲染的场景，检查灯光、镜头、参数。

2、打开渲染100，登录后才能提交任务。

3、点击3dmax插件栏的渲染100插件，点击“提交效果图渲染任务”。

4、之后会有一个提交的窗口，选择好相机、选择线程数、选择光子比例（渲小光子，加快渲染速度）、如果需要通道的话可以勾选通道、勾选修改同名贴图防止贴图丢失（第一次使用推荐使用默认的设置） ，勾选完成就就可以点击提交任务了。

5、提交之后可以在客户端里看到任务渲染的情况，点击任务上的实时预览按钮可以看到当前渲染的预览，可以看到预估时间。

6、渲染完成后在“已完成”菜单里就可以直接下载渲染完成的任务了。

9、网页设计流程是什么？

设计流程：

主题明确：

在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。

Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。

为了做到主题鲜明突出，要点明确，应该使配色和图片围绕预定的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。

充分利用已有信息，如客户手册．公共关系文档．技术手册和数据库等。

设计思路：

1、简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。

2、使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美

3、整体性好：一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。

4、网站形象突出：一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，使网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

5、交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。

版式设计：

网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。

版式设计通过文字图形的空间组合，表达出和谐与美。

多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。

色彩作用：

色彩是艺术表现的要素之一。在网页设计中，设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。 根据色彩对人们心理的影响，合理地加以运用。如果企业有CIS（企业形象识别系统），应按照其中的VI进行色彩运用。

形式内容：

为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。

灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。

三维空间的构成：

网络上的三维空间是一个假想空间，这种空间关系需借助动静变化．图像的比例关系等空间因素表现出来。 在页面中，图片、文字位置前后叠压，或页面位置变化所产生的视觉效果都各不相同。

通过图片、文字前后叠压所构成的空间层次不太适合网页设计，根据现有浏览器的特点，网页设计适合比较规范、简明的页面，尽管这种叠压排列能产生强节奏的空间层次，视觉效果强烈。

网页上常见的是页面上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。

虚拟现实：

人们已不满足于HTML（标准通用标记语言下的一个应用）编制的二维Web页面，三维世界的诱惑开始吸引更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VRML语言出现了。

VRML是一种面向对象的语言，它类似Web超级链接所使用的HTML语言，也是一种基于文本的语言，并可以运行在多种平台之上，只不过能够更多地为虚拟现实环境服务。

多媒体：

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

便于使用：

如果人们看不懂或很难看懂您的网站，那么，他如何了解你的企业信息和服务项目呢？使用一些醒目的标题或文字来突出您的产品与服务。

并且即使您拥有最棒的产品，如果客户从您的网站上看不清楚您在介绍什么或不清楚如何受益的话，他们是不会喜欢您的网站的，这对于网页设计而言是失败的。

导向清晰：

网页设计中导航使用超文本链接或图片链接，使人们能够在您的网站上自由前进或后退，而不必让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称或解释，以便那些不愿意自动加载图片的观众能够了解图片的含义。

快速下载时间：

很多的浏览者不会进入需要等待5分钟下载时间才能进入的网站，在互联网上30秒的等待时间与我们平常10分钟等待时间的感觉相同。因此，建议在网页设计中尽量避免使用过多的图片及体积过大的图片。主要页面的容量应确保普通浏览者页面等待时间不超过10秒。

非图形内容：

在必要时适当使用动态“Gif”图片，为减少动画容量，应用巧妙设计的Java动画可以用很小的容量使图形或文字产生动态的效果。但是，由于在互联网浏览的大多是一些寻找信息的人们，仍然建议您要确定您的网站将为他们提供的是有价值的内容，而不是过度的装饰。

反馈与沟通：

让客户明确您所能提供的产品或服务并让他们非常方便地订购是您获得成功的重要因素。如果客户在您的网站上产生了购买产品或服务的欲望，您是否能够让他们尽快实现吗？是在线还是离线？

因此，如果是产品或服务介绍网站，应该有留言、电话、在线咨询等功能或信息呈现。

在企业的Web站点上，要认真回复用户的电子邮件和传统的联系方式如信件．电话垂询和传真，做到有问必答。最好将用户的用意进行分类，如售前一般了解．售后服务等，由相关部门处理，使网站访问者感受到企业的真实存在并由此产生信任感。

测试改进：

测试实际上是模拟用户询问网站的过程，用以发现问题并改进网页设计。应该与用户共同安排网站测试。

内容更新：

企业Web站点建立后，要不断更新网页内容。站点信息的不断更新，让浏览者了解企业的发展动态和网上职务等，同时也会帮助企业建立良好的形象。

注意不要许诺你实现不了的东西，在你真正有能力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。 如果要求访问者自愿提供其个人信息，应公布并认真履行个人隐私保承诺。

(9)网页设计渲染扩展资料：

网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。

作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。

网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。

网页设计主要以Adobe产品为主，常见的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代码工具，其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。

标题设计：

在设计网页标题时，应注意同时兼顾对用户的注意力，以及对搜索引擎检索的需要。这一原则在实际操作中可通过三个方面来体现，这三个方面也可以被认为是网页标题设计的一般规律：

1、网页标题不宜过短或者过长

一般来说6-10个汉字比较理想，最好不要超过30个汉字。网页标题字数过少可能包含不了有效关键词，字数过多不仅搜索引擎无法正确识别标题中的核心关键词，而且也让用户难以对网页标题（尤其是首页标题，代表了网站名称）形成深刻印象，也不便于其他网站链接。

2、网页标题应概括网页的核心内容

当用户通过搜索引擎检索时，在检索结果页面中的内容一般是网页标题（加链接）和网页摘要信息，要引起用户的关注，网页标题发挥了很大的作用。

如果网页标题和页面摘要信息有较大的相关性，摘要信息对网页标题将发挥进一步的补充作用，从而引起用户对该网页信息点击行为的发生（也就意味着搜索引擎推广发挥了作用）。

另外，当网页标题被其他网站或者本网站其他栏目/网页链接时，一个概括了网页核心内容的标题有助于用户判断是否点击该网页标题链接。

3、网页标题中应含有丰富的关键词

考虑到搜索引擎营销的特点，搜索引擎对网页标题中所包含的关键词具有较高的权重，尽量让网页标题中含有用户检索所使用的关键词。

以网站首页设计为例，一般来说首页标题就是网站的名称或者公司名称，但是考虑到有些名称中可能无法包含公司/网站的核心业务，也就是说没有核心关键词，这时通常采用“核心关键词+公司名/品排名”的方式来作为网站首页标题。

开头所列举的某网络营销服务商网站首页标题实例，其实也是采用这种方式来设计网页标题，只不过由于罗列了太多的“核心关键词”，反而没有了核心。

做美工看起来并不是一件容易的事情。首先，要对整个站点和企业有个大致的了解。例如：某些企业喜欢蓝色的主调，你不可能去做个红色的主调，这样完全违背客户的主要意愿，如果百度的标志改成五颜六色的，相信大家也不会认可的。

站长的职责是规划网站结构。同样也需要有一定的审美观。下面介绍了几款常用的绘图工具和基本知识。

参考资料：

网络-网页设计 （网站技术）