设计网站中有哪些关键技巧？有哪些陷阱？世界上一流的网站设计专家告诉你

　　设计网站中有哪些关键技巧？有哪些陷阱？世界上一流的网站设计专家告诉你

　　最近在网上看到文章这样的文章。我觉得很适合网站Designers、网站Developers等从事B/S的同事。

　　设计网站的关键技能是什么？有哪些陷阱？在这里，世界一流的网站设计专家将让你分享他们的秘密，告诉你：让网站变得有趣的小窍门，要避免什么，使用什么工具，他们又爱又恨网站。

　　01 清除内容

　　如果你想成为网站设计师，想要打造一个网站，你首先应该考虑网站的内容，包括网站的功能以及你的用户需要什么。你的整个设计应该围绕这些方面进行。

　　02 抓取用户

　　如果用户不能快速输入你的网站，或者操作不方便，网站设计就会失败。不要让用户失望，转向对手的网站。

　　03 优化内容

　　内容是核心。大约两年前，企业网站就像一本广告手册。更糟糕的是，网站使用了大量图片，似乎需要几个世纪才能下载。

　　Chanels网站() 在设计的某些方面是成功的，但是内容过于贪婪，需要很长时间才能找到想要的东西，所以不能算是成功的网站 .

　　04 快速下载

　　没有什么比下载一个页面需要很长时间更糟糕的了。根据经验，标准网页不应大于 60K，通过 56K 调制解调器加载需要 30 秒。一些设计师说网页应该在 15 秒内加载。

　　05 网站Upgrade

　　时刻关注网站的运行状态。性能良好的主机可能会随着访问者数量的增加而运行缓慢。但是，如果您不想失去访问者，则必须仔细规划您的升级计划。

　　06 坚持基本原则

　　即使你不懂HTML，只需要购买一个有版权的WYSIWYG网页设计工具，比如Adobe PageMill或者Microsoft FrontPage Express，就可以创建一个看起来合理的网站。然而，在设计时，虽然这些软件包不需要 HTML，但它们会拖慢网站。

　　为了成功设计网站，您必须了解HTML 的工作原理。大多数网站设计师建议网络新手应该从有关HTML的书籍中寻找答案，并使用记事本制作网页。

　　07 学习 HTML

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

　　08 用钢笔画一帧网站

　　贤者云：笔比剑强。使用电脑前，用笔画一个网站的框，展示所有网页的相互关系。计划您的用户将如何在最短的时间内浏览您的 网站。

　　09“我在计算机上永远找不到好的解决方案”。 ——专家建议

　　10 网站Map

　　许多设计师将他们的网站map 放在网站 上。这种方法弊大于利。大多数访问者上网查找一些特殊信息。他们对您的网站 的工作方式不感兴趣。如果你认为你的网站 需要一张地图，你很可能需要改进你的导航和工具栏。

　　11》睁大眼睛，关注一切。观察最不相关的可能是最好的灵感。观察网站的结构和设计。了解网站结构的关键元素，以确保您的设计围绕网站浏览。”——专家建议

　　12 点击规则

　　您听说过 3 次点击规则吗？对于小网站，你的主页上没有一条信息需要点击3次以上。对于大网站，使用导航和工具栏来改进操作。

　　13 特殊字体的应用

　　虽然您可以在 HTML 中使用特殊字体，但您无法预测访问者会在他们的计算机上看到什么。在您的计算机上看起来不错的页面在不同的平台上可能看起来很糟糕。一些网站 设计师喜欢用它来定义特征。尽管这允许您使用特殊字体，但仍需要一些变通办法来防止您选择的字体不在访问者的计算机上显示。层叠样式表 CSS 有助于解决这些问题，但只有最新版本的浏览器支持 CSS。

　　14“使用实用且简单的命名规则。”-专家建议

　　15 检查拼写错误

　　良好的拼写是人们生活中的一项重要技能。不幸的是，许多设计师缺乏这种技能。确保拼写正确，并特别注意容易出错的错别字。

　　16 避免长文本页面

　　一个站点上有很多纯文本页面，既乏味又浪费了 Web 的潜力。如果您有大量基于文本的文档，您应该将它们放在 Adob​​e Acrobat 格式中，以便您的访问者可以离线阅读。

　　17 不要使用滚动条

　　人们讨厌在互联网上使用滚动条。 Trouble网站() 是典型的网站，设计不佳。它是基于浮动结构的，为了阅读所有的文本，浏览者必须使用滚动条。

　　18 位专家最喜欢的网页设计工具

　　1.Adobe Photoshop

　　2.Macromedia Flash

　　3.Adobe Illustrator

　　4.Adobe ImageRead

　　5.Dreamweaver

　　6.Macromedia 烟花

　　7.Allaire Homesites

　　8.微软记事本

