网站建设博客

如何网页制作

2006-12-19T18:20:00.000-08:00

在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计
了。其实网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计制作的水平上，在于我们自身的美感以及对页面的把握上。
首先，我们要弄清楚网页设计的任务。
一、设计的任务
设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。
第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。
第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。
第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。明确了设计的任务之后，接下来要想的就是如何完成这个任务了。
二、设计的实现
设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的。设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是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.yacoer.com/index.htm，也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。
在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中，提出了采用静态网页对搜索引擎的影响，书中对于静态网页本身的介绍比较少，尤其对于静态网页的特点没有做专门的介绍。现将静态网页的特点简要归纳如下：
（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等，其功能和使用方法都比较类似，具体使用方法可参见本站想应的文章。可能你开始的主页只是非常简单，但是这是你的第一步，也是良好的开端，然后再一步步学习：如何把网页制作漂亮一些？如何制作动画？
对于新手，千万不要一下子就想：我看到某某某网页这么漂亮，它是怎样做出来的？我很想马上做出来，于是马上就去研究复杂的网页，这样你会发现网页制作很难，学两下就放弃了，这样永远学不会制作主页。
想当初，我对于我的网页能产生链接也高兴了半天，于是产生了更大的兴趣。记住：一步一步来，不要一下子想成为高手，否则很难成为高手。

怎样设计网页

2006-12-19T18:19:00.000-08:00

怎样设计网页
　　在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了……
　　在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了。
　　其实网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计制作的水平上，在于我们自身的美感以及对页面的把握上。
　　首先，我们要弄清楚网页设计的任务。
　　一、设计的任务
　　设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。
　　网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。
　　第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。
　　第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。
　　第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
　　当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。
　　明确了设计的任务之后，接下来要想的就是如何完成这个任务了。
　　二、设计的实现
　　设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页制作，这一过程是在计算机上完成的。
　　设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是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分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。
　　说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能够从整体着眼，无愧于“设计”这两个字。

网站设计如何进行？

2006-12-15T08:33:00.001-08:00

网站设计如何进行？

　　随着网络技术的不断发展，网络应用已经渗透到人类社会的各个角落。越来越多的人希望拥有网站，开辟网络世界里的一片天地。如何设计一个出色的网站呢？根据自己的体会，总结出以下设计思路，供大家参考。

　　一、定位网站的主题和名称

　　网站的主题也就是网站的题材，网站设计开始首先遇到的问题。网站题材千奇百怪,琳琅满目，所以应当选择一个题材。

　　二、确定网站的栏目建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。

如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。

　　三、确定网站的目录结构

　　网站的目录是指你建立网站时创建的目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，内容未来的扩充和移植有着重要的影响。

　　四、确定网站的链接结构

　　网站的链接峁故侵敢趁嬷湎嗷チ唇拥耐仄私峁埂Ｋ⒃谀柯冀峁够≈希梢钥缭侥柯肌?lt;/P>

　　五、设计网站的整体风格

　　风格是抽象的，是指站点的整体形象给浏览者的综合感受。这个"整体形象"包括站点的（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等等诸多因素。风格是独特的，是站点不同与其他网站的地方。或者色彩，或者技术，或者是交互方式，能让浏览者明确分辨出这是你的网站独有的。

例如新世纪网络的黑白色,网易壁纸站的特有框架,即使你只看到其中一页，也可以分辨出是哪个网站的。风格是有人性的。通过网站设计的外表，内容，文字，交流可以概括出一个站点的个性，情绪。是温文儒雅，是执著热情，是活泼易变,是放任不羁。　　　

网站建设中网站策划的误区

2006-12-15T08:33:00.000-08:00

　　说起网站建设，很多企业想到的是把企业的文字图片资料找齐交给网络公司去制作成网站就完成任务了。这其实是企业的一个误区，也使企业在网络应用上大大延误。

　　网站策划应该找什么样的公司呢？有的说要找名气大的，有的说要找价格低的，其实都不对，网站策划要找专业的网站策划专家做。有的网络公司网站做得很多，应该说这样的公司在网站设计和制作上是完全能胜任的，但说到策划却是另外一回事了。网站策划必须精通营销策划知识、网络传播知识、网络技术才能全面分析真正策划好一个网站。目前国内真正具备网站策划能力的公司极少，绝大多数网络公司究其实质是网站设计制作公司。

　　当您看到一家公司报给你的价格网站策划价格比设计制作还要高时，您不必奇怪。要知道一份完整全面的策划案需要详细的数据分析、企业调研、行业调查、需求调查等，而非一份简单的文字。

　　笔者在实践中体会到企业应该避免以下几点：

