网站建设培训PPT.ppt.ppt

《网站建设培训PPT.ppt.ppt》由会员分享，可在线阅读，更多相关《网站建设培训PPT.ppt.ppt（85页珍藏版）》请在三一办公上搜索。

1、网站建设实训,郎登何 主讲,实训任务,一 网站项目需求设计,二 网站项目系统分析,三 网站项目系统设计,四 网站项目系统实施(我们的核心内容),五 项目实训报告,网站建设,1.网站类型概述,2.网站设计流程,3.网站程序的构建,4.网站后期维护工序,重庆电子工程职业学院,网站类型,1、产品(服务)查询展示型网站,本类网站核心目的是推广产品(服务)，是企业的产品“展示框”。利用网络的多媒体技术，数据库存储查询技术，三维展示技术，配合有效的图片和文字说明，将企业的产品(服务)充分展现给新老客户，使客户能全方位的了解公司产品。与产品印刷资料相比，网站可以营造更加直观的氛围和产品的感染力，促使商家及消

2、费者对产品产生采购欲望，从而促进企业销售。,网站类型,2、品牌宣传型网站,本类网站非常强调创意设计，但不同于一般的平面广告设计。网站利用多媒体交互技术，动态网页技术，配合广告设计，将企业品牌在互联网上发挥得淋漓尽致。本类型网站着重展示企业CI、传播品牌文化、提高品牌知名度。对于产品品牌众多的企业，可以单独建立各个品牌的独立网站，以便市场营销策略与网站宣传统一。,网站类型,3、企业涉外商务网站,通过互联网对企业各种涉外工作，提供远程、及时、准确的服务，是本类网站的核心目标。本网站可实现渠道分销、终端客户销售、合作伙伴管理、网上采购、实时在线服务、物流管理、售后服务管理等，它将更进一步的优化企业现

3、有的服务体系，实现公司对分公司、经销商、售后服务商、消费者的有效管理，加速企业的信息流、资金流、物流的运转效率，降低企业经营成本，为企业创造额外收益，降低企业经营成本。,网站类型,4、网上购物型网站,通俗的说，就是实现网上买卖商品，购买的对象可以是企业(B2B)，也可以是消费者(B2C)。为了了确保采购成功，该类网站需要有产品管理、订购管理、订单管理、产品推荐、支付管理、收费管理、送发货管理、会员管理等基本系统功能。复杂的物品销售、网上购物型网站还需要建立积分管理系统、VIP管理系统、客户服务交流管理系统，商品销售分析系统以及与内部进销存(MIS，ERP)打交道的数据导入导出系统等。本类型网站

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

5、站的综合，是企业面向新老客户、业界人士及全社会的窗口，是目前最普遍的形式之一。该类网站将企业的日常涉外工作上网，其中包括营销、技术支持、售后服务、物料采购、社会公共关系处理等。该类网站函盖的工作类型多，信息量大，访问群体广，信息更新需要多个部门共同完成。企业综合门户信息网站有利于社会对企业的全面了解，但不利于突出特定的工作需要，也不利于展现重点。,网站类型,7、沟通交流平台,本系统采用利用互联网，将分布在全国的生产、销售、服务和供应等环节联系在一起，改变过去利用电话、传真、信件等传统沟通方式。可以对不同部门、不同工作性质的用户建立无限多个的个性化网站;提供内部信息发布、管理、分类、共享等功能，

6、汇总各种生产、销售、财务等数据;提供内部邮件、文件传递、语音、视频等多种通信交流手段。,网站类型,8、政府门户信息网站,利用政务网(或称政府专网)和内部办公网络而建立的内部门户信息网，是为了方便办公区域以外的相关部门(或上、下级机构)，互通信息、统一数据处理、共享文件资料而建立的。主要包括如下功能：提供多数据源的接口，实现业务系统的数据整合;统一用户管理，提供方便有效的访问权限和管理权限体系;可以方便建立二级子网站和部门网站;实现复杂的信息发布管理流程。,网站类型比例,将网站按照主体性质不同又可分为政府网站、企业网站、商业网站、教育科研机构网站、个人网站、其它非盈利机构网站以及其它类型等。本次