　　9.Macromedia 总监

　　10. 光波

　　11. Macromedia Freehand

　　12。其他：Adobe Acrobat Exchange、Allaire ColdFusion、BBEdit、HTML Validator 等

　　19 网站简介

　　你应该有一个很清楚的网站介绍，告诉访问者你的网站可以提供什么，这样访问者才能找到他们想要的。然而，许多设计师并没有这样做。有效的导航栏和搜索工具使人们可以轻松找到有用的信息，这对访问者来说非常重要。告诉访问者您提供的信息正是他们想要的。

　　20》网站一经发布，网站设计的优缺点全都公开了。除了从自己的错误中吸取教训，听听别人的建议，以及用户的反馈，没有什么比这更重要的事情了.” ——专家建议

　　21 闪烁让人头疼

　　徽标的使用可以将访问者吸引到您主页的特殊部分，但它也会让您的访问者头疼。如果您希望访客再次光顾您的网站，请谨慎使用此方法。

　　22 背景色

　　背景颜色也会造成一些问题，可能会导致页面难以阅读。您应该坚持使用白色背景和黑色文本，并且应该坚持使用通用字体。

　　23 个前进和后退按钮

　　您应该避免强迫用户使用前进和后退按钮。您的设计应该使用户能够快速找到他们想要的东西。大多数好的网站在每个页面的相同位置都有相同的导航栏，允许浏览者从每个页面访问网站的任何部分。

　　24“坚持自己的信念。严格遵守各种规则。避免想当然。永远不要停止学习。”-专家建议

　　25 点击计数器

　　不要轻易考虑在您的网站 上放置醒目的点击计数器。您设计网站 是为了向访问者提供服务，而不是宣传您认为重要的内容。大多数观众认为计数器没有意义，它们很容易被伪造，观众不想看广告。如果你展示你的网站有多受欢迎，你最好提供一个链接来显示访问日志。

　　26 不要使用框架

　　与计数器一样，框架在网页上变得越来越流行。在大多数网站 上，屏幕左侧有一个框架。但是设计者马上发现，在使用框架的时候存在很多问题。使用边框时，如果没有17英寸的显示屏，几乎不可能显示整个网站。该框架还可以防止网站 中的个人主页被添加书签。也许更重要的是，搜索引擎经常被框架混淆，无法列出你的网站。

　　27 删除图片

　　即使你去掉了浏览器中的图片功能，也要保证访问者在你的网站上能得到满意的结果。对于那些使用ISDN连接和关闭图像功能的访问者，他们也可以获得良好的页面加载性能。您可以通过在页面底部提供附加链接并使用替代文本而不是图像来满足访问者的需求。

　　28 个重复使用的图片

　　由于使用了大量独特的图像，一些网站 错过了使用更好技术的机会。创建徽标时，最好在网页上多次使用相同的图像，一旦加载，稍后重新加载会很快。

　　29 避免使用过大的图片

　　不要使用跨越整个屏幕的图像。避免访问者向右滚动。 75% 的屏幕宽度是一个不错的建议。

　　30“避免使用炫耀的技巧。”-专家建议

　　31 选择使用 Flash *敏*感*词*

　　很多使用电脑比较慢的访问者发现，*敏*感*词*图标很容易耗尽系统资源，使得网站的操作非常困难。因此，用户应该可以选择跳过使用 Flash *敏*感*词*。

　　32 尽量少用 Flash 插件

　　虽然很多网页设计师认为Flash很强大，Netscape5.0也会支持Flash，但使用时无需下载任何插件。

　　不过，最好取消各种界面使用Flash的想法。

　　33 让用户先预览小图

　　如果非要在网站上放大图，最好使用Thumbnails软件显示缩小版图片的预览，这样用户就不用浪费金钱和时间去下载大图了他们根本不想看到。图像。

　　34 *敏*感*词*和内容要有机结合

　　确保*敏*感*词*和内容是相关联的。它们应该与网页集成在一起，而不是枯燥乏味。*敏*感*词*不仅仅是Macromedia Director 制作的东西的简单堆积。

　　35 谨慎使用声音

　　声音的使用也应该保持警惕。内联语音是网页设计师的另一个禁区。因为过度使用声音会使下载速度很慢，同时也不会给观众带来多大的好处。第一次听到鼠标声音可能会很有趣，但很多次之后肯定会很烦人。在使用声音之前，您应该仔细考虑声音会给您带来什么。

　　36 较少使用 Java 和 AxtiveX

　　在网络上尽可能少地使用 Java 和 AxtiveX。因为不是每个浏览器都需要使用它，只有早期版本的 Netscape 和 Explorer 的用户需要它。此外，Mac 在处理 Java 方面也存在问题。过度使用 Java 会导致 Mac 崩溃。

　　37 成功设计网站

