网站建设培训PPT.ppt

1、网站建设,1.网站类型概述,2.网站设计流程,3. 网站程序的构建,4.网站后期维护工序,广州市沸点网络科技有限公司,网站类型,1、产品(服务)查询展示型网站,本类网站核心目的是推广产品(服务)，是企业的产品“展示框”。利用网络的多媒体技术，数据库存储查询技术，三维展示技术，配合有效的图片和文字说明，将企业的产品(服务)充分展现给新老客户，使客户能全方位的了解公司产品。与产品印刷资料相比，网站可以营造更加直观的氛围和产品的感染力，促使商家及消费者对产品产生采购欲望，从而促进企业销售。,网站类型,2、品牌宣传型网站,本类网站非常强调创意设计，但不同于一般的平面广告设计。网站利用多媒体交互技术，动

2、态网页技术，配合广告设计，将企业品牌在互联网上发挥得淋漓尽致。本类型网站着重展示企业CI、传播品牌文化、提高品牌知名度。对于产品品牌众多的企业，可以单独建立各个品牌的独立网站，以便市场营销策略与网站宣传统一。,网站类型,3、企业涉外商务网站,通过互联网对企业各种涉外工作，提供远程、及时、准确的服务，是本类网站的核心目标。本网站可实现渠道分销、终端客户销售、合作伙伴管理、网上采购、实时在线服务、物流管理、售后服务管理等，它将更进一步的优化企业现有的服务体系，实现公司对分公司、经销商、售后服务商、消费者的有效管理，加速企业的信息流、资金流、物流的运转效率，降低企业经营成本，为企业创造额外收益，降低

3、企业经营成本。,网站类型,4、网上购物型网站,通俗的说，就是实现网上买卖商品，购买的对象可以是企业(B2B)，也可以是消费者(B2C)。为了了确保采购成功，该类网站需要有产品管理、订购管理、订单管理、产品推荐、支付管理、收费管理、送发货管理、会员管理等基本系统功能。复杂的物品销售、网上购物型网站还需要建立积分管理系统、VIP管理系统、客户服务交流管理系统，商品销售分析系统以及与内部进销存(MIS，ERP)打交道的数据导入导出系统等。本类型网站可以开辟新的营销渠道，扩大市场，同时还可以接触最直接的消费者，获得第一手的产品市场反馈，有利于市场决策。,网站类型,5、企业门户综合信息网站,本类网站是所

4、有各企业类型网站的综合，是企业面向新老客户、业界人士及全社会的窗口，是目前最普遍的形式之一。该类网站将企业的日常涉外工作上网，其中包括营销、技术支持、售后服务、物料采购、社会公共关系处理等。该类网站函盖的工作类型多，信息量大，访问群体广，信息更新需要多个部门共同完成。企业综合门户信息网站有利于社会对企业的全面了解，但不利于突出特定的工作需要，也不利于展现重点。,网站类型,6、行业、协会信息门户/B2B交易服务型网站,本类网站是所有各企业类型网站的综合，是企业面向新老客户、业界人士及全社会的窗口，是目前最普遍的形式之一。该类网站将企业的日常涉外工作上网，其中包括营销、技术支持、售后服务、物料采购

5、、社会公共关系处理等。该类网站函盖的工作类型多，信息量大，访问群体广，信息更新需要多个部门共同完成。企业综合门户信息网站有利于社会对企业的全面了解，但不利于突出特定的工作需要，也不利于展现重点。,网站类型,7、沟通交流平台,本系统采用利用互联网，将分布在全国的生产、销售、服务和供应等环节联系在一起，改变过去利用电话、传真、信件等传统沟通方式。可以对不同部门、不同工作性质的用户建立无限多个的个性化网站;提供内部信息发布、管理、分类、共享等功能，汇总各种生产、销售、财务等数据;提供内部邮件、文件传递、语音、视频等多种通信交流手段。,网站类型,8、政府门户信息网站,利用政务网(或称政府专网)和内部办

6、公网络而建立的内部门户信息网，是为了方便办公区域以外的相关部门(或上、下级机构)，互通信息、统一数据处理、共享文件资料而建立的。主要包括如下功能：提供多数据源的接口，实现业务系统的数据整合;统一用户管理，提供方便有效的访问权限和管理权限体系;可以方便建立二级子网站和部门网站;实现复杂的信息发布管理流程。,网站类型比例,将网站按照主体性质不同又可分为政府网站、企业网站、商业网站、教育科研机构网站、个人网站、其它非盈利机构网站以及其它类型等。 本次调查结果显示，企业网站数的比例最大，占整个网站总体的70.9%，其次为商业网站，占8.2%，第三是个人网站，占6.5%，随后依次为教育科研机构网站占5.

