网站设计技巧

1、网站建设需要注意哪些技巧

网页设计包含的内容很多
一个网页的组成，页面框架+美工+程序+数据库。
页面框架：也就是网站的结构设计，包括了UI和LOGO等，总体来说是为了方便用户操作记性的界面，效果，已经页面的流程进行的设计。
美工：要求会的最基本的几个软件PHOTOSHOP,FLASH,FIREWORKS ，一般网站设计用PS比较多。
程序：要求会的语言很多，包括客户端的脚本语言和服务端的语言，客户端语言包含HTML，JAVASCRIPT，VBSCRIPT，服务端语言包括，ASP，JSP，PHP，.net等等。 数据库方面：用的数据库也许有很多种，我见过有用ACCESS的，也有SQLSERVER的，还有DB2，ORECLE等等。一般对于网站来说如果不是象银行这样的大规模数据交换，SQLSERVER已经足以。
自己做网站建设需要会很多的知识，建议找公司做。
1、网站的主题，看是要做一个公司的官网还是一个产品品牌的网站。
2、网站的设计，就是视觉效果，客户在进入网站的时候第一时间看见的就是网站的设计。
3、网站的整体架构，网站的信息一定要有清晰的逻辑，信息讲的不清晰客户根本就没有兴趣看下去。
4，数据分析，做网站一般都有数据分析，可以实时的跟踪客户的信息。

2、网站设计要怎么设计?

网站设计精华65条原则
01.明确内容
如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。

02.抓住用户
如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。

03.优化内容
内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。
Chanels网站（www.emju.com）在设计的某些方面是成功的，但是内容太贪乏，并且要花很长时间才能找到所要的东西，因此不能算是一个成功的网站。

04.快速下载
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。

05.网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。

06.坚持基本原则
即使你不懂HTML语言，你只需购买一个有版权的所见即所得的网页设计工具，如Adobe PageMill或Microsoft FrontPage Express，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。
为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。

07.学习HTML
用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。

08.用笔画一个网站的框架
圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。

09.“在计算机上永远也找不到好的方案”。——专家忠告

10.网站地图
许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。

11.“睁大你的眼睛，留意所有的事情。
对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素，确保你的设计是围绕站点浏览进行的。” ——专家忠告

12.点击规则 听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。

13.特殊字体的应用
虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。

14.“使用切合实际的简便的命名规则。” ——专家忠告

15.检查错别字
好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字。

16.避免长文本页面
在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费Web的潜力。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读。

17.不要使用卷滚条
人们厌恶在网上使用卷滚条。Trouble网站（www.Trouble.co.uk）是一个典型的设计很差的网站。它基于一个浮动的架构，为了阅读所有的文本，浏览者不得不使用卷滚条。

18.专家最喜爱的Web设计工具
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
4.Adobe ImageRead
5.Dreamweaver
6.Macromedia Fireworks
7. Allaire Homesites
8.Microsoft Notepad
9. Macromedia Director
10. Lightwave
11. Macromedia Freehand
12．其它：Adobe Acrobat Exchange，Allaire ColdFusion,BBEdit,HTMLValidator等。

19.网站介绍
你应当有一个很清晰的网站介绍，告诉访问者你的网站能够提供些什么，以便访问者能找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。

20.“网站一旦发布，网站设计的优点和缺陷全都公布于世。
没有什么法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到多的东西。”——专家忠告

21.闪烁让人头痛
通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站，就少用此方法。

22.背景颜色
背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。

23.向前和向后按钮
应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。
24.“坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习” ——专家忠告

25.点击记数器
不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。

26.不要用框架
与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。

27.去掉图像
在浏览器中即使去掉了图像功能，也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者，还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字，而不是图像来满足访问者的需要。

28.重复使用图像
一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时，在网页上多次使用同样的图像是一个好的方法，并且一旦它们被装入，以后重新载入就会很快。

29.避免使用过大的图像
不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。

30.“避免使用炫耀的技巧。” ——专家忠告
31.选择使用Flash动画
许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源，使网站的操作变得很困难，因此，应该给用户一个跳过使用Flash动画的选择。