　　一、以企业领导的个人喜好或网络管理技术人员的个人偏爱来左右策划者。

这是很多企业中存在的问题。要知道企业网站不是建给自己看的个人网站，而是用来宣传企业，传播企业文化和品牌的，所以网站的策划应该是围绕顾客的需求来实施。笔者规划过的企业网站凡是企业领导或企业网络技术人员参与过多的，基本上效果不是很理想，而那些全权委托给我们的企业网站基本上都非常成功。企业网络技术人员多数虽然了解一定的网络知识，但从其视野知识面等各方便来说都比较欠缺，思维比较容易个人情绪化，这对企业的发展是不利的。

　　二、不经调研匆匆上马。

有的企业想到建网站会恨不得几天之内把网站建设好，这种急功近利的心态对企业网站建设很不利。企业网站建设应该有长期的规划和打算，如资金投入预算、人力投入等，并给网站策划公司一定的调研时间，策划公司也应该和企业多沟通。

　　三、企业领导畏惧互联网，全权交给手下去做。

这种敢于放权的做法是好的，但如果企业领导不去关心了解互联网，没有全局观念，网站和企业传统生产营销就会脱节，不利于企业信息化建设。

网站建设之如何建企业网站？

2006-12-15T08:31:00.000-08:00

网页设计是所有步骤中最具创造性的工作。好的设计能牢牢吸引住来访者。

作为新企业网站，站点可能不如一些大网站花俏，不过一个清晰简洁的企业网站设计同样可以吸引读者。你可以不断改进你的网站内容甚至于网站定期改版来迎合来访者。企业网站吸引人的，内容才是最关键的。如果你对自己学习网页设计毫无兴趣，你可以选择或要求网站建设服务商为您制作。

几点建企业网站的技巧：

一、首先你要知道，你做的网站内容是否受欢迎，因为别人看网站不是为了看你网站上是否有图片，更重要的是可以获得访者本身需要的内容和资料。

所以，假设你的网站要做一个个人音乐类网站，那么就要想她们需要什么。比如很容易找到自己喜欢的歌，或者看到你推荐的歌相关的很详细的内容，以及试听。目前恰恰很多网站的设计人员仍然没有意识到网站设计的真正重点在哪，总是加了很多的音乐和图片，以及大量的其他不相关的连接和内容。

二、你应该兼顾各种浏览器和显示器的显示效果，虽然IE浏览器用户占据绝对多数，但是，也不能因此忽视其它浏览器的用户。

针对IE浏览器设计的网页在Firefox下有时显示效果并不理想。另外，并非每个用户都使用800*600小字体的显示模式，不要自以为是地为用户建议"最佳显示模式"。

三、让访问者可以迅速或者自己需要的知识、资料等内容，就算是一个设计比较优秀的网页了。不少网站，将链接“藏”得真够隐蔽。让人看了半天也不知该按哪里继续浏览。还有导航条做得过小的情况，本来用来导航的“导航”条，根本起不到导航的作用。更有的设计者，连个返回的超连接也没有。非得使用IE的“后退”按钮才能返回。

比如你要搜索一个驱动程序，那么除了要网站包含全面的资料外，更重要的是怎么在成千上万的驱动程序中，找到你需要的驱动，那么如果网站设计中做到了只需要1步就很容易找到你需要的驱动，那么我想你也会认同这个网站，人为她设计的很棒，对么。

三不要滥用技术。

常常看见这样的网站：一进主页，'peng'的弹出一个带警告图标的对话框，上面写着“欢迎光临”之类的话。进入页面，一大堆窗口飞来飞去。页面醒目位置放置着数字不超过3位数的计数器。一移鼠标，发现上面跟着一群javascript制作的彩色小点,再查查IE首页，早换掉了！再点点鼠标右键，连右键菜单也添上了他网站的名字。回头想想，他没有锁定你的注册表已经是很仁慈的了。请问，这样的网站还会有人去“再次光临”吗？

企业网站建设好处

2006-12-15T08:30:00.000-08:00