7、调查结果显示，企业网站数的比例最大，占整个网站总体的70.9%，其次为商业网站，占8.2%，第三是个人网站，占6.5%，随后依次为教育科研机构网站占5.1%，其它非盈利机构网站占5.0%，政府网站占3.2%，其它类型占1.1%。如下图所示。,2.网站设计流程,什么是网站设计：,网站它是由域名（俗称网址），网站源程序和网站空间三部分构成。其中域名它是类似于互联网上的门牌号码，是用于识别和定位互联网上计算机的层次结构式字符标识，与该计算机的互联网协议（IP）地址相对应。而网站设计是设计师通过像Frontpage或Dreamweaver等工具来对网站进行编辑的！WWW是“World Wide Web

8、的缩写,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,01 明确内容 如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,02 抓住用户 如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,03 优化内容 内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世

9、纪才能下载完。Chanels网站在设计的某些方面是成功的，但是内容太贫乏，并且要花很长时间才能找到所要的东西，因此不能算是一个成功的网站。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,04 快速下载 没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,05 网站升级 时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。,

10、2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,06 坚持基本原则 即使你不懂HTML语言，你只需购买一个有版权的所见即所得的网页设计工具，如Adobe PageMill 或 Microsoft FrontPage Express，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,07 学习HTML 用HTML设计网站，可以控

11、制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,08 用笔画一个网站的框架 圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。09“在计算机上永远也找不到好的方案”。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点

12、,10 网站地图 许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,11“睁大你的眼睛，留意所有的事情。”“对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素，确保你的设计是围绕站点浏览进行的。”,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,12 点击规则 听说过3次点击规则吗？对于小型网站，在你的主页上，没有任

13、何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,13 特殊字体的应用 虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。,2.网站设计流程,什么是网站设计：网站设计的实质内容共

14、36要点,14“使用切合实际的简便的命名规则。”15 检查错别字 好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,16 避免长文本页面 在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费Web的潜力。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读。17 不要使用卷滚条 人们厌恶在网上使用卷滚条。Trouble网站（www.Trouble.co.uk）是一个典型的设计很差的网站。它基于一个浮

15、动的架构，为了阅读所有的文本，浏览者不得不使用卷滚条。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,18 专家最喜爱的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 A

16、crobat Exchange，Allaire ColdFusion,BBEdit,HTML Validator等。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,19 网站介绍 你应当有一个很清晰的网站介绍，告诉访问者你的网站能够提供些什么，以便访问者能找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,20“网站一旦发布，网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议

17、和用户反馈意见中学到更多的东西。”专家忠告 21 闪烁让人头痛 通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站，就少用此方法。,网站建设实训,郎登何 主讲,实训任务,一 网站项目需求分析,二 网站项目系统设计,三 网站项目系统设计,四 网站项目系统实施(我们的核心内容),五 项目实训报告,本课程全部结束,谢谢大家,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,22 背景颜色 背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。23 向前和向后按钮 应当避

18、免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,24“坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。”25 点击记数器 不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。,2.网站设计流程,什么

19、是网站设计：网站设计的实质内容共36要点,26 不要用框架 与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,27 去掉图像 在浏览器中即使去掉了图像功能，也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者，还能获得好的网页加载性能。可以通过在网页

20、底部提供另外的链接和使用替代文字，而不是图像来满足访问者的需要。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,28 重复使用图像 一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时，在网页上多次使用同样的图像是一个好的方法，并且一旦它们被装入，以后重新载入就会很快。29 避免使用过大的图像 不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。30“避免使用炫耀的技巧。”专家忠告 31 选择使用Flash动画 许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源，使网站的操作变得很困难，因此，应该给用户一个跳过

21、使用Flash动画的选择。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,32 尽量少使用Flash插件 虽然许多Web设计者认为Flash功能很强大，并且Netscape5.0将支持Flash，在使用时不必再下载任何插件。但是，最好还是取消使用Flash做各接口的想法。33 让用户先预览小图像 如果不得不放置大的图像在网站上，就最好使用Thumbnails软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,34 动画与内容应有机结合 确保动画和内容有关联。它们应