32.尽量少使用Flash插件
虽然许多Web设计者认为Flash功能很强大，并且Netscape5.0将支持Flash，在使用时不必再下载任何插件。
但是，最好还是取消使用Flash做各接口的想法。

33.让用户先预览小图像
如果不得不放置大的图像在网站上，就最好使用Thumbnails软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。

34.动画与内容应有机结合
确保动画和内容有关联。它们应和网页浑然一体，而不是干巴巴的。动画并不只是Macromedia Director等制作的东西的简单堆积。

35.慎用声音
声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢，同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣，但是多次以后肯定会很烦人。使用声音前，应该仔细考虑声音将会给你带来什么。

36.少用Java和AxtiveX
在网页上应尽量少使用Java和AxtiveX。因为并不是每一种浏览器都需要使用它，只有那些Netscape和Explorer的早期版本的使用者才需要它。另外Mac在处理Java时也存在问题，过分地使用Java，会使Mac崩溃。

37.设计成功的网站
www.emju.com
www.bmw.co.uk
www.yugop.com
www.comicrelief.org.uk
www.dreamcast-europe.com
www.newsunlimited.co.uk
www.newbeetle.com
www.swoon.com
www.viact.co.uk

38.慎用插件
在Web设计中，如果依赖于一些特别的插件，会减少网站的吸引力。如果访问者没有所要求的插件，将不得不到其它站点去下载，这样访问者有可能就不会返回了。

39.使用著名的插件
如果网站上有声音或视频，要保证使用者通过使用某个知名的插件，能够听到或看到。许多站点使用QuickTime、RealPlay和Shockwave插件。因为，许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。

40.使用先进技术
跟上新的技术。Web技术的进步绝不会停止，所以应花一些时间来研究新产品和开发技术。

41.自己创建图像和声音
使用你自己创建的或从某个商业网站上下载的图像和声音。在制作商业网站时，应该花足够的资金来创建图形，以增强公司的宣传。——专家忠告

43.平台的兼容性
要为用户着想，必须最少在一台PC和一台Mac机上测试你的网站，看看兼容性如何。

44.用软件分析工具找错
使用软件分析工具检查HTML。软件分析工具Doctor HTML能够帮助检查HTML中的任何问题。如果你有许多网页需要检查，可选用软件分析工具。在网址www.weblint.org/validation.html中，你能够找到更多有效的HTML工具。

45.避免错误链接
网站中可能与其它一些有用的站点作了链接。但是，如果在你的网页上有链接，一定要经常检查它们，保证链接有效。链接的网站可能很多，但不要链接到与你的内容无关的网站上。

46.给观众成熟的东西
如果网站没有完成，就不要发送到Web上。所有好的网站都是在幕后完成之后再发布的。

47.在搜索引擎上登记网站
任何一个人发现你的网站的机会都很少，除非你把你的网站在主要的搜索引擎上进行登记。

48.设计一个留言板
浏览者愿意把时间花在好的网站上，所以最好有一个留言本，这能激励访问者再次回到你的网站，还有助于扩充网站内容。

49.测试网站
在你的网站正式发布之前，必须进行有用的测试。在设计网站时要使用最新的软件，但是不要忘了人们并不会使用最新的浏览器，所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。

50.“尽你所能反复测试所设计的网站，直到你不能发现新的东西为止”——专家忠告

51.演示即将发布的网站
在网站正式运行之前，让人演示它。演示中人们会告诉你所设计的网站是否容易使用。

52.动画点缀 网页上的动画最多只用一个。

53.“倾斜的按钮看起来不会太好，最好不要使用。”——专家忠告

54.内容组织
在开始创建新的网页前，仔细考虑网站内容的组织。决定好想让访问者浏览的内容，然后设计导航系统。

55.“空白万岁”
注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页，即使有足够的空间，在设计时也应该避免使用。

56.“利用空白去吸引注意力。
为了吸引眼球，Web设计者使用各种方法， 比如：闪烁、旋转等，但是利用空白会吸引更多的注意力。”——专家忠告

