网页设计技术

1.网页设计技术

JAVA

一些与网页密切相关的技术Java.Java是由Sun公司开发而成的一种编程语言,利用Jave写成的小程序叫做JavaApplet.使用它可在各式各样不同种机器,不同种操作平台的网络环境中开发软件.而且,不论你使用的是哪一种WWW浏览器,哪一种计算机,哪一种操作系统,只要WWW 浏览器上面注明了"支持Java”,你就可以看到生动的主页.

当初Java面世的时候,曾经轰动一时,被认为将会成为Internet应用的主要开发语言.但时至今日,Java的风头已大不如前,原因是Java 也有着起致命的弱点,就是在客户端的编译运行的速度慢,资源消耗大,现在Java多用于服务器端,及一些复杂的客户端程序的编写.

JavaScript

JavaScript具有脚本语言的"简单"这个特性,编写容易,不需要有很深的编程经验.JavaScript语言是通过嵌入或整合在标准HTML语言中实现的,也就是说JavaScript的程序是直接加入在HTML文档里,当浏览器读取到HTML文件中JavaScript的程序,就立即解释并执行有关的操作,无须编译器,其运行速度比JavaApplet要快得多.现在,JavaScript已经成为了制作动态网页必不可少的元素,大家经常在网页上看到的动态按钮,滚动字幕,javaScript技术制作的.

CSS

CSS（CasadingStyleSheets层叠样式表）,跟HTML一样也是一种标记语言,甚至很多属性都是来源于HTML.利用CSS技术,可以有效地对页面的布局,字体,颜色,背景和其它效果实现更加精确的控制.要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式.

Flash

Flash是Macromedia公司出品的一个适量动画制作软件,用他做出来的动画就叫Flash动画,其特点是:1.动画具有很强的交互性,我们甚至可以完全使用Flash来制作一个网站:2,采用"准"流（Stream）式的设计,就是说,我们可以一边下载动画文件一边欣赏动画;3,由于它是基于矢量的图形系统,因而只要使用得当,就可以大大地减少文件的数据存储量,所占空间比位图少得多,非常适合在网络上使用.同时,矢量图像可以做到真正的无级放大,这样,无论用户的浏览器使用多大的窗口,图像始终可以完全显示,并且不会降低画面质量.如果你看过使用了Flash技术的网站,你一定会被其神奇的魅力所倾倒.当然,Flash也有其弊端,就是维护更新不方便,不适宜用于一些更新频繁,信息量大的网站.

DHTML

DHTML的全称为DynamicHTML,即我们常说的动态HTML.很多人都误会DHTML是一种语言,其实DHTML仅仅是一个概念——通过各种技术的综合发展而得以实现的概念,这些技术包括Javascript,VBScript,DOM（DocumentObjectModel,

文件目标模块）,Layers（层）和CSS等.DHTML的目的在于加强网页的交互性;对

用户的操作在本地就可做实时处理,从而得到更快的用户响应:使网页的界面更丰

富多变,使页面设计者可以随心所欲地表达自己的构思.动态HTML与动态网页是

两个不同的概念,你可以简单的理解为动态HTML能使网页上的元素动起来（如文

字的变色，图片的移动）;而动态网页,则是在服务器端动态地生成你看到的“静态”

网页,而这个网页上的元素,并不一定会"动"

2.网页设计风格

“风格”是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素。风格是有人性的，不管是色彩、技术、文字、布局，还是交互方式，只要能由此让浏览者明确分辨出这是本网站独有的，这就形成了网站的“风格”。一般都要求：清纯简洁，主题鲜明，内容编排得当合理、有一定的艺术感，美观、实用，相关链接正常，能体现网站的基本功能，可以从以下几个方面来为网站设计一个独特的风格。

1。网站标志（LOGO）

LOGO是指网站的标志，标志可以是中文、英文字母，也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如：网站内有代表性的人物、动物、植物，可以用它们作为设计的蓝本，加以卡通化或者艺术化；专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。