7、1%，其它非盈利机构网站占5.0%，政府网站占3.2%，其它类型占1.1%。如下图所示。,2.网站设计流程,什么是网站设计：,网站它是由域名（俗称网址），网站源程序和网站空间三部分构成。其中域名它是类似于互联网上的门牌号码，是用于识别和定位互联网上计算机的层次结构式字符标识，与该计算机的互联网协议（IP）地址相对应。而网站设计是设计师通过像Frontpage或Dreamweaver等工具来对网站进行编辑的！ WWW是“World Wide Web的缩写,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,01 明确内容 如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑

8、网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,02 抓住用户 如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,03 优化内容 内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。 Chanels网站在设计的某些方面是成功的，但是内容太贫乏，并且要花很长时间才能找到所要的东西，因此不能算是一个成功的网站。,2.网站

9、设计流程,什么是网站设计：网站设计的实质内容共36要点,04 快速下载 没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,05 网站升级 时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,06 坚持基本原则 即使你不懂HTML语言，你只需购买一个有版权的所见即所得的网页设

10、计工具，如Adobe PageMill 或 Microsoft FrontPage Express，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。 为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,07 学习HTML 用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过

11、程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,08 用笔画一个网站的框架 圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。 09 “在计算机上永远也找不到好的方案”。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,10 网站地图 许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如

12、何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,11 “睁大你的眼睛，留意所有的事情。” “对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素，确保你的设计是围绕站点浏览进行的。”,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,12 点击规则 听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36

13、要点,13 特殊字体的应用 虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,14 “使用切合实际的简便的命名规则。” 15 检查错别字 好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种技

14、能。确保你拼写正确，并且格外注意平常容易误写的错别字。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,16 避免长文本页面 在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费Web的潜力。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读。 17 不要使用卷滚条 人们厌恶在网上使用卷滚条。Trouble网站（www.Trouble.co.uk）是一个典型的设计很差的网站。它基于一个浮动的架构，为了阅读所有的文本，浏览者不得不使用卷滚条。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,18 专家最

15、喜爱的Web设计工具 1.Adobe Photoshop 2.Macromedia Flash 3.Adobe Illustrator 4.Adobe ImageReady 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.网

16、站设计流程,什么是网站设计：网站设计的实质内容共36要点,19 网站介绍 你应当有一个很清晰的网站介绍，告诉访问者你的网站能够提供些什么，以便访问者能找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,20 “网站一旦发布，网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。” 专家忠告 21 闪烁让人头痛 通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这

17、也让你的访问者头痛。如果你想使访问者再次光顾你的网站，就少用此方法。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,22 背景颜色 背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。 23 向前和向后按钮 应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,24 “坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。

18、” 25 点击记数器 不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,26 不要用框架 与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是

19、，搜索引擎常常被框架混淆，从而不能列出你的网站。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,27 去掉图像 在浏览器中即使去掉了图像功能，也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者，还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字，而不是图像来满足访问者的需要。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,28 重复使用图像 一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时，在网页上多次使用同样的图像是一个好的方法，并且一旦它们被装入，以后重新载入就

20、会很快。 29 避免使用过大的图像 不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。 30 “避免使用炫耀的技巧。” 专家忠告 31 选择使用Flash动画 许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源，使网站的操作变得很困难，因此，应该给用户一个跳过使用Flash动画的选择。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,32 尽量少使用Flash插件 虽然许多Web设计者认为Flash功能很强大，并且Netscape5.0将支持Flash，在使用时不必再下载任何插件。 但是，最好还是取消使用Flash做各接口的想法。

21、33 让用户先预览小图像 如果不得不放置大的图像在网站上，就最好使用Thumbnails软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,34 动画与内容应有机结合 确保动画和内容有关联。它们应和网页浑然一体，而不是干巴巴的。动画并不只是Macromedia Director等制作的东西的简单堆积。 35 慎用声音 声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢，同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣，但是多次