57.图像压缩
为了保持小的图像，可以使用类似GIF向导的程序，它能自动对图像进行压缩。先声明图像的大小
在图像显示之前最好能详细说明图像大小属性，可以在IMG标签中保存这个属性。这可以使网页显得很流畅，因为浏览器可以在图像被下载之前在屏幕上显示整个网页。

58.设计失败的网站

——在它上面找一件T恤衫要花一个小时；
——给顾客承诺的服务太多，但真正实现的太少；
——二年以前的设计水平，忽视了顾客的需要；
——不吸引人，主页太雷同

——设计太差
.
——没有新意
——导航不知所云

59.图像大小属性 可以在IMG标签中保存这个属性。这可以使网页显得很流畅，因为浏览器可以在图像被下载之前在屏幕上显示整个网页。

60.用户注册
如果能知道谁浏览了网站以及是怎样浏览网站的，那么就能得到大量有用的信息。但是，要求访问者在浏览网站之前进行注册，这样做是要冒风险的，因为这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有奖竞猜或金钱奖励，让用户能主动填一些信息反馈表。
61.使网站具有交互功能 在网站上提供一些回答问题的工具，使得访问者能从网站上获得交互的信息。

62.图片更新
尽可能经常更换网站上的图片，人们更愿意点击的是图片而不是文本。

63.在网站上提供游戏
游戏是很好的交互工具，它是使访问者能再次光顾网站的好方法。

64.挑选工具软件
仔细选择Web设计工具。保证使用自己最想要的、自我感觉最好的软件。

65.使用最新版本的软件
尽量使用Web设计软件的最新版本。

如果觉得好的话，记得留言哦。
来源：http://www.fanxubo.cn 第二人生

3、网页设计中的五则常用设计技巧有哪些

封面设计：小即是多

当你在设计时手头上有三张照片，你会如何处理?你会将这三张照片都用上，对吧?其实没必要!一张照片就已经能够使设计信息有效传达。

记住，在设计中，小即是多。学校的塔楼已经可以传达很多信息。简单的居中设计，就是直接让这张照片“说话”，然后加上文字就行了。注意在上图中，文字的背景区域并没有横跨整个版面，因为我们要让图片由上至下都可以流动。而上图右，学校的主色(紫色)及褐色与树的绿色形成吸引人的视觉效果，留意这三种颜色在色轮中的位置关系，绿色及褐色是紫色的补色的邻近色，听起来很复杂?紫色的补色是色轮中相隔 180 度的草绿色，而草绿色的两边邻近色就是绿色及褐色(留意色轮中的线条)。我们将这种颜色关系称之为“补色分割”( Split complementary )。

排版：文字应该与图片紧密配合

我们经常会接触到一些与电器、高科技产品，而设计一个描述式的版面其实充满乐趣。

版面：差别产生层次

哈钦斯大街广场酒店( Hutchins Street Square Hotel )是举行会议、宴会、接待及其它活动的理想场所，但如果你只是看它的这张价格宣传单张，没有人会觉得这家酒店有什么优点。它的版面缺乏生气，字里上的文字同一种字体，同一种尺寸，同一种的样式，同一种颜色，但都迷失在白色的海洋中——虽然页里上写满信息，但毫无生命力。

这种低调的设计很容易让人忽略，但你要记住，对于酒店来说，很多顾客第一个看到的东西就是它(也可能是最后!)。还是让我们花点时间来设计，使人瞥上一眼就能知道它要说什么。

版面：由外到内

要使设计的内部与外部有着相同的风格需要一定的技巧。怎么做?简单，将封面的字体、颜色、图片风格及主要的版式都搬到里面去。注意各种元素的比例，如绿色的使用比例及图片的大小。

签名 LOGO ：

还有什么图案比你自己的签名显得更独一无二？它完全属于你自己。所以当你有一项业务或项目是需要你最终来确认的一个典型的例子就是公证人——那你为什么不直接用你的名字作为一个 LOGO?

相信大家已经对网页设计技巧有了进一步的理解了。但是，要记住，用户才是一个网站生存下去的根本，各位网页设计者们千万不能只专注于网页设计的新颖度，却忽视了网页的基本作用。用户是根本，就和顾客是上帝是一个道理。

