宠物家园网站设计有哪些模块呢

A—AJAXAJAX全称为“AsynchronousJavaScriptandXML”（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。根据Ajax提出者JesseJamesGarrett建议，AJAX：使用XHTML+CSS来表示信息；使用JavaScript操作DOM（DocumentObjectModel）进行动态显示及交互；使用XML和XSLT进行数据交换及相关操作；使用XMLHttpRequest对象与Web服务器进行异步数据交换；使用JavaScript将所有的东西绑定在一起。类似于DHTML或LAMP，AJAX不是指一种单一的技术，而是有机地利用了一系列相关的技术。事实上，一些基于AJAX的“派生／合成”式（derivative/composite）的技术正在出现，如AFLAX。B—Browser网页浏览器是个显示网页服务器或文件系统内的文件，并让用户与此些文件交互的一种软件。它用来显示在万维网或局域网等内的文字、图像及其他信息。这些文字或图像，可以是连接其他网址的超连结，用户可迅速及轻易地浏览各种信息。大部分网页为HTML格式，有些网页需特定浏览器才能正确显示。个人电脑上常见的网页浏览器按照2010年1月的市场占有率依次是微软的InternetExplorer、Mozilla的Firefox、Google的GoogleChrome、苹果公司的Safari和Opera软件公司的Opera。浏览器是最经常使用到的客户端程序。Web开发人员应该确保其程序在各个主流浏览器中都能正常工作。C—CSS层叠样式表，又称：串样式列表，英文：CascadingStyleSheets，简写为CSS，由W3C定义和维护的标准，一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言。目前最新版本是CSS2.1，为W3C的候选推荐标准。下一版本CSS3仍然在开发过程中。D—DOM文档对象模型（DocumentObjectModel，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。DocumentObjectModel的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”（browserwars），双方为了在JavaScript与JScript一决生死，于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物，计有VBScript、ActiveX、以及微软自家的DHTML格式等，使不少网页使用非微软平台及浏览器无法正常显示。DOM即是当时蕴酿出来的杰作。E—Events事件是可以被控件识别的操作，如按下确定按钮，选择某个单选按钮或者复选框。每一种控件有自己可以识别的事件，如窗体的加载、单击、双击等事件，编辑框(文本框)的文本改变事，等等，现代的Web应用程序很大程度上依靠事件驱动。事件有系统事件和用户事件。系统事件由系统激发，如时间每隔24小时，银行储户的存款日期增加一天。用户事件由用户激发，如用户点击按钮，在文本框中显示特定的文本。事件驱动控件执行某项功能。触发事件的对象称为事件发送者；接收事件的对象称为事件接收者。使用事件机制可以实现：当类对象的某个状态发生变化时，系统将会通过某种途径调用类中的有关处理这个事件的方法或者触发控件事件的对象就会调用该控件所有已注册的事件处理程序等。F—FirebugFirebug是网页浏览器MozillaFirefox的一个扩展，是一个除错工具。用户可以利用它除错、编辑、甚至删改任何网站的CSS、HTML、DOM、与JavaScript代码。Firebug也有提供其他网页开发工具，例如Yahoo!的网页速度优化建议工具YSlow。Firebug是哈维（JoeHewitt）撰写的。他是最初Firefox创始者之一。G—Grid网格，也称栅格，不过从定义上说，栅格更为准确些。网上找个一个对网页栅格系统比较恰当的定义：以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。网页栅格系统是从平面栅格系统中发展而来。对于网页设计来说，栅格系统的使用，不仅可以让网页的信息呈现更加美观易读，更具可用性。而且，对于前端开发来说，网页将更加的灵活与规范。如果有很多CSS框架支持栅格功能，可参考文章《介绍27款经典的CSS框架》。H—HTML超文本置标语言（英文：HyperTextMarkupLanguage，HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种置标语言。HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。由蒂姆·伯纳斯-李给出原始定义，由IETF用简化的SGML（标准通用置标语言）语法进行进一步发展的HTML，后来成为国际标准，由万维网联盟（W3C）维护。最新版本是HTML5它是HTML下一个的主要修订版本，现在仍处于发展阶段。目标是取代1999年所定订的HTML4.01和XHTML1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。I—IEWindowsInternetExplorer（旧称MicrosoftInternetExplorer，简称InternetExplorer，缩写IE），是微软公司推出的一款网页浏览器。截至2010年9月止，统计的数据显示InternetExplorer的市场占有率高达59.65%。虽然它依然是使用最广泛的网页浏览器，但与2003年最高峰时相比，市场占有率相差超过30%。InternetExplorer对一些标准化技术都有一定程度上的支持，但亦有很多运行上的差距和兼容性的故障，这导致技术开发者的批评日益增加。批评增加的情况，在很大程度上是归因于InternetExplorer的竞争对手相对地已提供完全的技术支持，标准规格（Standards-compliant）的应用亦越来越广泛起来。因为InternetExplorer在全球广为应用，网络开发者们在寻求跨平台的代码时常常会发现InternetExplorer的漏洞、私有的功能集合和对标准支持的不完善。2011年3月14日发布的InternetExplorer9浏览器大幅提高对CSS3和HTML5等W3C规范的支持程度，这个版本也是InternetExplorer浏览器第一个采用GPU加速的版本，正式版于Acid3测试中获得95/100分，相比以往版本有很大进步。可以认为，从InternetExplorer9开始，InternetExplorer浏览器对W3C规范的支持将不再是问题。J—JavaScriptJavaScript是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司的BrendanEich设计，是一种动态、弱类型、基于原型的语言，内置支持类。JavaScript是Sun公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，字节顺序记号。Netscape公司在最初将其脚本语言命名为LiveScript来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。但JavaScript的主要设计原则源自Self和Scheme.JavaScript与Java名称上的近似，是当时网景为了营销考虑与Sun公司达成协议的结果。为了取得技术优势，微软推出了JScript来迎战JavaScript的脚本语言。为了互用性，Ecma国际（前身为欧洲计算机制造商协会）创建了ECMA-262标准（ECMAScript）。现在两者都属于ECMAScript的实现。尽管JavaScript作为给非程序人员的脚本语言，而非作为给程序人员的编程语言来推广和宣传，但是JavaScript具有非常丰富的特性。K—KeywordOptimization关键词优化，也叫搜索引擎优化（SearchEngineOptimization，简称SEO）是一种利用搜索引擎的搜索规则来提高目的网站在有关搜索引擎内的排名的方式。由于不少研究发现，搜索引擎的用户往往只会留意搜索结果最前面的几个条目，所以不少网站都希望通过各种形式来影响搜索引擎的排序。当中尤以各种依靠广告维生的网站为甚。所谓“针对搜索引擎作优化的处理”，是指为了要让网站更容易被搜索引擎接受。搜索引擎会将网站彼此间的内容做一些相关性的数据比对，然后再由浏览器将这些内容以最快速且接近最完整的方式，体现给搜索者。搜索引擎优化对于任何一家网站来说，要想在网站推广中取得成功，搜索引擎优化都是至为关键的一项任务。同时，随着搜索引擎不断变换它们的排名算法规则，每次算法上的改变都会让一些排名很好的网站在一夜之间名落孙山，而失去排名的直接后果就是失去了网站固有的可观访问量。所以每次搜索引擎算法的改变都会在网站之中引起不小的骚动和焦虑。可以说，搜索引擎优化是一个愈来愈复杂的任务。L—LessLess最早是一个ruby的gem，让CSS具有动态语言的特性，这些特性包括变量，操作符，嵌套规则。其实Less真正的作用是将使用高级特性的CSS转换成标准的CSS。这些都是在Web客户端发起请求时通过HttpHandler来完成的。也可以是编辑时就完成的。此外，Less可以配置成自动最小化所生成的CSS文件，不仅节省了带宽，并且使最终用户体验更上一层。另外有.Net版本的Less。M—MVCMVC模式（Model-View-Controller）是软件工程中的一种软件架构模式，把软件系统分为三个基本部分：模型（Model）、视图（View）和控制器（Controller）。MVC模式最早由TrygveReenskaug在1974年提出，是施乐帕罗奥多研究中心（XeroxPARC）在20世纪80年代为程序语言Smalltalk发明的一种软件设计模式。MVC模式的目的是实现一种动态的程序设计，使后续对程序的修改和扩展简化，并且使程序某一部分的重复利用成为可能。除此之外，此模式通过对复杂度的简化，使程序结构更加直观。软件系统通过对自身基本部份分离的同时也赋予了各个基本部分应有的功能。N—Node.JSNode是一个Javascript运行环境(runtime)，实际上它是对GoogleV8引擎（应用于GoogleChrome浏览器)进行了封装。V8引擎执行Javascript的速度非常快，性能非常好。Node对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。例如，在服务器环境中，处理二进制数据通常是必不可少的，但Javascript对此支持不足，因此，V8.Node增加了Buffer类，方便并且高效地处理二进制数据。因此，Node不仅仅简单的使用了V8,还对其进行了优化，使其在各环境下更加给力。Node.js包罗万象，但最主要的一点是，它提供了一种在Web浏览器之外运行Javascript的途径。Javascript广泛应用于网站的前端开发。Node使得这种流行的编程语言能够在环境下运行，甚至是网站的服务器端。O—Object对象（object），是面向对象(ObjectOriented)中的术语，既表示客观世界问题空间(Namespace)中的某个具体的事物，又表示软件系统解空间中的基本元素。在软件系统中，对象具有唯一的标识符，对象包括属性(Properties)和方法(Methods)，属性就是需要记忆的信息，方法就是对象能够提供的服务。在面向对象(ObjectOriented)的软件中，对象(Object)是某一个类(Class)的实例(Instance)。P—PHPPHP（HypertextPreprocessor）是一种在电脑上运行的脚本语言，主要用途是在于处理动态网页，也包含了命令行运行接口（commandlineinterface），或者产生图形用户界面（GUI）程序。PHP最早由RasmusLerdorf在1995年发明，而现在PHP的标准由PHPGroup和开放源代码社区维护。PHP以PHPLicense作为许可协议，不过因为这个协议限制了PHP名称的使用，所以和开放源代码许可协议GPL不兼容。PHP的应用范围相当广泛，尤其是在网页程序的开发上。一般来说PHP大多运行在网页服务器上，通过运行PHP代码来产生用户浏览的网页。PHP可以在多数的服务器和操作系统上运行，而且使用PHP完全是免费的。根据2007年4月的统计数据，PHP已经被安装在超过2000万个网站和100万台服务器上。Q—Query查询，有很多种意思。例如查询语言用来和存储数据的扩展系统交互，一个很好的例子就是SQL用来操作关系数据库。另一种意思是，一个查询字符串，作为URL的一部分用于Web应用程序中传递数据，查询字符串的格式一般是键值对形式。R—RegularExpressions正则表达式（英语：RegularExpression、regex或regexp，缩写为RE），也译为正规表示法、常规表示法，在计算机科学中，是指一个用来描述或者匹配一系列符合某个句法规则的字符串的单个字符串。在很多文本编辑器或其他工具里，正则表达式通常被用来检索和/或替换那些符合某个模式的文本内容。许多程序设计语言都支持利用正则表达式进行字符串操作。例如，在Perl中就内建了一个功能强大的正则表达式引擎。正则表达式这个概念最初是由Unix中的工具软件（例如sed和grep）普及开的。S—SourceControl源代码管理，也称版本控制，是一种软件工程技巧，借此能在软件开发的过程中，确保由不同人所编辑的同一程式档案都得到同步。软件设计师常会利用版本控制来追踪、维护源码、文件以及设定档等等的更动，并且提供控制这些更动控制权的程序。在最简单的情况下，软件设计师可以自己保留一个程式的许多不同版本，并且为它们做适当的编号。这种简单的方法已被用在很多大型的软件专案中。这是一个可以达到目的的方法，但不够有效率。除了得同时维护很多几乎一样的程式码备份外；而且极度依赖软件设计师的自我修养与开发纪律，但这却常是导致错误发生的原因。有时候，一个程式同时存有两个以上的版本也有其必要性，例如：在一个为了部署的版本中程式错误已经被修正、但没有加入新功能；在另一个开发版本则有新的功能正在开发、也有新的错误待解决，这使得同时间需要不同的版本并修改。此外，为了找出只存在于某一特定版本中的程式错误、或找出程式错误出现的版本，软件除错者也必须借由比对不同版本的程式码以找出问题的位置。T—TDD测试驱动开发（Test-drivendevelopment）是现代计算机软件开发方法的一种。利用测试来驱动软件程序的设计和实现。测试驱动开始流行于20世纪90年代。测试驱动开发是极限编程中倡导的程序开发方法，方法主要是先写测试程序，然后再编码使其通过测试。测试驱动开发的目的是取得快速反馈并使用“illustratethemainline”方法来构建程序。测试驱动开发的比喻。开发可以从两个方面去看待：实现的功能和质量。测试驱动开发更像两顶帽子思考法的开发方式，先戴上实现功能的帽子，在测试的辅助下，快速实现正确的功能；再戴上重构的帽子，在测试的保护下，通过去除冗余和重复的代码，提高代码重用性，实现对质量的改进。可见测试在测试驱动开发中确实属于核心地位，贯穿了开发的始终。U—UnitTesting单元测试（又称为模块测试）是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作。程序单元是应用的最小可测试部件。在过程化编程中，一个单元就是单个程序、函数、过程等；对于面向对象编程，最小单元就是方法，包括基类（超类）、抽象类、或者派生类（子类）中的方法。通常来说，程序员每修改一次程序就会进行最少一次单元测试，在编写程序的过程中前后很可能要进行多次单元测试，以证实程序达到软件规格书(en:Specification)要求的工作目标，没有臭虫；虽然单元测试不是什么必须的，但也不坏，这牵涉到项目管理的政策决定。V—VIMVim是从vi发展出来的一个文本编辑器。代码补完、编译及错误跳转等方便编程的功能特别丰富，在程序员中被广泛使用。和Emacs并列成为类Unix系统用户最喜欢的编辑器。Vim的第一个版本由BramMoolenaar在1991年发布。最初的简称是ViIMitation，随着功能的不断增加，正式名称改成了ViIMproved。现在是在开放源代码方式下发行的自由软件。W—WordPressWordPress是一种使用PHP语言开发的博客平台，用户可以在支持PHP和MySQL数据库的服务器上架设自己的网志。也可以把WordPress当作一个内容管理系统（CMS）来使用。WordPress是一个免费的开源项目，在GNU通用公共许可证下授权发布。目前最新版本为2011年2月24日发布的3.0.5官方简体中文版，另外还有包括英文在内的多种语言可选。X—XSS跨网站指令码（Cross-sitescripting，通常简称为XSS）是一种网站应用程式的安全漏洞攻击，允许恶意使用者将程式码注入到网页上，其他使用者在观看网页时就会受到影响。这类攻击通常包含了HTML以及使用者端脚本语言。Y—YUIYahoo!UILibrary(YUI)是一个开放源代码的JavaScript函数库，为了能建立一个高互动的网页，它采用了AJAX，DHTML和DOM等程式码技术。它也包含了许多CSS资源。Z—ZindexZ-Index是CSS属性，设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。该属性设置一个定位元素沿z轴的位置，z轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。