22、以后肯定会很烦人。使用声音前，应该仔细考虑声音将会给你带来什么。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,36 少用Java 和AxtiveX 在网页上应尽量少使用Java 和AxtiveX。因为并不是每一种浏览器都需要使用它，只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac（苹果机）在处理Java时也存在问题，过分地使用Java，会使Mac崩溃。,2.网站设计流程,网站设计的要点:网站设计要注意的两个要点：整体风格和色彩搭配。,一、确定网站的整体风格 网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。

23、给你一个主题，任何两人都不可能设计出完全一样的网站。 风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。 在这里，我提供给大家一些参考经验： 1将你的标志logo，尽可能的放在每个页面上最突出的位置。 2突出你的标准色彩。 3总结一句能反映贵站精髓的宣传标语！ 4相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出

24、现的所有标题字的阴影效果的设置应该是完全一致的！,广州市沸点网络科技有限公司,2.网站设计流程,网站设计的要点:网站设计要注意的两个要点：整体风格和色彩搭配。,二、网页色彩的搭配 无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或美丽的图片，而是网页的色彩。 关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。 1用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统 一，有层次感。 2用两种色彩。先选定一种色彩，然后选择它

25、的对比色。 3用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。 在网页配色中，还要切记一些误区： 1不要将所有颜色都用到，尽量控制在三至五种色彩以内。 2背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。,广州市沸点网络科技有限公司,2.网站设计流程,网站设计的要点:动态网站的设计,动态网站设计 网络技术日新月异，细心的网友会发现许多网页文件扩展名不再只是“.htm”，还有“.php”、“.asp”等，这些都是采用动态网页技术制作出来的。 早期的动态网页主要采用CGI技术，CGI即Common Gateway Interfa

26、ce(公用网关接口)。您可以使用不同的程序编写适合的CGI程序，如Visual Basic、Delphi或C/C等。虽然CGI技术已经发展成熟而且功能强大，但由于编程困难、效率低下、修改复杂，所以有逐渐被新技术取代的趋势。 下面介绍几种目前颇受关注的新技术： 1、PHP 即Hypertext Preprocessor(超文本预处理器)，它是当今Internet上最为火热的脚本语言，其语法借鉴了C、Java、PERL等语言，但只需要很少的编程知识你就能使用PHP建立一个真正交互的Web站点。 它与HTML语言具有非常好的兼容性，使用者可以直接在脚本代码中加入HTML标签，或者在HTML标签中加入

27、脚本代码从而更好地实现页面控制。PHP提供了标准的数据库接口，数据库连接方便，兼容性强；扩展性强；可以进行面向对象编程。,广州市沸点网络科技有限公司,2.网站设计流程,网站设计的要点:动态网站的设计,2、ASP 即Active Server Pages，它是微软开发的一种类似HTML(超文本标识语言)、Script(脚本)与CGI(公用网关接口)的结合体，它没有提供自己专门的编程语言，而是允许用户使用许多已有的脚本语言编写ASP的应用程序。ASP的程序编制比HTML更方便且更有灵活性。它是在Web服务器端运行，运行后再将运行结果以HTML格式传送至客户端的浏览器。因此ASP与一般的脚本语言相比

28、，要安全得多。 ASP的最大好处是可以包含HTML标签，也可以直接存取数据库及使用无限扩充的ActiveX控件，因此在程序编制上要比HTML方便而且更富有灵活性。通过使用ASP的组件和对象技术，用户可以直接使用ActiveX控件，调用对象方法和属性，以简单的方式实现强大的交互功能。 但ASP技术也非完美无缺，由于它基本上是局限于微软的操作系统平台之上，主要工作环境是微软的IIS应用程序结构，又因ActiveX对象具有平台特性，所以ASP技术不能很容易地实现在跨平台Web服务器上工作。,广州市沸点网络科技有限公司,2.网站设计流程,网站设计的要点:动态网站的设计,3、JSP 即Java Serv

29、er Pages，它是由Sun Microsystem公司于1999年6月推出的新技术，是基于Java Servlet以及整个Java体系的Web开发技术。 JSP和ASP在技术方面有许多相似之处，不过两者来源于不同的技术规范组织，以至 ASP一般只应用于Windows NT/2000平台，而JSP则可以在85以上的服务器上运行，而且基于JSP技术的应用程序比基于ASP的应用程序易于维护和管理，所以被许多人认为是未来最有发展前途的动态网站技术。 虽然以上3种新技术在制作动态网页上各有特色，但目前仍都在发展中，不够普及。对于广大个人主页的爱好者、制作者来说，建议尽量少用难度大的CGI技术。如果您