2。网站色彩

网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。颜色搭配是体现风格的关键。“标准色彩”是指能体现网站形象和延伸内涵的色彩，要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉。至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。例如IBM的深蓝色，肯德基的红色条型。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。一般以白色和黑色的背景网页最好做，颜色搭配最方便；亮色与暗色配合，最容易突出画面，如黑与白，红与黑，黄与紫；而近似的颜色的搭配，能给一种柔和的感觉，如墨蓝与淡蓝，深绿与浅绿。最好能给主页定一个主色调，不要搞得花花绿绿的。

3。设计网站字体

和标准色彩一样，标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵，选择更贴切的字体。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的计算机里没有安装特别字体，他看到的只能是乱码，那么辛苦的设计制作便付之东流了。

4。使用精炼有效的语言

现代生活节奏加快，人们往往没有时间看大块文章。为了节约时间，在单位时间内获取最大量的信息，人们需要精练的信息，即信息精品，要用信息语言来表达信息内容。所谓信息语言是指以下公式：信息=基本事实＋数据描述＋专家观点。

信息语言摒弃一切广告性词句、文学性修饰词句，不欢迎一切关于意义、重要性的过分渲染。尽量采用数字说话，欢迎定量描述，反对过多的定性描述，特别是无法形成准确概念

的定性描述。用信息语言描述，任何信息都应该有出处，有时间，分类准确。当然，应当满足信息的时效性、准确性、完整性、精练性等固有的特点。在此特别注意的是，不要出现错别字、病句。

5。设计网站宣传语

网站的宣传语也可以说是网站的精神、主题与中心，或者是网站的目标，用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站，进行对外宣传，可以收到比较好的结果。

二、网站设计的色彩搭配

打开一个网站，给用户留下第一印象的既不是网站的丰富内容，也不是网站合理的版面布局，而是网站的色彩。色彩对人的视觉效果非常明显，一个网站设计成功与否，在某种程度上取决与设计者对色彩的运用和搭配，因此专业人士把色彩制作成色系表，根据这些色系让网站也有其自身的色系，网站的色系是浏览者整体的视觉观感，若一个网站色系能有一致性，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便。而网站的色系更能衬托出网站的主题，若色系能与主题合理搭配，将会增加浏览者的易读性。网站的色系包含了网页的底色、文字字型、图片的色系、颜色等等，这不单只是将颜色搭配得当就算完美，还要配合每个内容，及网站主题。

1。网页的底色

网页的底色是整个网站风格的重要指针。举例来说，以黑色作为背景颜色的网页，因黑色本对人的视觉上会造成黯淡的感觉，若是拿来用作活泼的儿童网站，就是不适合了。因为小孩子是天真无邪的、活泼的、有朝气的，与黑色的沉稳、黯淡，很难联想在一起。当然，每个人的审美观不同，可能也会对颜色的代表性看法不同，但既然网站不是只写给自己看的，就应该要注意到大部分人可能会有的观点，然后以众人居多的观点出发，来设计网页。

2。文字字型

文字字型上的设计，最好的网站是以所有浏览者都能看到的字型为主。常会看到有许多网站要求浏览者须自行下载某种字型，才能达到最佳浏览效果，这是种非常奇怪的行为。毕竟浏览者只是来找资料或是来看网站的内容，不可能会因为这种“为达最佳浏览效果”，而自行下载所需要的字型。当所要求的字型若不下载，并不会影响到网站内容上的浏览与不便，那么对浏览者的要求就微乎其微不可能发生任何作用。这么一来，对于网页设计者来说，无非是非常可惜的，因为当初的设计风格却未能让浏览者一窥全貌，岂不是白费心思的吗？

3。图片的色系