4、单页网站设计有哪些技巧

前台设计步骤：
首先了解客户需求，掌握客户做网站的目的，及客户的业务方向，根据客户的的业务方面，确定界面的色调与布局等。
其次，根据这些需求，参考同类型的网站，从同类型的网站找到一定的规律，之后用ps先设计大致的出首页界面。设计完成以后给根据你的设计，跟客户再做一次沟通，按他的意见进行修改，达到满意
第三、客户满意你的首页设计以后，开始切片，写前台界面div+css结构即可。子页风格也要跟客户做简单沟通，如果客户没有特别要求，要跟首页相随合。
第四，在需要加入特效的位置加入特效，在浏览器测试兼容性。
第五、做好这些工作之后，就可以把这些交给程序员做后台程序了。

5、Dw网页设计制作9个小技巧，你都会吗

1）怎样将 Dreamweaver 集成到 IE 浏览器？
Dreamweaver 安装程序会在上下文选单增加一个“ Edit with Dreamweaver ”命令，我们还可以修改 Windows 的注册表使它与 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一样，通过 IE 工具栏的编辑按钮来调用 Dreamweaver 打开当前网页。
将下面文本的最后一行要改为你自己的 Dreamweaver 安装路径，把它们保存为一个 *.reg 文件，双击它将信息添加到注册表即可。
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
@="C:\Program files\Macromedia\Dreamweaver 3\dreamweaver.exe %1"
如果要设置为 IE 缺省的编辑器，打开 IE 的“Internet 选项”，在程序标签指定。
2）为了使用某些脚本，经常要为图形或文本加上空链接，但是浏览时点击有空链接的对象时，会跳到页面的顶端，如何避免？
因为浏览器以为链接到同一页，可它又找不到定义的书签（ anchor ），于是停留在页面的顶端。用“ javascript:void(null) ”替换空链接的“ # ”，解决这个问题。
3）使用 CSS 、层的时候，在不同浏览器的效果不一样，有时甚至出现错位现象，怎样解决？
在对不同浏览器的兼容方面， Dreamweaver 作得不错，但绝不意味用 Dreamweaver 作出的网页在 IE 和 Netscape 中完全一样。通常情况下，用不同的浏览器浏览同一个网页的外观不可能完全一样，这是不同厂家的浏览器本身决定的。
一般要尽量注意以下问题：
不要混合使用层和表格排版，如果是父子关系，如层中表格，不在此原则范围内；
内联式的 CSS 在 Netscape Navigator 中经常会出现问题，使用链式或内嵌式；
有时需要在空层插入表格或者透明图片，以保证在 Netscape Navigator 里的效果。对于只有几个像素宽度或高度的层，改用图片来实现；
避免使用 W3C 组织不推荐的排版属性，用 CSS 代替。
4）为何从别的文档拷贝文本到 Dreamweaver ，所有的段落会挤成一团，而在 Dreamweaver 内部又带有格式代码？
Dreamweaver 复制和粘贴文本有二种类别，标准的方式将对象连同对象的属性一起复制，把剪贴板的内容作为 HTML 代码；另一种方式仅复制或粘贴文本，复制时忽视 html 格式，粘帖时则把 html 代码作为文本粘贴。多按一个“ Shift ”（ Ctrl+Shift+C/Ctrl+Shift+V ）键即按后一种方式操作。
5）为什么网页用 IE 浏览正常，用 Netscape Navigator 却不符合要求甚至出错，而且在 Dreamweaver 的文档窗口老是修改不好？
请检查代码。因为用所见所得编辑器反复修改页面的某些部分，有时会留下一些多余的代码，比如多余的链接，这些代码在 Dreamweaver 的文档窗口看不到， IE 会忽视它们。但是 Netscape Navigator 对代码要求更严格，预览时就出现不可思议的现象。
6）在 Netscape Navigator 中，有些书签（ anchor ）不起作用，有些好象消失了？
Netscape Navigator 的书签是大小写敏感的。在 Navigator 中，多层嵌套的表格里面的书签会丢失，把书签放到表格外面。
7） Dreamweaver 文档窗口布满了各种各样的面板，为了编辑文档，不得不扒开一个个空隙，太累，如何是好？
一个 800X600 分辩率的屏幕对于 Dreamweaver 来说确实小了些，不过即便是 1024X768 ，也放不下所有的面板。关键是好好组织。
关闭那些在编辑中暂时用不到的面板，把常用的面板放在一起，节省屏幕空间；
除非现在要用，否则关闭“ HTML Source Inspector ”，它除开占用屏幕空间，还占用相当的系统资源；
按 F4 隐藏所有打开的面板，一览文档的全貌，再按一下，显示面板；
在“ Windows ”选单有个“ Arrange Floating Palettes ”命令，使用这个命令将所有打开的面板放在窗口四周，并互不重叠。
多用快捷键并熟练掌握是很好的提高工作效率的方法。
当添加不可见的对象时，Dreamweaver会在文档窗口的页面顶部加上相应的图标，如果图标太多，可能妨碍编辑。可以按“Ctrl+Shift+I ”（主选单 View|Invisible Elements ）来隐藏和显示它们。也可以设定不出现这些图标，不过不建议这样作，因为它们能帮助选择对象，便于编辑。
8） Head 对象面板只能添加内容，能在文档窗口修改 标记的内容吗？
可以。有一种非常直观的方式，按“ Ctrl+Shift+W ”（主选单 View|Head Content ），在文档窗口主选单栏下出现一行图标，点击这些图标修改。
9）如何选择表格、层里面那些非常小的，比如 1X1px 的图片？
在表格的单元格中点击，然后按下“ Shift ”键，用箭头键移动即可选择。
也可先选定表格单元（按下 Ctrl 键，用鼠标点击相应单元）或者层，然后在“ HTML Source Inspector ”面板中选择高亮代码中的 ，返回文档窗口，图片即被选择。