30、对微软的产品情有独钟，采用ASP技术会让您得心应手；如果是Linux的追求者，运用PHP技术在目前是最明智的选择。当然，不要忽略了JSP技术.,广州市沸点网络科技有限公司,2.网站设计流程,网站设计的全过程,1. 准备内容 在注册网址之前就应该先搜集至少一百页的内容，这些内容必须是有价值的、不违反著作权的内容。 2. 网址 想个比较有意义，好记的网址（喔，好吧，中文网站比较不需要在网址里放关键字，这一项我们可以忽略）。 3. 网站设计 对搜索引擎来说，他们看不到网站里的flash、java applet和javascript，也看不到你图档里写的字，所以在网站设计上，只要尽量简洁有利，让内容可

31、以好好的呈现，就是一个成功的seo网站页面。 另外呢，网页要尽量符合w3c的标准，如果懒得作网页，可以参考这里，有提供一些免费的网页范本，几乎都是cc授权，所以可以自由的使用，他们的网页都是符合w3c标准的。 4. 每页档案大小 作者建议每个网页尽量在15k以下，如果可以缩减到12k，甚至10k那就更好，但是不能在5k以下。其实我们都知道，搜索引擎最佳化的目的，实际上是为了使用者，而不是为了搜索引擎本身（这个我过几天再补一篇文章介绍）。,广州市沸点网络科技有限公司,2.网站设计流程,网站设计的全过程,5. 内容 每天建立一个5001000字的网页，当然这个网页里面必须包含你重要的关键字，如果想

32、不出关键字来的话，可以使用Yahoo的关键字建议工具 6. 关键字密度以及关键字放置位置 拿出你的关键字，在下列六个地方各使用一次： * 标题 * meta标签 * 网址里面（好吧，中文关键字做不到） * 粗体关键字 （就是写出你的关键字，然后把他加粗） * 斜体关键字 （就是写出你的关键字，然后把他斜体） * 页面上半部 （网页内容比较前面的地方，我是建议用个标题，像是h1） 另外，英文的话，文句要通畅，拼字要正确，虽然搜索引擎本身就会帮你校正 7. 外部链接 每一个内容页面都应该链接一、二个该关键字的有名大站（我不是针对无名小站= =），要注意的是链接的方式，要先写出你的关键字，再将这个关

33、键字直接链接到该站台。,广州市沸点网络科技有限公司,2.网站设计流程,网站设计的全过程,8. 内部链接 你的网站里面可能有很多类的内容，请确定同类内容互相链接，而不同类内容千万不要互相链接。例如讲食品的页面请链接到讲水果的页面这样。 为什么要这样作呢？同类内容的内部链接可以让google的pagerank在你的网页里互相传递，如果你只对个别网页作最佳化，有可能会发生的情况是，网站里只有少数几个页面的排名可以往前，但是若是做好内部链接的话，可以让每个网页的排名都往前。 你想要五十个网页每天都可以带来一位访客，还是只有一个网页，每天带来五十位访客呢？前者还有机会可以努力，后者要再增加应该有其限度才

34、对。,广州市沸点网络科技有限公司,2.网站设计流程,网站设计的全过程,9. 网站上线 最好不要用虚拟主机，若是能有自己的代管主机或者是固定ip位置就最好了。若是租用虚拟主机厂商的虚拟主机方案，你可能遇到的就是一台主机里面放了上万个网站，尽管Yahoo和Google宣称，他们对待虚拟主机一视同仁，但是我还是担心要他们开始把同一主机ip数量加入排名公式的那天 确认网站的每一页都可以被搜索引擎索引进去，网站里的链接要做好。另外呢，在网站还称不上是个好网站的时候，不要让网站上线，若是随便让你的烂网站进入搜索引擎，并且被打了低分之后，我想，要让分数上升似乎就不是那麼容易了。 接著，把自己加入到odp（o

