网站设计

网站设计(Web Design)，网站设计是一个把软件需求转换成用软件网站表示的过程，就是指在因特网上，根据一定的规则，使用Dreamweaver、photoshop等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯(信息)，或者利用网站来提供相关的网路服务(网络服务)。人们可以通过网页浏览器来访问网站，获取自己需要的资讯(信息)或者享受网路服务。

网站它是由域名(俗称网址)，网站源程序和网站空间三部分构成。其中域名它是类似于互联网上的门牌号码，是用于识别和定位互联网上计算机的层次结构式字符标识，与该计算机的互联网协议(IP)地址相对应。

而网站设计是设计师通过像Frontpage Dreamweaver等工具来对网站进行编辑的，是指使用标识语言（markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。

简单来说，网页设计的目的就是产生网站。简单的信息如文字，图片（GIF， JPEG，PNG）和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行，同样地它们亦需要标示语言移植在网站内。

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

拿出你的关键字，在下列六个地方各使用一次：
* 标题；
* meta标签；
*网址里面（好吧，中文关键字做不到）；
* 粗体关键字 （就是写出你的关键字，然后把他加粗）；
* 斜体关键字 （就是写出你的关键字，然后把他斜体）；
* 页面上半部 （网页内容比较前面的地方，我是建议用个标题，像是h1）。
另外，英文的话，文句要通畅，拼字要正确，虽然搜索引擎本身就会帮你校正…

一、把排名转化为流量

以往在制作网站的时候做都是非常重视排名，但随着网络的发展，但是光有排名是远远不够的，一个网站具有大量的流量能够提高网站的权重，因网站制作来说一切排名都是浮云，唯有流量才是王道。

二、流量转化为质量

有流量不一定有销量，原因何在?有流量没有质量，流量能否转换为销量，根源在于网站制作本身。以往由于网站优化的方式方法失误，长时间的努力带来了很多无关核心关键词的词语排名靠前，但是这些词语与目标关键词相关性并不大，虽然有相当流量，但是质量度却不高，也自然谈不上什么销量了。还有一种情况是，网站域名DNS、网站主机及网站程序开发问题，导致用户尚未完全打开网站，已经心生浮躁而放弃继续浏览。而潜在流量及销量，就在无声无息的漫长等待中消逝。知道问题症结所在，就好对症下药采取正确的方法传换成有质量的流量。首先是选准关键词，即使不能是核心词，也应该是围绕着核心词的延展词，或者一些与之相关的长尾词。其次，认真把握网站制作的每一个细节，让网站能够得以安全无虞的运行。要知道加载速度快的网站，自然会吸引用户进一步去浏览。

三、质量转化为销量

一个企业进行网站制作唯 一目的是带来订单，推广自己的产品，现实生活中很多网站流量转换率不高，使得用户打开网站浏览几秒钟就放弃，不再深入浏览，更不用说主动咨询了。正确的方法是应该从网站设计的美观、内容的翔实、在线沟通工具的运用，只有这样，才能为一个网站带来大量的人气，从而提高网站大的流量，进而实现企业的营销。

1.与贵司讨论，确定网站建设的大致要求

2.出具《网站报价及策划书

3.细节讨论后签定合同，贵司交纳服务预付款

4.主设计师了解网站前台要求，程序分析师了解网站后台详细流程

5.设计师完成除网站后台外一切页面设计，上传测试服务器，由贵司第 一次审核

6.贵司认可后签署网站设计风格确认书

7.程序员完成所有程序功能及后台，上传测试服务器，由贵司最后审核

8.贵司认可后签署项目验收合格确认书

9.贵司支付合同余款，网站上传到贵司服务器上

10.合同期内，为贵司免费维护和技术支持，并履行赠送服务