6、让网页更吸引人的几个网页设计技巧

技巧谈不上，只能说细节重要。
第一、版式。用户打开网站，首先看到的是什么？当然是排版，你要有一个吸引人的排版才能让用户有兴趣往下看。
第二、颜色搭配。论重要性，它不比版式低，根据网站的内容性质，我们要适当使用与内容搭配的颜色，用户以哪一种心情进入网站，设计师心里要有数。
第三、必要的功能。用户浏览到一半，想要资询你，发现没有联系方式，那岂不是失去了这个一个客户？当然不止联系方式，还有返回顶部也很重要，特别是页面很长的时候，总不能让用户一直拨动滚轮，滚轮坏了你给买啊？
第四、能进一步了解产品或者服务等的内容信息。拿淘宝为例，用户看到某个商品，觉得喜欢，想要了解产品，这时候必须有产品详情展示给用户。
这只是一部分，当然还有很多。总之想要有一个高大上的网站，必须考虑到用户体验。

7、网站建设过程中需要掌握的哪些技巧

1.前期分析定位
不管做什么事情，都需要前期整理一个思路，我们想要什么，必须要明确，不然网站怎么做都做不完

2.沟通
网站建设不是一个产品，而是一个服务，对于服务来说，沟通是必要的，在与网络公司的合作中，保持良好的沟通，及时的沟通，有效的沟通

3.理解
沟通的下一步，就是理解，不然浪费时间浪费精力

8、浅析网页设计中的五则常用设计技巧有哪些

封面设计：小即是多

当你在设计时手头上有三张照片，你会如何处理?你会将这三张照片都用上，对吧?其实没必要!一张照片就已经能够使设计信息有效传达。

记住，在设计中，小即是多。学校的塔楼已经可以传达很多信息。简单的居中设计，就是直接让这张照片“说话”，然后加上文字就行了。注意在上图中，文字的背景区域并没有横跨整个版面，因为我们要让图片由上至下都可以流动。而上图右，学校的主色(紫色)及褐色与树的绿色形成吸引人的视觉效果，留意这三种颜色在色轮中的位置关系，绿色及褐色是紫色的补色的邻近色，听起来很复杂?紫色的补色是色轮中相隔 180 度的草绿色，而草绿色的两边邻近色就是绿色及褐色(留意色轮中的线条)。我们将这种颜色关系称之为“补色分割”( Split complementary )。