35、pen directory project），这是一个大家可以手动加入的目录索引，这样至少你的网站已经在一个索引里面了，接著，若是有钱的话，可以使用Yahoo的搜索引擎快速付费登录，这可以让你的网站在七天内进入Yahoo!奇摩的索引里，若是没钱的话也没关系，慢慢等还是会被Yahoo登录进去的。,广州市沸点网络科技有限公司,2.网站设计流程,网站设计的全过程,9. 网站上线 最好不要用虚拟主机，若是能有自己的代管主机或者是固定ip位置就最好了。若是租用虚拟主机厂商的虚拟主机方案，你可能遇到的就是一台主机里面放了上万个网站，尽管Yahoo和Google宣称，他们对待虚拟主机一视同仁，但是我还是担心

36、要他们开始把同一主机ip数量加入排名公式的那天 确认网站的每一页都可以被搜索引擎索引进去，网站里的链接要做好。另外呢，在网站还称不上是个好网站的时候，不要让网站上线，若是随便让你的烂网站进入搜索引擎，并且被打了低分之后，我想，要让分数上升似乎就不是那麼容易了。 接著，把自己加入到odp（open directory project），这是一个大家可以手动加入的目录索引，这样至少你的网站已经在一个索引里面了，接著，若是有钱的话，可以使用Yahoo的搜索引擎快速付费登录，这可以让你的网站在七天内进入Yahoo!奇摩的索引里，若是没钱的话也没关系，慢慢等还是会被Yahoo登录进去的。,广州市沸点网络

37、科技有限公司,2.网站设计流程,网站设计的全过程,9. 网站上线 最好不要用虚拟主机，若是能有自己的代管主机或者是固定ip位置就最好了。若是租用虚拟主机厂商的虚拟主机方案，你可能遇到的就是一台主机里面放了上万个网站，尽管Yahoo和Google宣称，他们对待虚拟主机一视同仁，但是我还是担心要他们开始把同一主机ip数量加入排名公式的那天 确认网站的每一页都可以被搜索引擎索引进去，网站里的链接要做好。另外呢，在网站还称不上是个好网站的时候，不要让网站上线，若是随便让你的烂网站进入搜索引擎，并且被打了低分之后，我想，要让分数上升似乎就不是那麼容易了。 接著，把自己加入到odp（open direct

38、ory project），这是一个大家可以手动加入的目录索引，这样至少你的网站已经在一个索引里面了，接著，若是有钱的话，可以使用Yahoo的搜索引擎快速付费登录，这可以让你的网站在七天内进入Yahoo!奇摩的索引里，若是没钱的话也没关系，慢慢等还是会被Yahoo登录进去的。,广州市沸点网络科技有限公司,2.网站设计流程,网站设计的全过程,10. 送交搜索引擎以及目录索引 把你的网站登录到Google、Yahoo!奇摩以及MSN，接著，就放著不管了。别忘了，这篇文章的目的是建立成功的网站，过程是一年，所以把网站送交登录之后，请耐心等待六个月。（最惨的情况下啦，不过一般来说，新网站最迟三五个星期就

39、会进入索引里面了） 11.网站推广 毋庸置疑任何一个想盈利的网站都无法回避付费推广服务，推广方面最主要的就是竞价排名。国内首推百度，任何人也不可否认百度的强大流量，google虽然在世界范围内是老大，但是百度在中国的流量是google的4-10倍。不点击不收费是竞价排名能够将百度带到财富巅峰的，不可否认也有大量的企业通过竞价排名带来了不小的收益！网站推广在建站之后是最重要的一步！ 12 纪录与追踪 申请一个不错的网页计数器（现在这个时候的话，当然是推荐使用Google Analytics，毕竟繁体中文内容已经可以使用Google AFC了；当然cnzz站长统计也是一个不错的选择。）,广州市沸点

40、网络科技有限公司,2.网站设计流程,网站设计的全过程,13、网站设计包括前台用户视觉体验的设计和后台程序功能设计，两个方面都是非常重要的；视觉设计对于客户的阅读带来愉悦和信任，后台注重操作的方便行； 网站设计时候的一些基本原则 设计网站中有哪些关键技巧？有哪些陷阱？在这里，世界上一流的网站设计专家，让你共享他们的秘密，告诉你：使网站赋予情趣的诀窍、应该避免做什么、应使用什么工具软件以及他们喜爱和厌恶的网站。,广州市沸点网络科技有限公司,2.网站设计流程,如何设计电视/电影类网站,1.导航尽量简化 用户上来这里,无非就是看电影或者看电视.其他无关的,都拿到次导航去,这点HULU就做得很经典了.切

