网站规划与设计概述.ppt

,网站设计与开发案例教程莫云峰覃伟等编著中国水利水电出版社,第一章网站规划与设计概述,学习目标：了解网站规划书的撰写。熟悉网站域名注册和服务器空间申请的方法。了解网站开发的常用工具和技术。了解网站备案的流程。掌握网站的制作流程。,1.1需求分析,网站规划就是要明确建立网站的目的和发展的方向，通过市场调研明确网站的服务领域，了解网站服务对象及他们的需求，确定网站所提供的功能等。网站的规划不仅仅是撰写一个规划书，更重要的是根据网站运营的需求，把功能设计、技术开发和网站推广等方方面面的内容综合分析后得出的最佳网站开发方案。,1.2任务分解,1.2.1任务一：网站规划书的撰写,网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。网站规划书应该尽可能涵盖网站规划中的各个方面，网站规划书的写作要科学、认真、实事求是。以最常见的企业网站类型为例，网站规划书包含的内容如下：,(1)相关行业的市场是怎样的,市场有什么样的特点，是否能够在互联网上开展业务。(2)市场主要竞争者分析，竞争对手上网情况及其网站规划、功能作用。(3)公司自身条件分析、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力（费用、技术、人力等）。,1.建设网站前的市场分析,2.建设网站目的及功能定位,(1)为什么要建立网站，是为了宣传产品，进行电子商务，还是建立行业性网站？是企业的需要还是市场开拓的延伸？(2)整合公司资源，确定网站功能。根据公司的需要和计划，确定网站的功能：产品宣传型、网上营销型、客户服务型、电子商务型等。(3)根据网站功能，确定网站应达到的目的作用。(4)企业内部网（Intranet)的建设情况和网站的可扩展性。,3.网站技术解决方案,根据网站的功能确定网站技术解决方案。(1)采用自建服务器，还是租用虚拟主机。(2)选择操作系统，用Unix,Linux还是Window2000/NT。分析投入成本、功能、开发、稳定性和安全性等。(3)采用系统性的解决方案（如IBM,HP）等公司提供的企业上网方案、电子商务解决方案？还是自己开发。(4)网站安全性措施，防黑、防病毒方案。(5)相关程序开发。如网页程序ASP、JSP、PHP、数据库程序等。,4.网站内容规划,(1)根据网站的目的和功能规划网站内容，一般企业网站应包括：公司简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容。(2)电子商务类网站要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。(3)如果网站栏目比较多，则考虑采用网站编程专人负责相关内容。注意：网站内容是网站吸引浏览者最重要的因素，无内容或不实用的信息不会吸引匆匆浏览的访客。可事先对人们希望阅读的信息进行调查，并在网站发布后调查人们对网站内容的满意度，以及时调整网站内容。,(1)网页美术设计一般要与企业整体形象一致，要符合CI规范。要注意网页色彩、图片的应用及版面规划，保持网页的整体一致性。(2)在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。(3)制定网页改版计划，如半年到一年时间进行较大规模改版等。,5.网页设计,(1)服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。(2)数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视。(3)内容的更新、调整等。(4)制定相关网站维护的规定，将网站维护制度化、规范化。,6.网站维护,7.网站测试网站发布前要进行细致周密的测试，以保证正常浏览和使用。主要测试内容：(1)服务器稳定性、安全性。(2)程序及数据库测试。(3)网页兼容性测试，如浏览器、显示器。(4)根据需要的其他测试。8.网站发布与推广(1)网站测试后进行发布的公关，广告活动。(2)搜索引掣登记等。,9.网站建设日程表各项规划任务的开始完成时间，负责人等。10.费用明细各项事宜所需费用清单，一般包括域名，空间的费用，此费用是按年交纳；网站制作费用，网站维护费用等，一些优秀的网络公司还会制定产品策划及推广计划等服务。以上为网站规划书中应该体现的主要内容，根据不同的需求和建站目的，内容也会在增加或减少。在建设网站之初一定要进行细致的规划，才能达到预期建站目的。,1.2.2任务二：域名和服务器空间申请1.域名及注册方法(1)域名域名就是上网单位的名称，是一个通过计算机登上网络的单位在该网中的地址。一个公司如果希望在网络上建立自己的主页，就必须注册一个域名，域名也是由若干部分组成，包括数字和字母。域名类型有很多种，.com/.net/.org是国际最广泛流行的通用域名格式。.cn域名是中国英文域名，近几年也出现了如“毛衫人才网.com”的中文域名。,(2)域名的注册方法注册国际域名没有条件限制。单位和个人均可以申请。只需到一些域名注册商网站填写一个在线注册表，把真实信息填写就可申请。注册中国国家顶级域名（国内域名），域名注册申请人必须是依法登记并能够独立承担民事责任的组织，个人不能申请注册域名。域名注册申请表中的各类联系人都是代表组织来办理域名注册申请的各项事宜。域名承办人并不是以个人身份来办理域名注册申请，而是代表组织。国内较大的域名注册商有新网互联，新网海信，万网，中国频道，商务中国，易名网等。,2.服务器空间及申请,网站空间根据服务性能和需求可以从下面几个方面进行选择：(1)租用虚拟主机.适宜：对网站功能（支持数据库等）、相应速度、容量有一定要求的个人或者企业网站。(2)租用整机（独享主机）：租用1台物理整机。优点：速度快，存储空间大，管理等自由度大；缺点：租金贵，适合网站日访问量比较大、网站信息量大的企业。适宜对存储空间、访问相应有比较高的大中型企业。(3)主机托管：企业自己购买主机，放于ISP机房。优点：设备产权属于企业，存储空间、管理自由度更大，且环境好、网络带宽大。缺点：购买设备投入比较大，且托管费用也不便宜。适宜于资金实力较雄厚，对网站相应、存储等有更高要求的大中型企业。(4)自建机房，服务器放在企业内部：自买服务器及网络设备、安全设备等。优点：管理方便，自由度、安全性更强。缺点：投入成本和管理成本高；网络带宽较小。适用：需要进行网络化管理，并与客户进行互动或者自助操作、资料具有较高的保密性、且企业自身有一定的技术管理能力和资金实力的大、中型企业。,1.2.3任务三：确定网站开发工具和技术,1.网页布局工具(1)Dreamweaver它不仅是一个专业的可视化网页设计编辑工具，而且还是一个出色的网站管理、维护工具。它的最新版本是CS5版,如图1-1所示。,图1-1DreamweaverCS5软件界面,Frontpage是Microsoft公司Office办公自动化套装组件之一，它也是一款编写网页和创建网站的优秀软件，它内含大量的模板，使用时只需要选择相应的命令、设置相应的属性即可，特别适合初学者使用。但是，由于FrontPage大部分网页是基于表格的，所以它生成的网页代码伴有大量的冗余代码，网上传播速度较慢，且占用的存储空间也较大。除了采用上面的软件直观地生成各种网页外，有时也需要直接编辑网页的源代码，尤其是在制作动态网页（如开发数据库网页、编辑脚本特效）时，实现这一功能较常用的软件有HotDog、HomeSite和Editplus等。,(2)Frontpage,2.网页美化工具除编辑HTML文件外，制作网页还需要大量的图像、动画、声音等多媒体元素进行美化，因此必须掌握几种处理图像、动画和声音的软件。典型的图像处理软件有Adobe公司的Photoshop、Fireworks，典型的动画软件有Flash，Ulead公司的Cool3D，GIFAnimator和声音编辑软件CoolEditPro等。,(1)图像处理软件制作网页图像的软件非常多，但在实际使用过程中用得比较多的是Fireworks、Photoshop等，尤其是Fireworks。它是专门为网页图片量身订做的图形图像处理软件。,(2)动画制作软件Flash是网页动画制作中最常用的软件之一，图1-4是FLASH软件界面。它具有小巧灵活、生成文件小、表现内容丰富等诸多优点，同时，它还是网页三剑客（Dreamweaver、Flash、Fireworks）之一，与其他另外两款软件配合使用更是相得益彰。另外，还有一些其他的小软件可以制作动画，如Swish、UleadGIFAnimator等。如果还要制作3D动画，那么还可以选择UleadCool3D、3DFlashAnimator、Xara3D等软件。,3.网页开发语言网页最初的都是用超文本标记语言HTML来实现的，称为静态网页，一般后缀为.htm或.html，其制作工具可以是记事本、EditPlus等纯文本编写工具，也可以是FrontPage、DreamWeaver等所见即所得的工具。静态网页的缺点是：如果要修改网页，必须修改源代码，并重新上传。与静态网页对应的是动态网页，服务器端可以根据客户端的不同请求动态产生网页内容。动态网页有两个显著特点：可以动态产生页面，并且支持客户端和服务器端的交互功能。,3.网页开发语言(1)HTML语言HTML(HyperTextMarkupLanguage，超文本标记语言)是一种用于网页制作的标签语言，是Web最基本的构成元素。HTML语言易学易懂，能制作出精美的网页效果。HTML的主要作用有：格式化网页文本。如设置标题、字体、字号、颜色；设置文本的段落、对齐方式等。建立超链接。通过超链接检索在线信息，只需单击鼠标，就可以到达任何地方。创建列表。把信息用一种易读的方式表现出来。插入图像。使网页图文并茂，还可以设置图像的大小、边框、对齐方式等属性。建立表格。表格为浏览者提供了快速找到需要信息的显示方式，还可以用表格来设定整个网页的布局。,加入多媒体。可以在网页中加入音频、视频、动画，还能设定播放的时间和次数。交互式表单。为获取远程服务而设计表单，可用于检索信息、定购产品等。,(2)动态网站开发语言,ASP（ActiveServerPages）ASP是MicrosoftActiveServerPages的简称。ASP本身并不是一种编程语言，它是一套微软开发的服务器端脚本环境。通过ASP可以结合HTML页面、ASP对象和ActiveX组件建立动态、交互、高效的Web服务器端应用程序。,ASP.netASP.net不仅仅是ActiveServerPage(ASP)的下一个版本,而且是一种建立在通用语言上的程序构架，能被用于一台Web服务器来建立强大的Web应用程序。ASP.net提供许多比现在的Web开发模式强大的的优势。,(2)动态网站开发语言,ASP（ActiveServerPages）ASP是MicrosoftActiveServerPages的简称。ASP本身并不是一种编程语言，它是一套微软开发的服务器端脚本环境。通过ASP可以结合HTML页面、ASP对象和ActiveX组件建立动态、交互、高效的Web服务器端应用程序。,ASP.netASP.net不仅仅是ActiveServerPage(ASP)的下一个版本,而且是一种建立在通用语言上的程序构架，能被用于一台Web服务器来建立强大的Web应用程序。ASP.net提供许多比现在的Web开发模式强大的的优势。,1.网站管理的主要内容,(1)网站更新网站发布到网络之后，要经常对数据进行更新，例如更新公司动态、产品信息可以让他们及时了解公司的发展情况及动向，增加公司的可信度；更新行业动态、行业信息可以让他们及时关注行业发展形势，增加网站的被关注程度，在行业中树立良好的品牌形象；更新新品上市。(2)网站发布网站发布后让搜索引擎增加对企业信息的收录量，更容易使企业潜在客户通过互联网就可以方便快捷的找到。因为网站发布一条信息就好比如多一个业务员在市场上跑动，如果能坚持每天的发布企业信息，企业产品，企业新闻，企业服务，企业就可以在行业中脱颖而出。(3)网站优化合理的网站结构、程序编写和简洁明了的网站导航，能够大大提高网站的访问速度，节约有限的服务器资源，有利于保持网站的流畅，有利于消费者的浏览习惯，从而让消费者爱上您的网站，喜欢您的产品。(4)网站推广如果您的网站没有全力的去推广，客户想要找到您的网站就如同大海捞针，希望渺茫。这样的网站形同虚设，不能给企业带来任何直接的利益，这种资源的浪费才是一个企业最大的浪费。(5)网络数据分析通过统计网站访问者的访问来源、访问时间、访问内容等访问信息,加以系统分析，进而总结出访问者访问来源、爱好趋向、访问习惯等一些共性数据，为网站进一步调整做出指引的一门新型用户行为分析技术。(6)网站安全维护常见的网站安全包括服务器漏洞，网站数据库设置，程序代码漏洞，特别是经常使用的第三方程序模块，如一些HTML在线编辑器的使用，都会给网站安全带来隐患。经常通过安全检测平台进行网站的安全扫描，把发现漏洞及时修补。,1.2.4任务四：网站管理与推广的常用方法,2.网站推广的常用方法,(1)添加网页标题(title)要说明该页面、该网站最重要的内容是什么。网页标题将出现在搜索结果页面的链接上，因此可以写得稍带煽动性，以吸引搜索者点击该链接。(2)添加描述性META标签。除了网页标题，不少搜索引擎会搜索到META标签。这是一句说明性文字，描述网页正文的之间目前，含关键词的META标签已对排名帮助不大，但有时META标签会用于付费登录技术中。(3)在网页粗体文字中也填上关键词。搜索引擎很重视加粗文字，会认为这是本页很重要的内容，因此，确保在一两个粗体文字标签中写上你的关键词。使用如h1、h2、h3这样的标签定义标题，包括文章标题和段落的标题。(4)确保在你的正文第一段就出现关键词。搜索引擎希望在第一段文字中就找到你的关键词。但不能充斥过多关键词。Google大概将全文每100个字中出现1.5-2个关键词视为最佳的关键词密度，可获得好排名。(5)导航设计要易于搜索引擎搜索。有些人在网页制作中使用框架，但这对搜索引擎来说是一个严重的问题。即使搜索引擎找到你的内容页面，也可能错过其中关键性的导航栏目，从而不能进入搜索到其它页面。,2.网站推广的常用方法,(6)针对某些特别重要的关键词，专门做几个页面。(7)向搜索引擎提交网页。(8)调整重要内容页面以提高排名。(9)将网站提交到主要的检索目录。(10)互换友情链接。(11)发表免费文章，附带站点签名(12)将你的网址印在信纸、名片、宣传册、印刷品上(13)使用传统媒体广告(14)提供免费服务(15)发布新闻(16)邮件签名推广(17)邮件营销（EDM）,1.3开发流程,1.3.1实例功能分析与设计本节将根据毛衫人才网的需求分析开始，介绍网站规则的过程，主要内容包括如何注册域名和网站空间，如何撰写网站规则书。如何进行网站的开发与制作，如何选择行之有效的推广方案等内容。本实例涉及如下内容。（1）网站规则书的撰写（2）域名注册的流程（3）网站空间的购买与开通流程（4）网站制作的流程介绍,1.3开发流程,1.3.1实例功能分析与设计本节将根据毛衫人才网的需求分析开始，介绍网站规则的过程，主要内容包括如何注册域名和网站空间，如何撰写网站规则书。如何进行网站的开发与制作，如何选择行之有效的推广方案等内容。本实例涉及如下内容。（1）网站规则书的撰写（2）域名注册的流程（3）网站空间的购买与开通流程（4）网站制作的流程介绍（5）网站推广方案的定位思考,1.3.2实例开发步骤,1.网站规则书的撰写本实例规则的网站是解决毛衫行业人才需求问题，根据任务一中涉及的10项规则内容，针对本方案进行细化描述，从网站创立背景、媒体现状、创立条件、功能构想，技术方案及费用明细等方面做了描述，部分文字方案内容如下：,1.3.2实例开发步骤,关于建立“中国毛衫人才网”的策划案(1)创立背景(2)媒体现状(3)创立条件(4)功能构想(5)前景展望(6)网站名称及域名选择(7)拟合作媒体(8)日常维护,2.域名的注册,(1)选择域名注册商国内较大的域名注册商有新网，万网，商务中国，中国频道，易名网等，选择正规的公司，将有助于域名所有权的保护。本案例选择了新网作为域名注册商，网址为。,(2)注册会员打开新网网站，在首页右上角点击“免费注册”超链接即进入注册页面，按页面要求填写注册信息，完成网站会员注册过程，如图1-5所示。,图1-5新网会员注册,(3)在线充值进入会员中心，点击“在线充值”按钮，输入充值金额，根据提示向导完成充值过程。用户在充值之前，要确认欲购买的域名价格，还必须开通网上银行。,图1-6在线充值,(4)注册域名通过新网提供的WHOIS查询工具，查询域名注册状态，如图1-7所示，如出现如图1-8所示可注册状态，则进入下一步填写域名注册人详细信息，并完成注册,图1-7WHOIS域名查询,图1-8域名查询结果,(5)域名管理,域名注册成功后，经过12-24小时后便可以正确使用，点击新网会员后台左侧的“我的产品/域名管理”可对域名进行DNS解析等操作。域名完成注册后，虽然可以设置解析，并且新网目前提供的解析速度是非常快的，往往设置完解析后就马上成功，通过命令提示符中输入“”可知道域名的解析是否已经完成。但是网站的开通，只完成了域名注册还只是第一步，接下还必须申请网站空间，并且对网站进行ICP备案后才能够开通网站。,3.网站空间的申请,网站空间的申请同域名申请类似，通过3个步骤来进行：进入服务提供商的网站选择虚拟主机服务，根据需要选择申请空间大小以及填写申请信息，付费开通。下面以第一商务（）为例介绍如何申请网站空间。(1)进入第一商务首页，打开“虚拟主机”菜单，选择需要申请的空间，如图1-9所示。(2)选择“ASP200型”虚拟主机，单击“立即购买”按钮，弹出填写订单表，如下图1-10所示,图1-9选择申请空间图,图1-10填写订单,(3)单击“确定提交”按钮，弹出空间申请成功信息窗口，如图1-11所示。在状态项中，提供了网站申请开通后赠送使用的三级域名，通过此域名可访问到网站效果，如果用户已经购买了国际域名，则需要对域名进行解析，同时进入第一商务空间管理面板，对该虚拟主机进行域名的绑定。,图1-11申请空间设置,(4)前面操作过程是试用七天的ASP200型空间，如正式购买，则进入第一商务会员中心，点击左侧的“虚拟主机”管理，通过在线支付后即可实现正式续费操作。,4.网站备案,(1)工信部网站备案简介（2）ICP备案流程第1步：选择空间商（也叫接入商）第2步：注册好域名，进行解析第3步：核实新域名的备案情况第4步：提交备案资料给接入商第5步：进行真实性核验第6步：接入商上报资料给管局第7步：备案成功,5.网站制作的流程介绍