什么是上网？
　　上网就是上互联网，或称上Internet、国际互联网。互联网是连接了世界上170多个国家，几千万台计算机的一个超级网络。该超级网络中的资源大家共享。并且，接入网上的计算机正以惊人的速度成倍增长. 简单的说，上网就是从国际互联网这一世界性超级网络之中获得信息。互联网的出现已经对人类生活方式产生深刻的影响。
什么是网站？
　　网站就是在互联网上一块固定的面向全世界发布消息的地方。它由域名（也就是网站地址）和网站空间构成。衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度、网站软件配置、网站提供服务等几方面考虑。如果将互联网类比一个超级市场。当您的企业上了互联网，只是以一个看客身份进入到这一最大的市场当中了。只有当您的企业建立了自己的网站，您才在这一市场当中有了自己的摊位，可以宣传自己的企业、展示自己的产品。
企业网站建设好处？建网站可为企业带来什么？
1、有利于提升企业形象
企业网站的作用更类似于企业在报纸和电视上所做的宣传企业本身及品牌的广告。不同之处在于企业网站容量更大，企业可以把任何想让客户及公众知道的内容放入网站。此外，相对来说，建立企业网站的投入比其它广告方式要低得多。
2、使企业具有网络沟通能力
互联网络真正的内涵在于其内容的丰富性，几乎无所不有。对企业来说，拥有网站就拥有网络沟通能力。
3、可以全面详细地介绍企业及企业产品
企业网站的一个最基本的功能，就是能够全面、详细地介绍企业及企业产品。企业可以把任何想让人们知道的信息放入网址。如企业简介、企业的人员、厂房、生产设施、研究机构、产品外
观、功能及使用方法等，都可以展示于网上。
4、可以与客户保持密切联系
每当人们想知道某企业有什么产品、服务或新产品、服务，甚至只是想知道该企业有什么新闻时，他们就会习惯性的进入该企业的网址。因为大多数企业已经把所有的产品、服务信息发布于网上，并且定期在网上发布有关企业的新闻信息。企业有了网站后便可以利用网络与客户进行沟通。
5、可以与潜在客户建立商业联系
这是企业网站最重要的功能之一，也是为什么那么多企业非常重视网站建设的根本原因。现在，世界各国的经销商主要都是利用互联网络来寻找新的产品和新的供求，因为这样做费用最低.效率最高。原则上，全世界任何人，只要知道了企业的网址，就可以看到企业的产品和服务。因此，关键在于如何将企业网址推介出去。
6、可以降低通讯费用
对于企业来说，每年的通讯费用，尤其是涉及到进出口贸易的通讯费用，是一笔非常庞大的开支。利用企业网站所提供的集团电子信箱可以有效地降低通迅费用。
7、可以利用网站及时得到客户反馈的信息
客户一般是不会积极主动地向企业反馈信息的。如企业在网站设计时，加入客户与企业联系的电子邮件和电子表格，因使用极其方便，一般来说，客户习惯于使用这种方式与企业进行联系。
因此，企业进行网站建设是很有必要，我公司提供多种网站建设方案，欢迎来电咨询洽谈。

做网站建设最重的是什么?

2006-12-15T08:29:00.000-08:00

网站的一切都要落实在一个重要的点上，这个点就是“人”，所以，“以人为本”是网站建设的重中之重，社区型网站更是如此。

这是做网站“最”系列的第5篇
其它几篇是《做网站最难的是什么》《做网站最累的是什么》《做网站最贵的是什么》《做网站最缺的是什么》

一个网站不管是定位也好、运营也罢，最后一切落脚点都落在一个“人”字上，起关键作用的还是“人”这个字，定位、内容、策划、运营等等，这一切的一切都是围绕着“人”字而进行的，不管是奉献内容的人，还是获取内容的人，一切都是人在其中起最重要的关键作用。吸引人、留住人、团结人、凝聚人、帮助人...，一切网站的真正繁荣，都与一个固定人群的活跃度密切相关。

网站只是传统社会的延伸，而不会是隔绝于社会的孤岛，同社会上许多工作一样，网站制作最重要的仍然是做“人”的工作。大约所有的工作都离不开人和人的联系，包括现在我正在说的这个思路，也是昨天晚上我在和傲龙站长论坛创业团队一位成员在讨论论坛发展的时候产生的。（下面摘录一段我们的聊天记录，还没有征得那位朋友同意，所以暂时隐去网名）

中国互联网协会发起企业网站建设指导规范

2006-12-15T08:28:00.000-08:00

中国互联网协会网络营销指南工作会议于近日召开，为提升中小企业互联网应用水平，引导网络营销服务行业向健康有序方向发展，中国互联网协会特设立网络营销指南工作组，并发起建立企业网站建设指导规范倡议，希望有社会责任感的网络营销研究和服务机构共同发起建立企业网站指导规范。

中小企业电子商务从网络营销做起，网络营销水平的提升从提高企业网站建设专业性开始。经过深入调查研究发现，目前企业网站最大的问题在于专业水平不高，大量的企业网站几乎发挥不了任何作用。由于中小企业的网络营销应用主要依赖于服务商，而网站建设服务商的专业水平参差不齐，并且缺乏可遵循的网站建设规范，这些因素严重制约了企业电子商务的进一步发展，同时对网络营销服务市场整体发展也产生了明显的阻碍作用。因此尽快建立并推广具有指导意义的企业网站建设规范成为提高中小企业网络营销水平的急迫工作。