41、记一点,视频网站,你能满足用户的观看需求,已经足够了,其他的只是锦上添花而已 . 2.首屏推荐图不要做得太漂亮 有一部分用户会把太漂亮的推荐图,会认为是广告,而不去点它,那么这个推荐位等于是浪费了,尽量选用剧照或者正规海报,去做推荐图. 3.不要想着把所有的内容都推荐给用户 首页内容贵在新和精,而不是多,如果内容过多,用户会显得无所适从,不知道看什么好,所以首页,只推一些精片和新片. 4.影片之间的间距尽量留到最大. 最能吸引用户的,不外乎是海报,但是密密麻麻的海报堆一起,虽然是感觉货堆如山,但是无疑给用户造成了浏览的不遍.看着你这堆海报,眼睛都花了,更别说去看你提炼得很精美的Slogan了.

42、,广州市沸点网络科技有限公司,2.网站设计流程,如何设计电视/电影类网站,5.能用剧照的地方不用海报 剧照可以让代入场景的感觉,虽然海报通常很精美,但是在带来视觉震撼之后,用户对这部片的了解还是很空洞的,剧照就不一样,精美的剧照,可以将用户代入场景,特别是针对电视剧来说,剧照可以让用户产生联想,而海报是不行的. 6.给排行版找一个好位置 排行版是用户的指南针,通常用户会先筛选一遍排行版有没有自己想看的节目,影片,如果没有,再进入到内页,或者频道页去查找,如果排行版位置太低.那就太麻烦了. 7.点一下,就能看 通常用户很在意他要看一部片需要多少个步骤,特别是针对收费网站来说,用户最讨厌的就是切换

43、了几个页面后,终于能看了,发现原来需要付费.所以最好是点一下,就能看,需要扣费或者登录的,直接出层让用户操作,而不要转到别的页面. 8.别把广告做成海报 用户上当一两次后,以后可能看到海报都会抗拒.这点很严重,广州市沸点网络科技有限公司,2.网站设计流程,如何设计电视/电影类网站,9.别把一堆影片相关信息堆到首页来 通常用户选择一部影片,大概有3种决定因素,1,自己想看,在别的地方看过介绍, 2,朋友推荐 3,海报很美,Slogan很煽情,主演很牛B. 至于其他什么导演,上映时间阿,这些都没多大作用的因素,最好都放详细介绍页去,很少有用户因为这部片子是谁导演的而去看的. 10.灵活使用2/8原

44、理 这里的2/8不是指图片文字比例的2/8,而是指首页的首屏,一定是全站20%最好的内容,分流80%的用户.首屏很重要.,广州市沸点网络科技有限公司,2.网站设计流程,网站设计的 7Cs,人机界面(Human-Computer Interface;HCI)在电脑资讯科技域中,是指电脑有关之硬体及软体,其本身为提供使用者与电脑之间沟通与互动的通道或桥梁.也因为人机之间的往沟通非常强调以与使用者需求为主,也就是强调使用者导向(User-Oriented)与使用者中心(User-Centered),所以人机介面又称为使用者介面(User- Interface).在电子商务环境中,使用者界面是企业与他

45、们顾客之间的系互动管道,Rayport与Jaworski在2001提出7Cs模式,其主要是用於分析电子商务的顾客界面,提出网站商店的顾客介面应著重在让顾客容操作与使其满意.因此,一个成功的网站设计,取决于其介面是否能够将顾客需求以及企业提供的服务加以整合,兹将7Cs架构的网站介面七项要素介绍,广州市沸点网络科技有限公司,Context(组织) Content(内容) Community(社群) Customization(客制化) Communication(沟通方式) Connection( 结) Commerce(商务),2.网站设计流程,网站设计的 7Cs,1 Context(组织) 网