排版：文字应该与图片紧密配合

我们经常会接触到一些与电器、高科技产品，而设计一个描述式的版面其实充满乐趣。

版面：差别产生层次

哈钦斯大街广场酒店( Hutchins Street Square Hotel )是举行会议、宴会、接待及其它活动的理想场所，但如果你只是看它的这张价格宣传单张，没有人会觉得这家酒店有什么优点。它的版面缺乏生气，字里上的文字同一种字体，同一种尺寸，同一种的样式，同一种颜色，但都迷失在白色的海洋中——虽然页里上写满信息，但毫无生命力。

这种低调的设计很容易让人忽略，但你要记住，对于酒店来说，很多顾客第一个看到的东西就是它(也可能是最后!)。还是让我们花点时间来设计，使人瞥上一眼就能知道它要说什么。

版面：由外到内

要使设计的内部与外部有着相同的风格需要一定的技巧。怎么做?简单，将封面的字体、颜色、图片风格及主要的版式都搬到里面去。注意各种元素的比例，如绿色的使用比例及图片的大小。

签名 LOGO ：

还有什么图案比你自己的签名显得更独一无二？它完全属于你自己。所以当你有一项业务或项目是需要你最终来确认的一个典型的例子就是公证人——那你为什么不直接用你的名字作为一个 LOGO?

相信大家已经对网页设计技巧有了进一步的理解了。但是，要记住，用户才是一个网站生存下去的根本，各位网页设计者们千万不能只专注于网页设计的新颖度，却忽视了网页的基本作用。用户是根本，就和顾客是上帝是一个道理。

9、网站设计有什么技巧或者说注意点？

1、使用者优先的观念

无论什么时候，不管是着手准备设计HomePage之前。正在设计之中，或者已经设计完毕，有一个最高行动准则一定要牢记在心，那就是∶使用者优先。因为没有使用者去光顾， 任何自认再好的HomePage都是没有意义的。

2、考虑大多数人的连线状况

您或许使用办公室的ISDN，也可能使用学校的高速专线，但您都必须知道，目前大多数人所使用的还是14.4K或28.8KModem透过电话线路的缓慢连线方式 ，而且塞车塞得很严重。所以您在设计HomePage时就必需以这种普遍状况为设计参考量，不要放置一堆会加重塞车情形或让人等得发火的东西。最后，完成之后, 您最好自己透过远端Modem拨接上网的方式来亲自测试一下。

3、考虑使用者的浏览器

其次，必需考虑使用者的浏览器软件，如果您想要让所有的人都可以毫无障碍地观看您的HomePage，那么最好使用所有浏览器都可以阅读的格式，不要使用只有部份浏览器可以支持的HTML格式或程序技巧。如果想要展现自己的高超技术又不想放弃一些潜在观众，可以考虑在主页中设置几种不同的观赏模式选项（例如纯文字模式、Frame模式、Java模式等等），供浏览者自行选择。

4、内容第一

“内容永远第一”，这句话适合书本，更适合网络上的HomePage，而且几乎每个参与提供意见的人都举双手赞成这句话。没有内容的书本已经够令人讨厌， 但至少您还可以很快判断出来，而HomePage呢？您可能得耗费一整个晚上的时间与金钱，才会发现原来网站里根本没有您要找的东西，这种痛苦真不是三言两语可以形容。内容可以是任何东西，包括文字、图片、影像、声音等等，但请记住一点：一定要跟这个网站所要提供给人的讯息有关系。再提醒一次∶内容永远第一！

一个好的网站在进行实际的HomePage建置之前，首先应该考虑什么条件呢?它们包括有：牢记使用者优先的观念、考虑大多数人的连线状况、考虑使用者的浏览器，以及内容第一等等。再来看看在着手HomePage的实际建置过程中，所应该掌握的几个重点原则。

5、着手规划、确定特色、锁定目标