22、和网页浑然一体，而不是干巴巴的。动画并不只是Macromedia Director等制作的东西的简单堆积。35 慎用声音 声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢，同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣，但是多次以后肯定会很烦人。使用声音前，应该仔细考虑声音将会给你带来什么。,2.网站设计流程,什么是网站设计：网站设计的实质内容共36要点,36 少用Java 和AxtiveX 在网页上应尽量少使用Java 和AxtiveX。因为并不是每一种浏览器都需要使用它，只有那些Netscape 和Explorer的早期版本的使用

23、者才需要它。另外Mac（苹果机）在处理Java时也存在问题，过分地使用Java，会使Mac崩溃。,2.网站设计流程,网站设计的要点:网站设计要注意的两个要点：整体风格和色彩搭配。,一、确定网站的整体风格 网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的

24、，IBM是专业严肃的。这些都是网站给人们留下的不同感受。在这里，我提供给大家一些参考经验：1将你的标志logo，尽可能的放在每个页面上最突出的位置。2突出你的标准色彩。3总结一句能反映贵站精髓的宣传标语！4相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！,重庆电子工程职业学院,2.网站设计流程,网站设计的要点:网站设计要注意的两个要点：整体风格和色彩搭配。,二、网页色彩的搭配 无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或美丽的图片，而是网页的色彩。关于色彩的原理

25、有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。1用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统 一，有层次感。2用两种色彩。先选定一种色彩，然后选择它的对比色。3用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些误区：1不要将所有颜色都用到，尽量控制在三至五种色彩以内。2背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。,重庆电子工程职业学院,2.网站设计流程,网站设计的要点:动态网站的设

26、计,动态网站设计网络技术日新月异，细心的网友会发现许多网页文件扩展名不再只是“.htm”，还有“.php”、“.asp”等，这些都是采用动态网页技术制作出来的。早期的动态网页主要采用CGI技术，CGI即Common Gateway Interface(公用网关接口)。您可以使用不同的程序编写适合的CGI程序，如Visual Basic、Delphi或C/C等。虽然CGI技术已经发展成熟而且功能强大，但由于编程困难、效率低下、修改复杂，所以有逐渐被新技术取代的趋势。下面介绍几种目前颇受关注的新技术：1、PHP 即Hypertext Preprocessor(超文本预处理器)，它是当今Intern

27、et上最为火热的脚本语言，其语法借鉴了C、Java、PERL等语言，但只需要很少的编程知识你就能使用PHP建立一个真正交互的Web站点。它与HTML语言具有非常好的兼容性，使用者可以直接在脚本代码中加入HTML标签，或者在HTML标签中加入脚本代码从而更好地实现页面控制。PHP提供了标准的数据库接口，数据库连接方便，兼容性强；扩展性强；可以进行面向对象编程。,重庆电子工程职业学院,2.网站设计流程,网站设计的要点:动态网站的设计,2、ASP 即Active Server Pages，它是微软开发的一种类似HTML(超文本标识语言)、Script(脚本)与CGI(公用网关接口)的结合体，它没有提

28、供自己专门的编程语言，而是允许用户使用许多已有的脚本语言编写ASP的应用程序。ASP的程序编制比HTML更方便且更有灵活性。它是在Web服务器端运行，运行后再将运行结果以HTML格式传送至客户端的浏览器。因此ASP与一般的脚本语言相比，要安全得多。ASP的最大好处是可以包含HTML标签，也可以直接存取数据库及使用无限扩充的ActiveX控件，因此在程序编制上要比HTML方便而且更富有灵活性。通过使用ASP的组件和对象技术，用户可以直接使用ActiveX控件，调用对象方法和属性，以简单的方式实现强大的交互功能。但ASP技术也非完美无缺，由于它基本上是局限于微软的操作系统平台之上，主要工作环境是微