46、站内容的设计与陈方式,要同时符合功能性与美观性个需求.功能性是指网站内容以有组织的方式呈现,让使用者可以方有效地浏览.而美观性则包括网页的色系及其他传递讯息的视觉题材. 2 Content(内容) 指网站上所传递的内容.包括产品与服务内容( 如各科室简介,医院地 位置等资讯),促销方案,顾客支援,及时 新的资讯,各种与产品或服务相关的资讯, 用多媒体方式提供产品或服务资讯(如:以语音或动画的方式描述产品或服务内容). 3 Community(社群) 供网站使用者之间的互动空间,让使用者有归属感或 与感.包括线上讨版( 如疾病讨园地),会员电子信箱清单或言板等. 4 Customization(

47、客制化) 网站提供使用者自 身订做自己想阅的内容资讯之功能.每个使用者在登入后就可以享受与众同,独享的页面,能让顾客有 ,亲的感觉.,广州市沸点网络科技有限公司,2.网站设计流程,网站设计的 7Cs,5 Communication(沟通方式) 网站与使用者之间的沟通管道,包括以电子邮件方式告知各式资讯( 如电子报),或是让使用者可提供建议的管道( 如建言信箱). 6 Connection( 结) 网站本身与其他外部相关网站的结.像医网站可方的结到其他的医资讯机构( 如医资讯网), 政院卫生署,中央健康保险局,医学术研究机构( 如台湾医学会)等. 7 Commerce(商务) 支援各种交之介面功

48、能, 如线上挂号,挂号查询与取消,缴费功能等.,广州市沸点网络科技有限公司,2.网站设计流程,网站设计9条原则,01 明确内容 如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。 02 抓住用户 如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。 03 优化内容 内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。比如某网站在设计的某些方面是成功的，但是内容太贪乏，并且要花很长时间才能找

49、到所要的东西，因此不能算是一个成功的网站。,广州市沸点网络科技有限公司,2.网站设计流程,网站设计9条原则,04 快速下载 没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。最好符合WEB标准化用css定位的网站往往比表格定位要少很多代码。 05 网站升级 时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。 06 坚持基本原则 即使你不懂HTML语言，你只需购买一个有版权的所见即所得的网页设计工具，如

50、Adobe PageMill 或 Microsoft FrontPage Express，当然现在则是Dreamweaver啦，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。,广州市沸点网络科技有限公司,2.网站设计流程,网站设计9条原则,07 学习HTML 用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好

51、的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。HTML编写过程中可以大段大段地删减，这是一特点。 08 用笔画一个网站的框架 圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。 09 “在计算机上永远也找不到好的方案”。专家忠告,广州市沸点网络科技有限公司,2.网站设计流程,网站设计专业要求,1网页设计软件 PhotoshopDreamweaverFireworksFlashHTML语言 2网站后台编程 ASP

52、开发环境、Windows窗体编程、常用控件；ASP编程、ASP Web服务器控件、配置和优化ASP应用程序、调试和错误处理、ADO、连接和操作数据源、数据集、水晶报表的使用、Web服务创建和使用；留言板、BBS论坛、电子商务系统。 3数据库管理 Access数据库的基本概念、结构、数据表的建立、数据表的基本维护、SQL Server基础、数据源的链接、SQL语言、集合函数、数据类型。 4学习综合性网页设计规则、页面整体排版能力的处理、图片美工及 WEB 程序块的调入和美化、程序的调试和运用、网站综合训练 、动态网页创作模式。,广州市沸点网络科技有限公司,2.网站设计流程,网站设计专业要求 ：

53、FLASH网站设计注意的要点,1.记住用户的目标 用户往往带着目的访问一个站点，每个链接，每次点击都要合乎他们的经验并且引导他们通向他们的目标。当传输你的页面时，应该让关键的导航链接首先装载万一用户想转到网站其它的区域。模仿通常的用户图形界面往往可以增加可用性。 2. 记住网站的目的 网站设计应该反应商业或者客户的需求，有效的传播主要信息与促进品牌。然而网站的目标最好通过尊重用户的习惯来达到，所以站点结构必须满足用户的需要，快速的将用户引导至其目标而避免任何公司和区域行话。 3. 避免没有必要的介绍 虽然介绍的动画非常精彩，但是它们往往延误了用户访问他们正在寻找的信息。应该经常提供给用户一个忽

54、略介绍的命令或者访问你的主页的选择，当他们第二次访问您的主页时，对所有的用户都应该忽略简介动画（使用客户端的javascript来完成这个功能），然后在目标页面提供返回到动画页面的选择。,广州市沸点网络科技有限公司,2.网站设计流程,网站设计专业要求 ： FLASH网站设计注意的要点,4. 提供合乎逻辑的导航与交互 保证用户的导航: 显示用户访问过的上一个地址和他即将访问的下一个地址. 通过链接的不同颜色在用户访问后提醒他们访问过的页面. 提供用户一个轻松跳出他们正在访问的部分回到出发点的的链接. 明确说明每个链接的位置. 保证链接的结构和命名法的可视性,而不是隐藏它们直到用户触发了某个事件（