不管做什么事，一定要进行规划，建置网站更是如 此。规划时必须确定自己网站的性质、 提供内容、目标观众，然后根据本身的软硬件条件来设置范围。网络的特色是及时、新鲜、丰富、热闹，这是吸引大家上网的条件，如果本身条件强大，可以根据上述原则使自己网站成为一个全方位的信息提供者，如果不足，就成为单方面的提供者；此外，还可以在特殊议题或主题上加以突出，进一步锁定目标观众。

6、第一页很重要

第一页是最重要的东西，因为它是别人认识这个网站的第一印象。如果是新开幕的站台，最好在第一页就对这个网站的性质与所提供内容做个扼要说明与导引，让别人判断要不要继续进入里面。最好第一页就有很清楚的类别选项，而且尽量符合人性化，让参观者可以很快找到需要的主题。在设计上，最好秉持干净而清爽的原则。第一、若无需要，尽量不要放置大型图形文件或加上不当的程序，因为它会增加下载时间，导致观赏者失去耐心；第二、画面不要散置得太过杂乱无序，因为观赏者会找不到东西。记住：失败的第一页会让许多人掉头远去，不可不慎。

7、分类

内容的分类很重要，可以按主题分类、按性质分类、按机关组织分类，或按人类思考直觉式地分类等等，一般而言，按人类的直觉式思考会比较亲切。但无论哪一种分类方法，都要让使用者可以很容易找到目标。而且分类方法最好尽量保持一致，若要混用多种分类方法也要掌握不让使用者搞混的原则。此外，在每个分类选项的旁边或下一行，最好也加上这个选项内容的简要说明。

8、互动性

WWW的另一个特色就是互动。好的网站 HomePage必须与使用者有良好的互动性，包括在整个设计呈现、使用介面导引上等等，都应该掌握互动的原则，让使用者感觉他的每一步都确实得到适当的回应，这部份需要一些设计上的技巧与软硬件支持。事实上，好的网站HomePage设计必须加上个人技巧、经验累积以及软硬件技术的配合运用等。

9、图形应用技巧

图形是WWW网站的特色之一，它带有醒目、吸引人以及传达讯息的功能，好的图形应用可以让HomePage增色不少 ，但不当的图形应用则会带来反效果，而其中又以大量使用无意义及大型的图形成为HomePage的败笔。笔者建议，如果可以，应尽量缩小或省略图形。目前国内的网络传输资源极为有限，因此使用图形时一定要考虑传输时间的问题。根据经验与统计，使用者可以忍受的最长等待时间大约是90秒钟，如果您的HomePage无法在这段时间内传输并显示完毕，那么使用者就会毫不留情掉头离去。因此必须依据HTML 文件、图形文件的大小，考虑传输速率、延迟时间、网络交通状况，以及服务端与使用者端的软硬件条件，估算HomePage 的传输与显示时间。在图形使用上，尽量采用一般浏览器均可支持的压缩图形格式，例如JPEG与GIF等，而其中JPEG的压缩效果较好，适合中大型的图形，可以节省传输时间。如果真要放置大型图形文件，最好将图形文件与HomePage分开，在HomePage中先显示一个具有连结功能的缩小图档或是一行说明文字，然后加上该图形文件大小的说明（例如100KB），如此不仅加快HomePage的传输，而且可以让使用者判断是否继续进入观看。

10、图形加上说明

此外，还有一点要特别提醒，许多网站建置者常常忽略了这件事。为了节省传输时间，许多人习惯采用“关闭图形“ 的模式再观看您的HomePage（甚至有人使用纯文字的浏览器 ）。因此当您在放置图形时，一定要记得为每个图形加上不显示时的说明文字（也就是在HTML文件中的图形文件后面加上alt文字说明），如此使用者才能知道这个图形代表什么意义，判断要不要观看。特别是如果这个图形具有可连结的选项功能时，千万记得一定 要加上说明文字，并给予同样的可连结功能。

11、背景底色