网站设计包括：网站策划、网页设计、网站推广、网站评估、网站运营、网站整体优化，网站建设的目的是通过网站达到开展网上营销，实现电子商务的目的。网站建设首先由网络营销顾问提出低成本回报的网络营销策划方案。通过洞悉项目目标客群的网络营销策略，引发、借力企业与网民，以至网民与网民之间的互动，使企业以最小的营销投入，超越竞争对手，获得更高效的市场回报营销网站规划网站前期策划作为网络营销的起点，规划的严谨性、实用性将直接影响到企业网络营销目标的实现。网站建设商以客户需求和网络营销为导向，结合自身的专业策划经验，协助不同类型企业，在满足企业不同阶段的战略目标和战术要求的基础上，为企业制定阶段性的网站规划方案。

内部链接就是在同一网站域名下的内容页面之间的互相链接（自己网站的内容链接到自己网站的内部页面，也称之为站内链接）。合理的网站内链接构造，能提高搜索引擎的收录与网站权重。你的网站里面可能有很多类的内容，请确定同类内容互相链接，而不同类内容千万不要互相链接。例如讲食品的页面请链接到讲水果的页面这样。
为什么要这样作呢？同类内容的内部链接可以让google的pagerank在你的网页里互相传递，如果你只对个别网页作最佳化，有可能会发生的情况是，网站里只有少数几个页面的排名可以往前，但是若是做好内部链接的话，可以让每个网页的排名都往前。
你想要五十个网页每天都可以带来一位访客，还是只有一个网页，每天带来五十位访客呢？前者还有机会可以努力，后者要再增加应该有其限度才对。

外部链接就是指从别的网站导入到自己网站的链接。导入链接对于网站优化来说是非常重要的一个过程。导入链接的质量直接决定了我们的网站在搜索引擎中的权重。每一个内容页面都应该链接一、二个该关键字的「有名大站」（我不是针对无名小站= =），要注意的是链接的方式，要先写出你的关键字，再将这个关键字直接链接到该站台。

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

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

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

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

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

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

01 明确内容

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

02 抓住用户

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

03 优化内容

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

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。

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等。

网站架构是对网站的设计和规划，象的方法架构本身，涉及到技术，美学和功能标准。如在传统建筑，重点是正确的用户和用户要求。这就需要特别注意网页内容，商业计划书，可用性，交互设计，信息架构和网页设计。为了有效的搜索引擎优化，必须有一个网站是如何涉及到升值的万维网。
由于网站内容的规划，设计和管理的范围之内来设计方法，传统的维特鲁威商品，坚定性和喜悦的目标可以引导的网站架构，因为它们的物理结构和其他设计学科。网站架构是未来的范围之内美学与批评理论，这种趋势可能会加速到来的语义网络和网络2.0。这两种观点强调结构方面的信息。结构主义是一种知识的做法，已经影响了学科，包括美学，批判理论和后现代主义。Web 2.0的，因为它涉及到用户生成的内容，指导网站建筑师的关注结构方面的信息。