29、软的IIS应用程序结构，又因ActiveX对象具有平台特性，所以ASP技术不能很容易地实现在跨平台Web服务器上工作。,重庆电子工程职业学院,2.网站设计流程,网站设计的要点:动态网站的设计,3、JSP 即Java Server Pages，它是由Sun Microsystem公司于1999年6月推出的新技术，是基于Java Servlet以及整个Java体系的Web开发技术。JSP和ASP在技术方面有许多相似之处，不过两者来源于不同的技术规范组织，以至 ASP一般只应用于Windows NT/2000平台，而JSP则可以在85以上的服务器上运行，而且基于JSP技术的应用程序比基于ASP的应用

30、程序易于维护和管理，所以被许多人认为是未来最有发展前途的动态网站技术。虽然以上3种新技术在制作动态网页上各有特色，但目前仍都在发展中，不够普及。对于广大个人主页的爱好者、制作者来说，建议尽量少用难度大的CGI技术。如果您对微软的产品情有独钟，采用ASP技术会让您得心应手；如果是Linux的追求者，运用PHP技术在目前是最明智的选择。当然，不要忽略了JSP技术.,重庆电子工程职业学院,2.网站设计流程,网站设计的全过程,1.准备内容在注册网址之前就应该先搜集至少一百页的内容，这些内容必须是有价值的、不违反著作权的内容。2.网址想个比较有意义，好记的网址（喔，好吧，中文网站比较不需要在网址里放关键

31、字，这一项我们可以忽略）。3.网站设计对搜索引擎来说，他们看不到网站里的flash、java applet和javascript，也看不到你图档里写的字，所以在网站设计上，只要尽量简洁有利，让内容可以好好的呈现，就是一个成功的seo网站页面。另外呢，网页要尽量符合w3c的标准，如果懒得作网页，可以参考这里，有提供一些免费的网页范本，几乎都是cc授权，所以可以自由的使用，他们的网页都是符合w3c标准的。4.每页档案大小作者建议每个网页尽量在15k以下，如果可以缩减到12k，甚至10k那就更好，但是不能在5k以下。其实我们都知道，搜索引擎最佳化的目的，实际上是为了使用者，而不是为了搜索引擎本身（这

32、个我过几天再补一篇文章介绍）。,重庆电子工程职业学院,2.网站设计流程,网站设计的全过程,5.内容每天建立一个5001000字的网页，当然这个网页里面必须包含你重要的关键字，如果想不出关键字来的话，可以使用Yahoo的关键字建议工具6.关键字密度以及关键字放置位置拿出你的关键字，在下列六个地方各使用一次：*标题*meta标签*网址里面（好吧，中文关键字做不到）*粗体关键字（就是写出你的关键字，然后把他加粗）*斜体关键字（就是写出你的关键字，然后把他斜体）*页面上半部（网页内容比较前面的地方，我是建议用个标题，像是h1）另外，英文的话，文句要通畅，拼字要正确，虽然搜索引擎本身就会帮你校正7.外部

33、链接每一个内容页面都应该链接一、二个该关键字的有名大站（我不是针对无名小站=），要注意的是链接的方式，要先写出你的关键字，再将这个关键字直接链接到该站台。,重庆电子工程职业学院,2.网站设计流程,网站设计的全过程,8.内部链接你的网站里面可能有很多类的内容，请确定同类内容互相链接，而不同类内容千万不要互相链接。例如讲食品的页面请链接到讲水果的页面这样。为什么要这样作呢？同类内容的内部链接可以让google的pagerank在你的网页里互相传递，如果你只对个别网页作最佳化，有可能会发生的情况是，网站里只有少数几个页面的排名可以往前，但是若是做好内部链接的话，可以让每个网页的排名都往前。你想要五十

34、个网页每天都可以带来一位访客，还是只有一个网页，每天带来五十位访客呢？前者还有机会可以努力，后者要再增加应该有其限度才对。,重庆电子工程职业学院,2.网站设计流程,网站设计的全过程,9.网站上线最好不要用虚拟主机，若是能有自己的代管主机或者是固定ip位置就最好了。若是租用虚拟主机厂商的虚拟主机方案，你可能遇到的就是一台主机里面放了上万个网站，尽管Yahoo和Google宣称，他们对待虚拟主机一视同仁，但是我还是担心要他们开始把同一主机ip数量加入排名公式的那天确认网站的每一页都可以被搜索引擎索引进去，网站里的链接要做好。另外呢，在网站还称不上是个好网站的时候，不要让网站上线，若是随便让你的烂网