不少人喜欢在HomePage中加上背景图案，认为如此可以增加美观，但却不知这样会耗费传输时间，而且容易影响阅读视觉，反而给予使用者不好的印象。笔者建议，若没有绝对必要，最好避免使用背景图案，保持干净清爽的本文。但如果真的喜欢使用背景，那么最好使用单一色系，而且要跟前景的文字可以明显区别，最忌讳使用花俏多色的背景，因为这样不仅大量耗费传输与显示时间，而且会严重混乱使用者的阅读。

12、HTML格式的注意事项

有关HTML的撰写方面，应注意以下的一些注意事项；不少人在撰写HTML文件时，会简略一些命令格式，但为了日后维护方便，撰写HTML时最好架构完整，而且初学者也可以藉此对HTML语法有正确认识。另外，如果本身网站想让别人可以透过搜寻站来找到， 那么千万不要忘了在〈Title〉指令中加上可供搜寻的关键字串。为了增加与使用者的互动，HomePage中最好也加上可供使用者表达意见的E－mail信箱，在HTML中一定要注意它的格式命令写法，许多人在这个地方常常写错。另外，在PC系统下，文件的大小写不分，但在UNIX系统下，则大小写有区分，需要注意。

13、避免滥用技术

技术是令人着迷的东西，许多人也喜欢使用技术。专家普遍指出，好的技术运用会让HomePage栩栩如生，令人叹为观止；但不当的技术则适得其反，反而成为HomePage的大败笔。首先，使用技术时一定要考虑传输时间，不要成为他人观看的沉重负担；其次，技术一定要与本身网站的性质及内容相配合，不要耍了一大堆不相干的技术。有一个最常见的技术应用，就是利用JavaScript撰写一个走马灯的功能，让文字可以动态地显示在窗口的最下一栏，这种方式看起来似乎很酷，但却容易遮住该位置原本用来显示地址及传输状态的功能，反而造成使用者的不便。何况既然只是显示一两个文字，何不直接放在HTML本文中呢？Java小程序也是目前网络上的常见技术，它是一个好用的利器，擅长于动态物象的呈现，虽然只要浏览器支持就可以动，但同样，也需要考虑传输时间，以及一般人的电脑系统负荷等问题。最后，技术最好不要用得太过多样而复杂，有些人似乎不展现功力就不快乐，所以也不管合不合适，就把所有可用技术全部用在里面，这时大家就会看到一个惨不忍睹的HomePage。

14、即时、更新、维护

不要忘记，大家都想看新鲜的东西，没人对过时信息有兴趣， 所以资料一定要注意即时性。有些网站半年没更新，感觉就像一池死水。如果想要经营一个带有即时性质的网站， 除了注意内容外，资料还要记得每日更新。笔者建议，不妨每隔一阵子就对页面设计做一次小翻新，时时保持新鲜感。最后，须考量的就是事后维护管理的问题，写HomePage很简单，但维护管理就比较繁人，它的工作往往偏重属重复而死板。个人性质的网站在维护管理上比较简单，但公司网站如此不仅加快HomePage的传输，而且可以让使用者判断是否继续进入观看。

10、网页制作有哪些技巧？

1.对比图像，文字更具吸引力
2.眼球的第一运动聚焦于网页的左上角
3.用户浏览网页时，首先观察网页的左上部和上层部分，之后再往下阅读，浏览右边的内容
4.读者会忽视横幅广告
5.花哨的字体和格式被忽视
6.用数词来代替数字
7.字体大小影响浏览行为
8.遇到感兴趣的内容，用户仅会多看一眼副标题
9.人们大都只浏览网页的小部分内容
10.简短的段落相对于长段落来说有更好的表现力
11.根据视觉锁定，一栏格式比多栏格式拥有更好的表现力
12.网页顶部和左边的广告更能吸引眼球
13.将广告放置与最佳内容一旁也可以提升注意力
14.在各种测试中，人们阅读文字广告最为专心。
15.越大的图像吸引越多的注意力
16.干净、清晰的特写图片能吸引更多的视觉注意
17.标题能吸引眼球
18.用户花费大量时间察看按钮和菜单
19.表单格式可以延长读者的注意时间
20.避免呈现大块的文本
21.格式可以吸引注意力
22.利用好空白
23.放置于网页顶部，导航工具的作用将更好的发挥