网站设计要注意的两个要点：整体风格和色彩搭配。
一、确定网站的整体风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。
风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。
在这里，我提供给大家一些参考经验：
1．将你的标志logo，尽可能的放在每个页面上最突出的位置。
2．突出你的标准色彩。
3．总结一句能反映贵站精髓的宣传标语！
4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！
二、网页色彩的搭配
无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或美丽的图片，而是网页的色彩。
关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。
1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。
2．用两种色彩。先选定一种色彩，然后选择它的对比色。
3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三至五种色彩以内。
2．背景和前文的对比尽量要大(绝 对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

网络技术日新月异，细心的网友会发现许多网页文件扩展名不再只是“.htm”，还有“.php”、“.asp”等，这些都是采用动态网页技术制作出来的。
早期的动态网页主要采用CGI技术，CGI即Common Gateway Interface(公用网关接口)。您可以使用不同的程序编写适合的CGI程序，如Visual Basic、Delphi或C/C＋＋等。虽然CGI技术已经发展成熟而且功能强大，但由于编程困难、效率低下、修改复杂，所以有逐渐被新技术取代的趋势。
下面介绍几种目前颇受关注的新技术：
1、PHP 即Hypertext Preprocessor(超文本预处理器)，它是当今Internet上最为火热的脚本语言，其语法借鉴了C、Java、PERL等语言，但只需要很少的编程知识你就能使用PHP建立一个真正交互的Web站点。
它与HTML语言具有非常好的兼容性，使用者可以直接在脚本代码中加入HTML标签，或者在HTML标签中加入脚本代码从而更好地实现页面控制。PHP提供了标准的数据库接口，数据库连接方便，兼容性强；扩展性强；可以进行面向对象编程。
2、ASP 即Active Server Pages，它是微软开发的一种类似HTML(超文本标识语言)、Script(脚本)与CGI(公用网关接口)的结合体，它没有提供自己专门的编程语言，而是允许用户使用许多已有的脚本语言编写ASP的应用程序。ASP的程序编制比HTML更方便且更有灵活性。它是在Web服务器端运行，运行后再将运行结果以HTML格式传送至客户端的浏览器。因此ASP与一般的脚本语言相比，要安全得多。
ASP的最 大好处是可以包含HTML标签，也可以直接存取数据库及使用无限扩充的ActiveX控件，因此在程序编制上要比HTML方便而且更富有灵活性。通过使用ASP的组件和对象技术，用户可以直接使用ActiveX控件，调用对象方法和属性，以简单的方式实现强大的交互功能。
但ASP技术也非完美无缺，由于它基本上是局限于微软的操作系统平台之上，主要工作环境是微软的IIS应用程序结构，又因ActiveX对象具有平台特性，所以ASP技术不能很容易地实现在跨平台Web服务器上工作。
3、JSP 即Java Server Pages，它是由Sun Microsystem公司于1999年6月推出的新技术，是基于Java Servlet以及整个Java体系的Web开发技术。
JSP和ASP在技术方面有许多相似之处，不过两者来源于不同的技术规范组织，以至 ASP一般只应用于Windows NT/2000平台，而JSP则可以在85％以上的服务器上运行，而且基于JSP技术的应用程序比基于ASP的应用程序易于维护和管理，所以被许多人认为是未来最有发展前途的动态网站技术。
虽然以上3种新技术在制作动态网页上各有特色，但目前仍都在发展中，不够普及。对于广大个人主页的爱好者、制作者来说，建议尽量少用难度大的CGI技术。如果您对微软的产品情有独钟，采用ASP技术会让您得心应手；如果是Linux的追求者，运用PHP技术在目前是最明智的选择。当然，不要忽略了JSP技术.

静态网页静态网页多数为单一的超文件标示语言档案。现今不少网站皆倾向把动态网页静态化，从而令搜寻引擎最佳化。动态网页动态网页的内容随着用户的输入和互动而有所不同，或者随着用户、时间、数据修正等而改变。

1. 送交搜索引擎以及目录索引
把你的网站登录到Google、Yahoo!奇摩以及MSN，接著，就放著不管了。别忘了，这篇文章的目的是建立成功的网站，过程是一年，所以把网站送交登录之后，请耐心等待六个月。（最惨的情况下啦，不过一般来说，新网站最迟三～五个星期就会进入索引里面了）
2.网站推广
毋庸置疑任何一个想盈利的网站都无法回避付费推广服务，推广方面最主要的就是竞价排名。国内首推百度，任何人也不可否认百度的强大流量，google虽然在世界范围内是老大，但是百度在中国的流量是google的4-10倍。不点击不收费是竞价排名能够将百度带到财富巅峰的，不可否认也有大量的企业通过竞价排名带来了不小的收益！网站推广在建站之后是最重要的一步！

「人机界面」(Human-Computer Interface;HCI)在电脑资讯科技域中,是指电脑有关之硬体及软体,其本身为提供使用者与电脑之间沟通与互动的通道或桥梁.也因为人机之间的往沟通非常强调以与使用者需求为主,也就是强调使用者导向(User-Oriented)与使用者中心(User-Centered),所以人机介面又称为使用者介面(User- Interface).在电子商务环境中,使用者界面是企业与他们顾客之间的系互动管道,Rayport与Jaworski在2001提出7Cs模式,其主要是用於分析电子商务的顾客界面,提出网站商店的顾客介面应著重在让顾客容操作与使其满意.因此,一个成功的网站设计,取决于其介面是否能够将顾客需求以及企业提供的服务加以整合,兹将7Cs架构的网站介面七项要素介绍如下:
1 Context(组织)
网站内容的设计与陈方式,要同时符合功能性与美观性个需求.功能性是指网站内容以有组织的方式呈现,让使用者可以方有效地浏览.而美观性则包括网页的色系及其他传递讯息的视觉题材.
2 Content(内容)
指网站上所传递的内容.包括产品与服务内容( 如各科室简介,医院地 位置等资讯),促销方案,顾客支援,及时 新的资讯,各种与产品或服务相关的资讯, 用多媒体方式提供产品或服务资讯(如:以语音或动画的方式描述产品或服务内容).
3 Community(社群)
供网站使用者之间的互动空间,让使用者有归属感或 与感.包括线上讨版( 如疾病讨园地),会员电子信箱清单或言板等.
4 Customization(客制化)
网站提供使用者自 身订做自己想阅的内容资讯之功能.每个使用者在登入后就可以享受与众同,独享的页面,能让顾客有 ,亲的感觉.
5 Communication(沟通方式)
网站与使用者之间的沟通管道,包括以电子邮件方式告知各式资讯( 如电子报),或是让使用者可提供建议的管道( 如建言信箱).
6 Connection( 结)
网站本身与其他外部相关网站的结。像医网站可方的结到其他的医资讯机构（如医资讯网）等。

7 Commerce(商务)
支援各种交之介面功能，如线上挂号，挂号查询与取消，缴费功能等。

有些搜索引擎(如FAST)是不支持框架结构的，他们的“蜘蛛”程序无法阅读这样的网页。

DIV+CSS是网页美工必须了解和掌握的一门技术，现在互联网是属于web2.0的时代，主流的网站都采用 DIV+CSS结构。　DIV+CSS即是样式和数据分离，利于搜索引擎读懂网站页面，提高网页收录数量，最主要是方便管理和维护网站。

除AltaVista、Google和Northern Light(现已停止公共搜索服务)明确支持图像区 块 链接外，其他引擎是不支持它的。当“蜘蛛”程序遇到这种结构时，往往会感到茫然不知所措。因此尽量不要设置Image Map链接。

有些网站为导航链接加上了特 效，如点击某个项目会展开下层链接等。这些效果一般通过Java Script实现，视觉上非常新颖，但在“蜘蛛”程序的眼里则没那么诱人，相反它无法解读这种链接。为了让搜索引擎顺利检索到你的网页，建议还是牺牲掉一些花哨的东西。

虽然FLASH制作的网页视觉效果较好，但搜索引擎对此却不太感冒，个案表明这一类的网站很难被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH网页两种选择，这样即增加了网页的观赏性，又照顾到了搜索引擎的情绪。

除非你不希望搜索引擎检索你的网页，否则不要给你的网页加密。

包括图像在内的网页字节数最 好不要超过50K。体型庞大的网页下载速度慢，不仅会让普通访问者等得心急如焚，有时也会使“蜘蛛”程序感到不耐烦。

一、申请域名（域名备案）；

二、申请空间 ；

三、定位网站 ；

四、分析网站功能和需求（网站策划）；

五、网站风格设计 ；

六、网站代码制作；

七、测试网站；

八、FTP上传网站；

九、完善资料；

十、网站维护；

十一、网站推广。