以色彩学简单的区分，色系可分为冷色系与暖色系，再详细一点的区分，又可分出各种颜色的色系，而色系的区分，就在于主观浏览意识上的差异了。如何将图片的色系与网站整体色系相对应，就是比较困难的地方了。要绘制一张图并非易事，要绘制一张符合自己网页风格的图，更是困难重重。大部分的网页制作者，并不大可能驾轻就熟的使用影像处理软件或绘图软件，于是乎，网页素材的网站就开始盛行了。当然，不会使用绘图软件并不代表网页就不能设计的很出色，若是能将网络上的素材资源妥善利用，网站也是可以走出自己的风格的。而该怎么选择适合自己网站的图片，就是门很大的学问了。

以图片内容来说，能切合网站主题最好，若不能，也别差异太多。以颜色来说，若一个网页是蓝色的底色，但整个网页的图片却乱七八糟，各种颜色纷纷出笼，更糟的是，蓝色是属于冷色系的颜色，若以蓝色为底的网页，却尽都是大红色、橘色的图片，那将会使整张网页看起来就像垃圾堆，杂乱无章。所以，可以简单的归纳出，网页与图档的颜色，色系一致或是视觉效果一致，将会使网页看起来更为美观且有自己的风格。

4。网页的颜色

网页的颜色，并非单一就图文件、文字颜色、或是底色为主，而是以浏览者的角度来观

看，整体网页看上去是偏向哪种色系。常常见到许多网站虽然色系搭配的很好，但却是没有自己的风格。以目前流行的柔色系、粉色系网站来说，就是失了自己独到的风格。因为使用粉色系的网站，不外乎都有相同的特点，文字颜色浅，底色也以浅色系为主，这样除了没有自己的风格外，看起来既不大方也难登大雅之堂。以各大搜寻网站来说，根本不会做这样的设计，因为文字颜色淡，加上底色浅，对浏览者来说，阅读上非常吃力，所以这样的设计风格也应尽量避免。一个有自己风格，且阅读起来舒适大方的网页，并不可能一次就写好，而是需要经过不厌其烦的修正、调色，才能达到最佳浏览效果的。

三、网页的美化设计

1。使用CSS优化网页外观

使用CSS来获得对整个站点所有WEB页面的外观控制。设置页边空白，页面填充，边界，颜色和背景。对任意网页元素设置字体大小及改变字体外观。创建动态活动链接。创建CSS 风格的完全兼容的网页。

CSS的主要好处就在于，你不用去修改网页文件，只要修改这个页面连接的CSS文件，就可以实现不同的显示效果，包括底色、背景图片、文字大小、颜色、边框……等等。网站的版面、布局要求，不能占用较大的边幅放栏目图片，正文的位置不能少，图片与文章的搭配要平衡，过多使用大图片，大大增加了传输流量，影响了网站浏览者阅读的速度，要优化网页就尽可能使用CSS实现，灵活地使用CSS，可以使页面精致漂亮而又不会占用过多的系统资源，所以很有必要花些时间研究一下。

2。用表格美化页面布局

表格布局好像已经成为一个标准，随便浏览一个站点，它们一定是用表格布局的。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的缺点是，当你用了过多表格时，页面下载速度受到影响。对于表格布局，你可以随便找一个站点的首页，然后保存为HTML文件，利用网页编辑工具打开它（要所见即所得的软件），你会看到这个页面是如何利用表格的。

3.网页设计流派

一、美国报文流

世界上最早的网站设计师的启蒙恩师肯定是中国人，自从毕生发明了活字印刷之后，人类开始在纸上记录东西，虽然我们现在用的是电脑来设计和保存数据，其实只是载体不同而已，1714年，一位名叫亨利·米尔的英国人首先登记了发明专利。据说米尔发明的这种机器，“无论什么文章都可以用它写在羊皮纸上，其整洁清晰的程度与印刷品毫无区别”。然而，没有人知道它的模样，甚至不能够描述它看上去象什么东西。1775年，这种东西被传到了美国，美国独立战争结束之后，美国人开始了报纸创作。1868年6月23日，美国专利局正式接受了肖尔斯与他的合伙人格利登、索尔共同注册的“打字机”发明专利。由于资金困难，他们把专利卖给了雷明顿军械公司。不久，市场上隆重推出著名的“雷明顿牌”打字机。打字机的排版由最早的报纸设计师创造发明，而那写将26个字母紧罗密布的排列在一起的设计格式，成为了当时设计流派的精髓。199 1年8月6日，世界上第一个网站诞生了，作者蒂姆·伯纳斯－李解释了万维网是什么，如何使用网页浏览器和如何建立一个网页服务器等等。蒂姆·伯纳斯－李后来在这个网站里列举了其它网站，因此它也是世界上第一个万维网目录。