55、比如鼠标移近）. 确保按钮定义了足够好的反应区域. 利用Flash流的特性首先装载主要的导航元素. 确保导航的后退按钮. 为了做到这一点可以使用浏览器内置的前进和后退导航系统,将Flash影片逻辑的分成几块并置于独立的HTML页面中. 做为一种选择, 为影片建立一个基于Flash的后退按钮以便用户可以利用它后退到一个包含上一个访问页面的场景或桢. 5. 设计的连贯性 提高您的站点性能的最好方法是用户界面的一致性. 元素结构的再使用,元素的设计以及命名的习惯将使用户在导向他们的目标时对站点传达的信息的注意力更加丰富, 而且这也有利于站点的维护. 你可以在整个站点中使用小影片(Smart Clip

56、)来重复使用交互元素, 还可以让最初导航系统的文字和图片在目标页面中重新使用.,广州市沸点网络科技有限公司,2.网站设计流程,网站设计专业要求 ： FLASH网站设计注意的要点,6. 不要过度使用动画 避免不必要的动画. 最好的动画应该是可以增加站点的设计目标的动画, 在导航的时候讲述一个故事或者有帮助的事情. 在包含大量文字的页面使用重复的动画将使视线从消息转移. 7. 慎重使用声音 声音可以为你的站点锦上添花但是绝对不是必要的. 例如：使用声音来说明用户刚刚触发了一个时间. 确保使用了声音的开关与音量调节方法, 并且要记住声音会显著的增加文件的大小. 当你确实使用了声音的时候，Macrom

57、edia Flash会将声音转换为MP3文件甚至流媒体化. 8. 面向低带宽的用户 越少的下载越好. 初始的下载页面大小不能超过40K, 包括所有Macromedia文件，图像和HTML文件. 为了减少下载时间, 使用矢量图形(除非图像使压缩过的BMP, 那样最好仍保持为BMP格式), 并且只有在用户确定的要用到某个文件时才使用Load Movie动作. 如果用户必须等待, 提供一个装载的时间序列与进度条, 只要可能，必须在前5秒内装载导航系统.,广州市沸点网络科技有限公司,2.网站设计流程,网站设计专业要求 ： FLASH网站设计注意的要点,9. 设计的易用性 确保你的站点的内容能被所有的用

58、户阅读, 包括那些残疾用户. 高度使用ALT标签可以确保网站内容能被辅助工具解释. 影片的可缩放性是让更多用户了解网站内容的另一项易用的Macromedia特色. 如果需要一个彻底的Macromedia Flash内容可用性的讨论,请登陆Macromedia Flash可用性网站. 10. 可用性测试 让一些新手来访问站点并同时完成用户目标与站点目标. 甚至简短的Macromedia Flash动画都有可能阻挡用户实现目标, 所以使用Macromedia Flash的带宽模拟器（Bandwidth Profiler译者注）(在视图菜单的测试影片模式下)来分析站点在不同带宽模式下的性能.每次 重

59、复测试影片哪怕是很小的改动. 确保站点的测试者从人口统计学上合乎站点的预定用户特别是预定用户中有对站点的导航有不同级别的满意程度.,广州市沸点网络科技有限公司,3. 网站程序的构建,网站程序构建的主流语言介绍,主流的使用ASP和PHP，少量的使用CGI，非常少的使用.net，甚至使用特定的后台程序。 所谓的“网站后台”实际上就是网站动态网页的源代码。 ASP可能是典型的一种，以ASP来说： 1、来访用户看到的内容，并不是（或并不一定是）源代码的原有内容，而之所以做成ASP，其原因之一就是不让你看到网站的所有内容。 2、不同的来访者看到的内容可能不同，这就可以对不同的来访者能看到的内容加以管理。 3、引入互动机制，使来访者可以留言、上传图片、文件甚至语音、视频在线对话等功能。 ASP在事实上依存于ASP服务器软件，ASP服务器软件就象一个解释器，将ASP源码中的内容进行解释性的执行。 ASP网页的源码实际上是普通html（一般的网页代码）加上script语言功能。script又分很多种，用得最多的可能就是javascript，一种类似java的语言。 要实现互动机制，就需要将来访者的情况、留言、上传的数据、相片等等在服务器上分类保存，故此就需要数据库来管理它们，所以，需要ACCESS或是SQL Server或Oracle，这些数据库