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