在本次会议上，35互联（中国频道）、中国万网、新竞争力网络营销管理顾问、世纪辰光商务网、青岛雷讯科技公司、北京博导前程信息技术公司、广州元盛网络科技公司等七家网络营销服务机构作为发起单位在倡议书上签字，并一致认为建立具有指导意义的网站建设规范对于保障企业客户的利益，提高企业的网络营销应用水平和网络营销服务商的专业水平具有至关重要的意义。七家企业网站建设指导规范发起单位负责人表示，将全力支持中国互联网协会牵头建立网站建设指导规范体系，并率先在网络营销服务中推广应用企业网站建设规范。

中国互联网协会秘书长黄澄清介绍说，中国互联网协会成立网络营销指南工作组的目的在于充分发挥互联网协会在组织协调企业互联网应用方面的职能，集中发挥全国网络营销业界专家、学者、企业家以及网络营销服务第一线专业人员的集体力量，从企业应用层面提供实用的网络营销知识，为推动中小企业网络营销发展提供有力的支持。为实现这一目标，中国互联网协会网络营销指南同时启动的另一项工作，是编写一套规模宏大的《网络营销指南丛书》，这套以具有可操作的网络营销方法为特色的丛书计划于2006年底前完成，计划包含18-20本网络营销各领域的专业书籍，参与丛书编写的专业人士包括20名互联网行业专家和学者，著名网络营销专家冯英健博士担任总编。网络营销指南工作网站平台也即将开通试运营。

企业网站建设如何“安家”最合适？

2006-12-15T08:26:00.000-08:00

当公司需要建立网站时，通常可选择的方式有:租用或者自建。在租用的方式中又可细分为虚拟服务器(即虚拟主机)与服务器托管两种;而自建服务器需要采购联网设备并租用专线。那么对于不同规模的企业环境来说，采用何种方式“安家”才是最合适的呢?以下将分别介绍。
　　一、虚拟主机

　　1、虚拟主机定义

　　虚拟主机是使用特殊的软硬件技术，把一台网站服务器划分为若干个“虚拟”的主机。每个虚拟主机都可以是一个独立的网站，可以具有独立的域名，具有完整的Internet服务器功能(WWW、FTP、Email等)。
　　同一台主机上的虚拟主机之间是完全独立的，而且每一台虚拟主机和一台独立的主机(采用服务器托管、专线上网等方式建立的服务器)完全一样。

　　2、特点阐述

　　使用虚拟主机方案构建企业网络，网站服务器管理简单，诸如软件配置、防病毒、防攻击等安全措施都由专业服务商提供，大大简化了服务器管理的复杂性。并且相对于购买独立服务器，网站建设的费用大大降低，为普及中小型网站提供了极大便利。
　　此外网站的建设时间也非常短。通常情况下，租用虚拟主机只需要几分钟的时间即可开通，因为现在主要的服务商都已经实现了整个业务流程的电子商务化，选择适合自己需要的虚拟主机，在线付款之后马上就可开通，非常方便快捷。
　　3、适合环境

　　对于一些处于发展初期的小型企业来说，网站内容比较少，功能简单，访问量也不大，虚拟主机的建站方便迅速、服务器管理简单等特点就非常适合这类企业的需要。而且选用虚拟主机方案，也可大大降低小型企业在网站人力、财力等方面的投入成本，并可获得专业的维护、更好的性能而无需维护人员与昂贵的电源系统支持。此方式也被形象的称为“外包”。

　　二、服务器托管

　　1、服务器托管定义

　　通常也称其为主机托管。是指在专门的服务器托管公司环境里放置一台服务器，或向其租用一台服务器，然后通过远程控制的方式实现服务器的管理。此类方式比较显著的特点就是可以提供自己的硬件服务器，也可选择自行提供软件系统或者由服务提供商来提供，享受专业的服务器托管服务，包括稳定的网络带宽，恒温、防尘、防火、防潮、防静电。网站建立后，企业拥有对网站服务器完全的控制权限，可自主决定运行的系统和从事的业务。

网站建设博客

如何网页制作

怎样设计网页

网站设计如何进行？

网站建设中网站策划的误区

网站建设之如何建企业网站？

企业网站建设好处

做网站建设最重的是什么?

中国互联网协会发起企业网站建设指导规范

企业网站建设 如何“安家”最合适？

企业网站建设如何“安家”最合适？