九域天地文化传播公司  
网站首页 关于我们 企业观点 案例分享 服务项目 新闻动态 图片社 联系我们
设计动态
网站设计的全过程 发布时间:2010年4月7日17:35

    这篇文章献给希望想建设成功网站的人士看看!
  1. 准备内容
  在注册网址之前就应该先搜集至少「一百页」的内容,这些内容必须是有价值的、不违反著作权的内容。
  2. 网址
  想个比较有意义,好记的网址(喔,好吧,中文网站比较不需要在网址里放关键字,这一项我们可以忽略)。
  3. 网站设计
  对搜索引擎来说,他们看不到网站里的flash、java applet和javascript,也看不到你图档里写的字,所以在网站设计上,只要尽量简洁有利,让内容可以好好的呈现,就是一个成功的seo网站页面。
  另外呢,网页要尽量符合w3c的标准,如果懒得作网页,可以参考这里,有提供一些免费的网页范本,几乎都是cc授权,所以可以自由的使用,他们的网页都是符合w3c标准的。
  4. 每页档案大小
  作者建议每个网页尽量在15k以下,如果可以缩减到12k,甚至10k那就更好,但是不能在5k以下。其实我们都知道,搜索引擎最佳化的目的,实际上是为了使用者,而不是为了搜索引擎本身(这个我过几天再补一篇文章介绍)。
  不过这一项到底是不是真的,我也不晓得,曾经有长辈跟我说,在台湾Yahoo,网页大小越大越好..这有待实验证明。
  5. 内容
  每天建立一个500~1000字的网页,当然这个网页里面必须包含你重要的关键字,如果想不出关键字来的话,可以使用Yahoo的关键字建议工具
  6. 关键字密度以及关键字放置位置
  拿出你的关键字,在下列六个地方各使用一次:
  * 标题
  * meta标签
  * 网址里面(好吧,中文关键字做不到)
  * 粗体关键字 (就是写出你的关键字,然后把他加粗)
  * 斜体关键字 (就是写出你的关键字,然后把他斜体)
  * 页面上半部 (网页内容比较前面的地方,我是建议用个标题,像是h1)
  另外,英文的话,文句要通畅,拼字要正确,虽然搜索引擎本身就会帮你校正…
  7. 外部链接
  每一个内容页面都应该链接一、二个该关键字的「有名大站」(我不是针对无名小站= =),要注意的是链接的方式,要先写出你的关键字,再将这个关键字直接链接到该站台。
  8. 内部链接
  你的网站里面可能有很多类的内容,请确定同类内容互相链接,而不同类内容千万不要互相链接。例如讲食品的页面请链接到讲水果的页面这样。
  为什么要这样作呢?同类内容的内部链接可以让google的pagerank在你的网页里互相传递,如果你只对个别网页作最佳化,有可能会发生的情况是,网站里只有少数几个页面的排名可以往前,但是若是做好内部链接的话,可以让每个网页的排名都往前。
  你想要五十个网页每天都可以带来一位访客,还是只有一个网页,每天带来五十位访客呢?前者还有机会可以努力,后者要再增加应该有其限度才对。
  9. 网站上线
  最好不要用虚拟主机,若是能有自己的代管主机或者是固定ip位置就最好了。若是租用虚拟主机厂商的虚拟主机方案,你可能遇到的就是一台主机里面放了上万个网站,尽管Yahoo和Google宣称,他们对待虚拟主机一视同仁,但是我还是担心要他们开始把同一主机ip数量加入排名公式的那天…
  确认网站的每一页都可以被搜索引擎索引进去,网站里的链接要做好。另外呢,在网站还称不上是个「好网站」的时候,不要让网站上线,若是随便让你的烂网站进入搜索引擎,并且被打了低分之后,我想,要让分数上升似乎就不是那麼容易了。
  接著,把自己加入到odp(open directory project),这是一个大家可以手动加入的目录索引,这样至少你的网站已经在一个索引里面了,接著,若是有钱的话,可以使用Yahoo的搜索引擎快速付费登录,这可以让你的网站在七天内进入Yahoo!奇摩的索引里,若是没钱的话也没关系,慢慢等还是会被Yahoo登录进去的。
  10. 送交搜索引擎以及目录索引
  把你的网站登录到Google、Yahoo!奇摩以及MSN,接著,就放著不管了。别忘了,这篇文章的目的是建立成功的网站,过程是一年,所以把网站送交登录之后,请耐心等待六个月。(最惨的情况下啦,不过一般来说,新网站最迟三~五个星期就会进入索引里面了)
  11.网站推广
  毋庸置疑任何一个想盈利的网站都无法回避付费推广服务,推广方面最主要的就是竞价排名。国内首推百度,任何人也不可否认百度的强大流量,google虽然在世界范围内是老大,但是百度在中国的流量是google的4-10倍。不点击不收费是竞价排名能够将百度带到财富巅峰的,不可否认也有大量的企业通过竞价排名带来了不小的收益!网站推广在建站之后是最重要的一步!
  12 纪录与追踪
  申请一个不错的网页计数器(现在这个时候的话,当然是推荐使用Google Analytics,毕竟繁体中文内容已经可以使用Google AFC了;当然cnzz站长统计也是一个不错的选择。)
  13、网站设计包括前台用户视觉体验的设计和后台程序功能设计,两个方面都是非常重要的;视觉设计对于客户的阅读带来愉悦和信任,后台注重操作的方便行;
  网站设计时候的一些基本原则
  设计网站中有哪些关键技巧?有哪些陷阱?在这里,世界上一流的网站设计专家,让你共享他们的秘密,告诉你:使网站赋予情趣的诀窍、应该避免做什么、应使用什么工具软件以及他们喜爱和厌恶的网站。 
  01 明确内容 
  如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考虑网站的内容,包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。 
  02 抓住用户 
  如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的。不要让用户失望而转向你的对手的网站。 
  03 优化内容 
  内容是核心。大约在两年以前,企业网站就像一本广告册子,更槽糕的是,网站使用了大量的图片,似乎要几个世纪才能下载完。 
  Chanels网站(www.channels.co.uk)在设计的某些方面是成功的,但是内容太贪乏,并且要花很长时间才能找到所要的东西,因此不能算是一个成功的网站。 
  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,HTML Validator等。 
  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.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.viaduct.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 设计失败的网站 
  www.boo.com 
  ——在它上面找一件T恤衫要花一个小时; 
  ——给顾客承诺的服务太多,但真正实现的太少; 
  ——二年以前的设计水平,忽视了顾客的需要; 
  www.miniheroes.co.uk 
  ——不吸引人,主页太雷同 
  www.saturn.com 
  ——设计太差 
  www.e13.com. 
  ——没有新意 
  www.song.com. 
  ——导航不知所云 
  59 图像大小属性,可以在IMG标签中保存这个属性。这可以使网页显得很流畅,因为浏览器可以在图像被下载之前在屏幕上显示整个网页。 
  60 用户注册 
  如果能知道谁浏览了网站以及是怎样浏览网站的,那么就能得到大量有用的信息。但是,要求访问者在浏览网站之前进行注册,这样做是要冒风险的,因为这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有奖竞猜或金钱奖励,让用户能主动填一些信息反馈表。 
  61 使网站具有交互功能 
  在网站上提供一些回答问题的工具,使得访问者能从网站上获得交互的信息。 
  62 图片更新 
  尽可能经常更换网站上的图片,人们更愿意点击的是图片而不是文本。 
  63 在网站上提供游戏 
  游戏是很好的交互工具,它是使访问者能再次光顾网站的好方法。 
  64 挑选工具软件 
  仔细选择Web设计工具。保证使用自己最想要的、自我感觉最好的软件。 
  65 使用最新版本的软件 
  尽量使用Web设计软件的最新版本,还应当能被授权进行免费或便宜的升级。
  总结一个网站的好坏,不外乎以下几点:
  A、速 度 一个打开速度慢的网站,再精美的设计也注定是失败。 
  B、内 容 一个没有实质内容的网站,只能是一个空壳。 想留住访问者也是难上加难。
  C、易用性 网站导航不明显、复杂并且不实用的花俏功能,让人浏览起来感觉困难,也绝对是留不住访问者的。 
  D、美观度 糟糕的美工设计,肯定让人不喜欢。 
  E、兼容性 优秀的网站应该是用任何浏览器、在任何地区都表现如一,不会出现错位、乱码等问题。

   + ABOUT US | 关于我们
   + VIEWPOINT | 九域天地观点
   + ADVANTAGE | 全方位品牌优势
   + PROJECT | 行业细分解决方案
   + ORIGINALITY | 创意理念
   + FLOW | 品牌化服务流程
   + TEAMS | 完美团队组合
最新案例
   + NAMING & lOGO | 命名及标志
   + VISUAL IDENTITY SYSTEM | 视觉形象
   + PICTURE ALBUM | 企业画册
   + PRODUCT PACKING | 产品外包装
   + SURROUNDING | 环境效果创意
   + WEB | 企业网站服务
   + MEDIA & AD | 多媒体动画/广告
九域天地|NINEWORLD.CN
网站主页 | 关于我们 | 文化传播 | 创作团队 | 经典案例 | 招聘信息 | 在线咨询 | 客服中心 | 版权信息 | 联系方式
版权所有 九域天地
联系九域天地