一、知己知彼1、确定你的竞争对手，通过各种渠道收集同类网站的情报（每日流量，Alexa排名，网站内容规模，在搜索引擎收录表现，关键词排名等等）2、根据已有条件（技术，资金，人员）确定项目的可行性，然后制定具有可执行的SEO策略及可衡量的SEO指标二、关键词选取策略做SEO项目中关键词分析是很重要的环节，直接影响SEO项目的执行！所以关键词选取在网站策划阶段就应该考虑进去，它可以帮助我们分析竞争对手，还可以帮助网站编辑组织内容，为产品 策划提供用户需求等等。选择关键词的基本原则：1、研究用户搜索习惯2、关键词不宜过于宽泛笼统，也不宜过于冷门3、关键词要与网站内容相关挑选成功的关键词步骤：1、首先要制作基本关键词列表2、了解项目所在行业的特点，列出合适的核心关键词，根据内容结构加以归类3、调研并模拟目标用户（朋友，网友）的搜索习惯4、记录竞争网站所使用的关键词作为参考，分析原因5、利用搜索引擎关键词工具导出海量长尾关键词： 比如百度推广关键词工具，google adwords 关键词工具，百度相关搜索关键词三、页面关键词部署（Title，Meta规范）一般CMS内容结构都分为首页，频道页，子栏目列表页，内容页，专题页，标签聚合页，而且CMS也集成了各页面Title，Meta的自定义功能，默认为 初始数据针对以上页面进行关键词部署1、 首页：主要以品牌为主2、 频道页：针对核心关键词，例如 “美容”3、子栏目：针对固定关键词，例如“护肤知识”4、内容页：针对长尾关键词，例如文章标题，文章内容及标签的应用5、 专题页：针对时效性的热词，例如百度风云榜所列出的热词四、URL设计原则和规范从网站运营和搜索引擎友好方面的角度上分析，URL和结构设计是web开发中最普遍存在的问题，在这里给出一些我个人对URL设计原则和规范。URL设计原则：1、简短的URL，对用户及搜索引擎友好 （用户容易录入并易记忆的URL，尽可能的短）2、URL能反映出网站结构（目录层次深并不影响SEO的效果，之前很多人说目录越深，对搜索引擎越不优化，其实这是一个错误的引导）3、永久链接，URL规则定好后，最好不要再做变更。4、URL要统一（大小写问题，应避免混乱的大小组合命名问题，避免拼音或英文混乱组合， ）在这里我告诉大家一个消息， 现在百度可以识别中文utf-8编码的URL5、URL可管理（URL映射机制；内容变更后标准的转向，比如301转向和404错误页面）URL设计规范：我个人建议就是更新频率较频繁的内容采用伪静态形式，不经常更新的内容采用生成静态页面形式，至于纯静态与伪静态的差异在这里我就不多说， 以后可以详细的说明。五、关联链接规范其实就是大家所说的”内部链接” “关键词链接“”内链“。它的优势在大型网站体现的很明显，因为大型网站拥有海量的网站内容。而且易操作。还可以提高已经设置好的关键词在搜索引擎上的排名，增加搜索引擎对网站的 爬行和传递PR值。在设置关联链接时，需要注意的就是：1、控制文章内链数量：根据内容的多少控制在6个左右，关键词重复出现的尽量不需要再加链接，链接过多也影响用户阅读2、词库数量不宜过多：需要做关联的关键词数量不宜过多，因为程序要对每篇文章内容都要做一次文字匹配，如果文章量很大，往往会降低网站的性能，除非技术方面可以解决六、Tag规范什么是tag呢？它有什么作用呢？Tag（标签、关键词）是一种更为灵活、有趣的日志分类方式，您可以为每篇日志添加一个或多个标签，那么可以通过点击这个标签，能够让您使用最快的方式查找某一个标签的所有文章。比方说点击“宠物”这个标签，就可以打开这样的一个页面，显 示所有的以“宠物”为标签的文章。使用标签需要注意的是：1、TAG系统最好根据网站的需求来设计，比如海量信息的网站的标签系统需要事先设计固定的标签让编辑根据内容选择或录入， 如果完全开放给编辑或用户来操作，往往管理标签会很困难2、文章关联的TAG数量不宜过多，数量可以控制在1~7个以内七、站内搜索不要浪费并小看站内搜索，它可以帮我们做的事情很多。1、帮助我们获知用户关注的热点（网站内哪些内容是用户感兴趣的），站内的盲点（哪些内容没有做），便于对网站内容、产品进行相应调整。2、利用站内搜索结果页面获取更多长尾搜索流量，因为搜索结果页面的信息都是与用户搜索的目标词很相关的，增加了关键词的重复密度3、至于怎么去更好的利用站内搜索获取流量， 我很希望与大家一起探讨八、链接建设外部链接的建设方法有很多种，常用的有友情链接（含交叉链接），购买链接，文字广告，博客群建，论坛群发，站群，目录提交等）九、制作网站地图其实网站地图对于大型网站是很重要的，他帮助用户快速的浏览网站内容，又可以提供搜索引擎对网站页面的抓取索引。大型网站一般会制作2种格式的地图文件：Html地图：为用户建立一个良好的导航，主要是罗列网站的频道、栏目、专题Xml网站地图：XML 站点地图就是您网站上各网页的列表。创建并提交站点地图有助于确保搜索引擎了解您网站上的所有网页，包括Google在正常抓取过程中可能找不到的网址。至于如何创建XML文件的，在这里我就不详细的介绍了， 大家可以查看Google 提供的创建sitemap指南创建sitemap时注意以下几点：1、如果数据量很大，建议技术人员一次性生成，之后再设置时间点自动生成2、根据不同内容进行分类处理，比如文章页与栏目列表页分开存放3、站点地图必须编码，只可以包含 ASCII 字符，不能包含大写 ASCII 字符、某些控制码或特殊字符（如* 和{} 等）。4、如果地图文件过多，或包含其他组的地图文件，需要建立地图索引文件十、自定义404错误页面具体的操作方法可参考Google 自定义404错误页面十一、网站编辑的SEO写作培训1、定期给编辑培训SEO基础知识， 提高他们的搜索引擎友好写作的效率2、定期制作主题关键词物料，供编辑写作时作为参考十二、效果跟踪及流量、日志分析利用监测工具进行数据监测和流量分析，跟踪关键字排名情况，以及搜索流量的变化。根据数据报告对方案加以调整，或给产品策划提供更好的建议。我目前用Google Analytics和百度统计，服务器日志分析Awstats.至于关键词排名的监测，我目前是从GA上导出关键词，让技术人员用脚本批量查询关键词的位置。其实最重要的是执行的过程中与团 队人员之间的沟通，如果沟通不到位，技术人员和产品经理不能理解，直接会影响SEO效果。

---