35、站进入搜索引擎，并且被打了低分之后，我想，要让分数上升似乎就不是那麼容易了。接著，把自己加入到odp（open directory project），这是一个大家可以手动加入的目录索引，这样至少你的网站已经在一个索引里面了，接著，若是有钱的话，可以使用Yahoo的搜索引擎快速付费登录，这可以让你的网站在七天内进入Yahoo!奇摩的索引里，若是没钱的话也没关系，慢慢等还是会被Yahoo登录进去的。,重庆电子工程职业学院,2.网站设计流程,网站设计的全过程,9.网站上线最好不要用虚拟主机，若是能有自己的代管主机或者是固定ip位置就最好了。若是租用虚拟主机厂商的虚拟主机方案，你可能遇到的就是一台主机

36、里面放了上万个网站，尽管Yahoo和Google宣称，他们对待虚拟主机一视同仁，但是我还是担心要他们开始把同一主机ip数量加入排名公式的那天确认网站的每一页都可以被搜索引擎索引进去，网站里的链接要做好。另外呢，在网站还称不上是个好网站的时候，不要让网站上线，若是随便让你的烂网站进入搜索引擎，并且被打了低分之后，我想，要让分数上升似乎就不是那麼容易了。接著，把自己加入到odp（open directory project），这是一个大家可以手动加入的目录索引，这样至少你的网站已经在一个索引里面了，接著，若是有钱的话，可以使用Yahoo的搜索引擎快速付费登录，这可以让你的网站在七天内进入Yahoo

37、!奇摩的索引里，若是没钱的话也没关系，慢慢等还是会被Yahoo登录进去的。,重庆电子工程职业学院,2.网站设计流程,网站设计的全过程,9.网站上线最好不要用虚拟主机，若是能有自己的代管主机或者是固定ip位置就最好了。若是租用虚拟主机厂商的虚拟主机方案，你可能遇到的就是一台主机里面放了上万个网站，尽管Yahoo和Google宣称，他们对待虚拟主机一视同仁，但是我还是担心要他们开始把同一主机ip数量加入排名公式的那天确认网站的每一页都可以被搜索引擎索引进去，网站里的链接要做好。另外呢，在网站还称不上是个好网站的时候，不要让网站上线，若是随便让你的烂网站进入搜索引擎，并且被打了低分之后，我想，要让分

38、数上升似乎就不是那麼容易了。接著，把自己加入到odp（open directory project），这是一个大家可以手动加入的目录索引，这样至少你的网站已经在一个索引里面了，接著，若是有钱的话，可以使用Yahoo的搜索引擎快速付费登录，这可以让你的网站在七天内进入Yahoo!奇摩的索引里，若是没钱的话也没关系，慢慢等还是会被Yahoo登录进去的。,重庆电子工程职业学院,2.网站设计流程,网站设计的全过程,10.送交搜索引擎以及目录索引把你的网站登录到Google、Yahoo!奇摩以及MSN，接著，就放著不管了。别忘了，这篇文章的目的是建立成功的网站，过程是一年，所以把网站送交登录之后，请耐心

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

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

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

42、得很精美的Slogan了.,重庆电子工程职业学院,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(商务)支援各种交之介面功能,如线上挂号,挂号查询与取消,缴费功能等.,重庆电子工程职业学院,2.网站设计流程,网

48、站设计9条原则,01 明确内容 如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。02 抓住用户 如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。03 优化内容 内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。比如某网站在设计的某些方面是成功的，但是内容太贪乏，并且要花很长时间才能找到所要的东西，因此不能算是一个成功的网站。,重庆电子工程职业学院,2.网站设计流程,网站设计9条原则

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

50、mweaver啦，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。,重庆电子工程职业学院,2.网站设计流程,网站设计9条原则,07 学习HTML 用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把