网站设计技巧

⑴ 网页设计有什么技巧

网页设计的技巧有：优化使用的图片；明智和有条理地使用字体；理解色彩无障碍性；清楚的了解浏览器的兼容性；使设计有灵活性和可维护性。

⑵ 网站设计有什么技巧或者说注意点

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的传输，而且可以让使用者判断是否继续进入观看。

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

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

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

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

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

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

⑸ 网页制作有哪些技巧

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

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

封面设计：小即是多

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

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

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

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

版面：差别产生层次

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

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

版面：由外到内

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

签名 LOGO ：

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

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

⑺ 网站设计到底应该如何做

• div+css是网站布局方式

• Div：是一个常见网页布局结构。它取代传统的表格布局方式。（就相当于人的骨架和各个零件）

• Css :是给网站进行美化和修饰。（相当于人的衣服、鞋子、帽子等修饰自己的东西）

Div+css布局的优势是什么呢？

• 这样写代码精简，提高页面的下载速度，有利于搜索引擎的优化。

• 一个网站开发完成后。用户通过"网络搜索"的方式获得该网站信息，若要用传统的表格布局。会造成网页页面很乱，不利于网络的搜索和查找。

• 结构与样式分离，方便前端开发人员与后台程序开发人员分工协调。

• 一个完整的网站由前端开发人员和后台程序开发人员相互配合来完成。

• 前端人员负责网站页面的设计和布局。后台程序开发人员负责网站功能开发（如：文件上传）

• 若结构和样式没有分开，不利于前端开发人员与后台程序开发人员的后续工作。

网站设计，要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来；而网页制作通常就是将网页设计师所设计出来的设计稿，按照W3C规范用html（标准通用标记语言下的一个应用）将其制作成网页格式。

建站过程：

准备内容

在域名注册查询网址之前就应该先搜集至少「一百页」的内容，这些内容必须是有价值的、不违反著作权的内容。

网址

想个比较有意义，好记的网址。

网页设计制作

对搜索引擎来说，他们无法检索到网站里的flash、java applet和javascript，也无法检索到你图档里写的字，所以在网站设计上，只要尽量简洁有力，让内容可以好好的呈现，就是一个成功的seo网站页面。页要尽量符合w3c的标准。

每页档案大小

建议每个网页尽量在15k以下，如果可以缩减到12k，甚至10k那就更好，但是不能在5k以下，以免影响内容的完整。其实我们都知道，搜索引擎最佳化的目的，实际上是为了使用者，而不是为了搜索引擎本身。

内容

每天建立一个500～1000字的网页，当然这个网页里面必须包含你重要的关键字，如果想不出关键字来的话，可以使用Yahoo的关键字建议工具

关键字密度

拿出你的关键字，在下列六个地方各使用一次：

* 标题；

* meta标签；

*网址；

* 粗体关键字 （就是写出你的关键字，然后把他加粗）；

* 斜体关键字 （就是写出你的关键字，然后把他斜体）；

* 页面上半部 （网页内容比较前面的地方，我是建议用个标题，像是h1）。

内部链接

内部链接就是在同一网站域名下的内容页面之间的互相链接（自己网站的内容链接到自己网站的内部页面，也称之为站内链接）。合理的网站内链接构造，能提高搜索引擎的收录与网站权重。你的网站里面可能有很多类的内容，请确定同类内容互相链接，而不同类内容千万不要互相链接。例如讲食品的页面请链接到讲水果的页面这样。

为什么要这样作呢？同类内容的内部链接可以让google的pagerank在你的网页里互相传递，如果你只对个别网页作最佳化，有可能会发生的情况是，网站里只有少数几个页面的排名可以往前，但是若是做好内部链接的话，可以让每个网页的排名都往前。

你想要五十个网页每天都可以带来一位访客，还是只有一个网页，每天带来五十位访客呢？前者还有机会可以努力，后者要再增加应该有其限度才对。

网站上线

最好不要用虚拟主机，若是能有自己的代管主机或者是固定ip位置就最好了。若是租用虚拟主机厂商的虚拟主机方案，你可能遇到的就是一台主机里面放上万个网站，尽管Yahoo和Google宣称，他们对待虚拟主机一视同仁，但是我还是担心要他们开始把同一主机ip数量加入排名公式的那天…

确认网站的每一页都可以被搜索引擎索引进去，网站里的链接要做好。另外呢，在网站还称不上是个「好网站」的时候，不要让网站上线，若是随便让你的烂网站进入搜索引擎，并且被打了低分之后，我想，要让分数上升似乎就不是那麼容易了。

接著，把自己加入到odp（open directory project），这是一个大家可以手动加入的目录索引，这样至少你的网站已经在一个索引里面了，接著，若是有钱的话，可以使用搜索引擎快速付费登录，这可以让你的网站在一定的时间内排名增加到前几名，若是没钱的话也没关系，慢慢等还是会被登录进去的。

送交搜索引擎

把你的网站登录好后，接著，就放著不管了。别忘了，这篇文章的目的是建立成功的网站，过程是一年，所以把网站送交登录之后，请耐心等待六个月。（最惨的情况下啦，不过一般来说，新网站最迟三～五个星期就会进入索引里面了）

网站推广

网站推广毋庸置疑任何一个想盈利的网站都无法回避付费推广服务，推广方面最主要的就是竞价排名。网站推广在建站之后是最重要的一步！

纪录与追踪

申请一个不错的网页计数器。

程序设计

网站设计包括前台用户视觉体验的设计和后台程序功能设计，两个方面都是非常重要的；视觉设计对于客户的阅读带来愉悦和信任，后台注重操作的方便行。

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

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

⑼ 网站制作有哪些小技巧

1. 优化图片，获得更好的页面加载速度2. 保持干净和简单(即：简洁)3. 导航(条/栏)是最重要的设计4. 明智和有条理地使用字体5. 理解色彩无障碍性6. 知道如何编写代码7. 不要忘记搜索引擎优化8. 理解人是没有耐性的9. 了解(并意识到)浏览器的兼容性10. 使设计有灵活性和可维护性