网站的设计风格没有过多的修饰，就将一张报纸记录新闻一样，这种流派的诞生，奠基了网站设计史上的第一步，现在很多欧美网站，依然延续了这种风格。

二、韩国京畿流

韩国有个地方叫京畿道，韩国最早的网站发祥地就在这个地方，在美国人搞出了世界上第一网站之后，聪明的韩国人开始了他们的网站设计之路，现在网上韩国网站模板铺天盖地，估计没几个人知道他们的由来已久，韩国网站设计艺术最早和大韩民族的危机存亡有这相关的联系，第二次世界大战日本占韩国，开始去韩化的运动，要求韩国人学日语，取日本人名字，企图将韩国文化在地球上抹杀掉，在当时的战争期间，韩国的一些设计师用自己的血绘制出一副有一副精美的设计海报，用多彩多艺的颜色来鼓励国人的心灵，对于日本人的强权政治进行反抗。虽然他们的作品早已经被战火所毁灭，但是他们的后人继承了他们的设计风格，90年代，网站设计文化传入韩国，那些新一代的韩国设计师，继续延续着他们的设计风格，韩国人善于用色，色彩明显而突出。用纯色来突出亮色，色彩华丽鲜艳夺目，直击主题，这和韩国人追求“悲情”的道理是相同的。与日本和色相比较，韩国人用色大胆，处处透入出这个国家在当年遭受其他国家侵略文化时不屈的精神，象征着生生不息的国家精神和民族精神，他们设计风格中充满着希望和梦想。所以同样遭受日本曾经侵略的中国的当代广大网站设计师所喜爱。

三、日本和色流

记得以前在大学里有一个同学和我说，日本网站真难看，和美国人设计差不多，一个背景，一些字，一张图，和韩国人的网站差远了，日本著名色彩设计师，南云嘉义说过，日本的和式以精致为主，因为笔者本身是日语系毕业，对日本网站的配色也做过点研究，日本人在二战后，开始了西化运动，将东方传统色系和西方色系完美的结合起来，韩国网站设计和日本网站设计最根本的区别在于，韩国人用强烈颜色的冲击和柔和来征服观众，日本人则用精制，精简的配色来取约观众，日本人从尚小而精，这点从他们的寿司文化中就能体现出来，日本人善于用背景图片，这从他们穿的和服上那多彩的花纹你可以看的出来，日本人善于将自己民族的颜色附加在西方艺术的之上。可见征服世界之野心。

四、大中华派

没有人敢否定中华民族的灵感与创造能力，尤其是方块字的魅力在网页上的展示。

其中香港、澳门的广告设计师们是最早一批的网页设计者们，他们引入了外来文化的精髓，其中对于细节的把握更是决定了其对WEB设计创造能力。这其中既有所示完美视觉观点的，又有如同逐浪CMS软件团队所主张的“只追求代码之美和运行效率”观点，但无论哪种观点，都将长此发挥下去。

需要批评的是，当前各类共享站中，过度的宣扬韩国网站风格与模板，造成了年轻一代

的创造力降低，而由于网页设计这一课程的培训目前要不是从平面设计教师中转型，要么是只给予基本的使用入门（甚至在微软公司都放弃了FrontPage软件多年的今天，不少计算机学校还以此软件为网页设计基础教程），这是基础的悲哀。