　　——内容和相关性都很好

　　——图形下载速度快

　　——设计简洁明了

　　38 谨慎使用插件

　　在网页设计中，如果依赖一些特殊的插件，会降低网站的吸引力。如果访问者没有所需的插件，他将不得不去另一个站点下载它，因此访问者可能不会回来。

　　39 使用知名插件

　　如果网站上有声音或视频，请使用知名插件确保用户可以听到或看到。许多站点使用 QuickTime、RealPlay 和 Shockwave 插件。因为很多访问者不愿意浪费大量的时间和金钱下载可能只能使用一次的插件。

　　40 使用先进技术

　　跟上新技术。网络技术的进步永远不会停止，所以应该花一些时间研究新产品和开发技术。

　　41 自己创建图像和声音

　　使用您自己创建或从商业网站 下载的图像和声音。做商业网站时，应该花足够的钱来制作图形，以加强公司的宣传。 ——专家建议

　　43 平台兼容性

　　为了用户，你必须至少在一台 PC 和一台 Mac 上测试你的网站，看看它的兼容性如何。

　　44 使用软件分析工具查找错误

　　使用软件分析工具检查 HTML。软件分析工具Doctor HTML 可以帮助检查HTML 中的任何问题。如果要检查的网页很多，可以选择软件分析工具。在网站上，您可以找到更有效的 HTML 工具。

　　45 避免错误链接

　　网站 可能有其他有用网站的链接。但是，如果您的网页上有链接，请务必经常检查它们以确保链接有效。可能有很多网站链接，但不要链接到与您的内容无关的网站。

　　为观众准备的 46 件成熟的东西

　　如果网站未完成，请勿将其发送到Web。所有好的网站都在幕后完成后发布。

　　47 在搜索引擎网站注册

　　除非您在主要搜索引擎上注册您的网站，否则任何人都很少有机会发现您的网站。

　　48 设计一个留言板

　　访问者愿意把时间花在好的网站上，所以最好有留言簿，可以激发访问者再次回到你的网站，也有助于扩展网站的内容。

　　49 test网站

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

　　50“尽最大努力反复测试网站设计，直到找不到新东西为止。”——专家建议

　　即将到来的网站 的 51 演示

　　在网站上线之前，让别人演示一下。在演示中，人们会告诉您网站 是否易于使用。

　　52个*敏*感*词*点缀

　　页面上最多只能使用一个*敏*感*词*。

　　53“倾斜的按钮看起来不太好，最好不要使用。”-专家建议

　　54 内容组织

　　在开始创建新页面之前，请仔细考虑网站 内容的组织。确定您希望访问者浏览的内容，然后设计导航系统。

　　55“空白万岁”

　　请留空。不要使用图像、文本和不必要的*敏*感*词* GIF 来淹没您的网页。即使你有足够的空间，你也应该避免在你的设计中使用它们。

　　56“使用空白来吸引注意力。为了吸引注意力，网页设计师使用了各种方法，例如：闪烁、旋转等，但使用空白会吸引更多注意力。”-专家建议

　　57 图像压缩

　　为了保持图片较小，可以使用类似于GIF精灵的程序，可以自动压缩图片。

　　先声明图片的大小。最好在显示图像之前指定图像大小属性。您可以将此属性保存在 IMG 标记中。这可以使网页看起来流畅，因为浏览器可以在下载图像之前在屏幕上显示整个网页。

　　58 设计失败网站

　　——在上面找到一件T恤需要一个小时；

　　——承诺给客户的服务太多，真正实现的太少；

　　——两年前的设计水平忽略了客户的需求；

　　——没有吸引力，主页太相似

　　——设计太差了

　　——没什么新意

　　——导航看不懂

　　59 图片尺寸属性，可以将该属性保存在IMG标签中。这可以使网页看起来流畅，因为浏览器可以在下载图像之前在屏幕上显示整个网页。

　　60 个用户注册

　　如果你知道谁浏览了网站以及如何浏览网站，那么你可以获得很多有用的信息。但是，要求访客在浏览网站之前先注册是有风险的，因为这会赶走一群不愿意注册的人。另一种获取信息的方式是进行有奖问答或金钱奖励，让用户主动填写一些信息反馈表。

　　61使网站具有交互功能

　　在网站上提供一些回答问题的工具，以便访问者可以从网站获得互动信息。

　　62张图片更新

　　尽可能经常更换网站上的图片。人们更喜欢点击图片而不是文字。

　　63 在网站上提供游戏

　　游戏是一个很好的互动工具，是访客再次访问网站的好方法。

　　64位选择工具软件

　　谨慎选择网页设计工具。确保使用您最想要的软件并感觉最好。

　　65 使用最新版本的软件

　　尝试使用最新版本的网页设计软件，您应该可以获得免费或廉价升级的授权。