网页制作的平台

Frontpage Frontpage 是 Microsoft 出品的，可能是最简单、最容易，却又功能强大的网页编辑工具。采用典型的 Word 界面设计，只要你懂得使用 Word，就差不多等于已经会使用 Frontpage。就算你不懂 Word 也没关系，"所见即所得"的操作方式会让你很快上手，而且你无须学习 HTML 语法。 但Frontpage 的也有其不足之处：首先是浏览器兼容性不好，做出来的网页，用 Netscape 往往不能正常显示；其次，生成的垃圾代码多，也会自动修改代码，导致在某些情况下极为不便；再次，对DHTML的支持不好。但不管怎么说，Frontpage 的确是最好的入门级网页编辑工具。 常见的版本为 Frontpage98 和 Frontpage2000。 Dreamweaver Dreamweaver 是 Macromedia 公司的产品的另一款"所见即所得"的网页编辑工具,或称网页排版软件。与 Frontpage 不同，Deamweaver 采用的是 Mac 机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现 Dreamweaver 的直观性与高效性是 Frontpage 所无法比拟的。 Dreamweaver 对于 DHTML 的支持特别好，可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，说Dreamweaver 是高级网页制作的首选并不为过。 常见的版本为 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0 flash flash也是 Macromedia 公司的产品，Flash 是交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过 Flash 技术的人，没有一个不想掌握它的。它不但易学、易用，而且可以做出有很多动画的网站，并且声色结合，是一种很有前途的网页制作技术。 firework firework也是 Macromedia 公司的产品，是真正的网页作图软件。Fireworks 与 Dreamweaver 结合很紧密，只要将 Dreamweaver 的默认图像编辑器设为 Fireworks ，那么在 Fireworks 里修改的文件将立即在 Dreamweaver 里更新。另一个功能是可以在同一文本框里改变单个字的颜色。当然，Fireworks 可以引用所有的 Photoshop的滤镜，并且可以直接将 PSD 格式图片导入。它是用来画图用的，它相当于结合了Photoshop ( 点阵图处理 ) 以及CorelDRAW (绘制向量图)的功能。网页上很流行的阴影、立体按钮...等等的效果，也只需用鼠标点一下，不必再靠什么KPT 之类的外挂滤镜。而且 Fireworks很完整的支持网页16进制的色彩模式，提供安全色盘的使用和转换，要切割图形、做影像对应(Image Map)、背景透明，要图又小又漂亮，在Fireworks 中做起来都非常方便，修改图形也是很容易的 。不需要再同时打开Photoshop和CorelDRAW...等等各类软件，切换来切换去的了。 Dreamweaver、Flash、Firework称为网页制作三剑客，将三个软件配合起来使用，会制作出非常精美的网页 gifanimator Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 动画工具，它在一个软件包中提供了顶级的功能，用于动画 编排、编辑、特效和优化。 GIF Animator 差不多支持每个主要的文件格式，包括视频文件，并允许输出为 Windows AVI、QuickTime 电影、Autodesk 动画或图像序列。用户可以生成适当的 HTML 代码，以便将动画嵌入到网页中，并且可以将动画打包成独立的 EXE 文件，以便通过电子邮件发布和在任何地方来查看。 u 制作主页 制作主页无非是添加文字、添加图片、添加链接，跟用word没什么区别，经过简单的学习后，你就会制作主页了！但是，要作出高水平的主页那要学的东西就太多了，不过总结起来就是html，图形制作，动画制作，页面特效制作和后台程序制作几个部分。 u 申请的主页空间，把你制作的主页传上去 我们制作的页面放在我们自己的计算机上，别人是不能看见的。为了让别人看见我们制作的页面，我们必须将他们放到一台和internet一直连接的计算机（服务器）上。你可以到提供空间服务的站点申请主页空间。有空间以后就可以利用响应的FTP（文件传输协议）工具软件将我们制作的页面传上去。这样，就可以让大家来分享我的精彩页面了。 常见的FTP工具软件有cuteFTP、leapFTP等，其功能和使用方法都比较类似，具体使用方法可参见本站想应的文章。 可能你开始的主页只是非常简单， 但是这是你的第一步，也是良好的开端，然后再一步步学习：如何把网页制作漂亮一些？如何制作动画？对于新手，千万不要一下子就想：我看到某某某网页这么漂亮，它是怎样做出来的？我很想马上做出来，于是马上就去研究复杂的网页，这样你会发现网页制作很难，学两下就放弃了，这样永远学不会制作主页。想当初，我对于我的网页能产生链接也高兴了半天，于是产生了更大的兴趣。记住：一步一步来，不要一下子想成为高手，否则很难成为高手。

1、网页三剑客软件分别是 dreamweaver（做网页布局和组织外观架构） firework（做图片切割和矢量图） flash（做GIF动画位图，简单动画、游戏），这3个软件强调的网站外观2、BBS有很多免费代码下载，但建议要学了JSP、ASP动态网页制作先，还要学SQL数据库对网站管理。这3个软件则是内核的，编程技术，但学了才能真正管理网站，做大好强网站，还有涉及到网站安全3、还有HTML语言要了解，最早最基本的东西。

Dreamweaver、Fireworks、Flash都是最常用的建站工具，不过现在很多的站长都会直接选择建站软件来自己做网站，例如：shopex系统、pageadmin系统、discuz系统都是一些方便的网站管理系统，只要客户会打字就可以顺利建站了。

1、网页三剑客软件分别是 dreamweaver（做网页布局和组织外观架构） firework（做图片切割和矢量图） flash（做GIF动画位图，简单动画、游戏），这3个软件强调的网站外观2、BBS有很多免费代码下载，但建议要学了JSP、ASP动态网页制作先，还要学SQL数据库对网站管理。这3个软件则是内核的，编程技术，但学了才能真正管理网站，做大好强网站，还有涉及到网站安全3、还有HTML语言要了解，最早最基本的东西。

　　网站项目管理规范　　一.概念　　网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。　　二.需求分析　　1.项目立项　　我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。　　2.客户的需求说明书　　第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚，需要您不断引导和帮助分析。曾经有一次，我问客户：“您做网站的目的是什么？”他回答：“没有目的，只是因为别人都有，我没有！”。这样的客户就需要耐心说明，仔细分析，挖掘出他潜在的，真正的需求。 配合客户写一份详细的，完整的需求说明会花很多时间，但这样做是值得的，而且一定要让客户满意，签字认可。把好这一关，可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢？简单说，包含下面几点：　　1.正确性：每个功能必须清楚描写交付的功能；　　2.可行性：确保在当前的开发能力和系统环境下可以实现每个需求；　　3.必要性：功能是否必须交付，是否可以推迟实现，是否可以在削减开支情况发生时"砍"掉；　　4.简明性：不要使用专业的网络术语；　　5.检测性：如果开发完毕，客户可以根据需求检测。　　三.系统分析　　1.网站总体设计　　在拿到客户的需求说明后，并不是直接开始制作，而是需要对项目进行总体设计，详细设计，出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定：　　1.网站需要实现哪些功能；　　2.网站开发使用什么软件，在什么样的硬件环境；　　3.需要多少人，多少时间；　　4.需要遵循的规则和标准有哪些。　　同时需要写一份总体规划说明书，包括：　　1.网站的栏目和版块；　　2.网站的功能和相应的程序；　　3.网站的链接结构；　　4.如果有数据库，进行数据库的概念设计；　　5.网站的交互性和用户友好设计。　　2.网站建设方案　　在总体设计出来后，一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统，而且在客户需求不是十分明确的情况下提交方案，往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解，在明确需求并总体设计后提交方案，这样对双方都有益处。网站建设方案的包括以下几个部分：　　1.客户情况分析；　　2.网站需要实现的目的和目标；　　3.网站形象说明；　　4.网站的栏目版块和结构；　　5.网站内容的安排，相互链接关系；　　6.使用软件，硬件和技术分析说明；　　7.开发时间进度表；　　8.宣传推广方案；　　9.维护方案；　　10.制作费用；　　11.本公司简介：成功作品，技术，人才说明等。　　当您的方案通过客户的认可，您可以开始动手制作网站了。但还不是真正意义上的制作，你需要进行详细设计：　　3.网站详细设计　　总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序，而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图，它们应该 包含必要的细节，例如：程序界面，表单，需要的数据等。程序员可以根据它们写出实际的程序代码。　　四. 项目实施　　1.整体形象设计　　在程序员进行详细设计的同时，网页设计师开始设计网站的整体形象和首页。　　整体形象设计包括标准字，Logo，标准色彩，广告语等。 首页设计包括版面，色彩，图像，动态效果，图标等风格设计，也包括banner，菜单，标题，版权等模块设计。首页一般设计1-3个不同风格，完成后，供客户选择。　　记住：在客户确定首页风格之后，请客户签字认可。以后不得再对版面风格有大的变动，否则视为第二次设计。　　开发制作　　2.开发制作　　到这里，程序员和网页设计师同时进入全力开发阶段，需要提醒的是，测试人员需要随时测试网页与程序，发现Bug立刻记录并反馈修改。不要等到完全制作完毕再测试，这样会浪费大量的时间和精力。项目经理需要经常了解项目进度，协调和沟通程序员与网页设计师的工作。　　调试完善　　3.调试完成　　在网站初步完成后，上传到服务器，对网站进行全范围的测试。包括速度，兼容性，交互性，链接正确性，程序健壮性，超流量测试等，发现问题及时解决并记录下来。　　为什么要记录文档呢？其实本软件工程本身就是一个文档，是一个不断充实和完善的标准。通过不断的发现问题，解决问题，修改，补充文档，使这个标准越来越规范，越来越工业化。进而使得网站开发趋向规范，趋向合理。　　4.宣传推广　　宣传推广的基本方法有：　　1.网页里设置适当的META标签；　　2.各搜索引擎登录；　　3.准备新闻稿件在各新闻公告板发表；　　4.合理使用Email邮件列表；　　5.广告条交换；　　6.付费广告。　　至此，网站项目建设完毕，将有关网址，使用操作说明文档等提交客户验收。如果需要维护，另行签定维护项目。　　五.维护　　网站成功推出后，长期的维护工作才刚刚开始，需要做到的是:　　1.及时响应客户反馈；例如可以采取Email自动回复功能，然后在1-3个工作日里解决问题，再次回复；　　2.网站流量统计分析和相应对策；　　3.尽量推广和使用您的网址；　　4.网站内容的及时更新和维护。　　六.遵循的规范　　1.网站建设目录规范　　2.网站文件命名规范　　3.网站建设尺寸规范　　4.网站首页head区代码规范　　5.网站连接结构规范　　网站开发规范　　任何一个项目或者系统开发之前都需要定制一个开发约定和规则，这样有利于项目的整体风格统一、代码维护和扩展。由于Web项目开发的分散性、独立性、整合的交互性等，所以定制一套完整的约定和规则显得尤为重要。定制一系列约定和规则，包括组件团队、文件夹命名规则、文件名命名规则、程序代码编程风格、数据库设计约定。这些规则和约定需要与开发人员、设计人员和维护人员共同讨论定制，将来开发都将严格按规则或约定开发。每个团队开发都应有自己的一套规范，一个优良可行的规范可以使我们工作得心应手事半功倍，这些规范都不是唯一的标准不存在对与错，也许有些地方与你当前使用的习惯相驳，很多地方都有争议。。　　非常明显在Web项目开发中有前后台开发之分，前台开发主要是指非程序编程部分，主要职责是网站AI设计、界面设计、动画设计等。而后台开发主要是编程和网站运行平台搭建，其主要职责是设计网站数据库和网站功能模板的实现。下面的这些规范主要是从这2个方面来定制的，这些规范是工作中总结的一点经验，本文档比较适合中小型网站或者Web项目的开发规范。　　一．组建开发团队　　在接手项目后的第一件事是组建团队。根据项目的大小团队可以有几十人，也有可以是只有几个人的小团队，在团队划分中应该含有6个角色，这6个角色是必须的，分别是项目经理，策划，美工，程序员，代码整合员，测试员。也许你的团队还没有6个人，没有关系一个人可以有多个角色，比如项目经理还可以有策划这个角色，如程序员还可以含有代码整合和测试这2个角色，如果你的项目够大人数够多那就分为6个组，每个组分工再来细分。下面简单介绍一下这6个角色的具体职责。　　项目经理，项目总体设计，开发进度的定制和监控，定制相应的开发规范，负责各个环节的评审工作，协调各个成员(小组)之间开发。策划，提供详细的策划方案和需求分析。还包括后期网站推广方面的策划。美工，根据策划和需求设计网站AI，界面，Logo等。程序员，根据项目总体设计来设计数据库和功能模块的实现。代码整合员，负责将程序员的代码和界面融合到一起，代码整合员可以制作网站的相关页面，测试员，负责测试程序。　　二．开发工具　　Web开发工具主要分为3部分，第一部分是网站前台开发工具，第二部分是网站后台开发环境，第三部分是项目管理和辅助软件。下面分别简单介绍这三部分需要使用的软件。　　网站前台开发主要是指Web界面设计。包括网站整体框架建立、常用图片、Flash动画设计等等，主要使用的相关软件是：Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。　　网站后台开发主要指网站动态程序开发、数据库建模，主要使用的相关软件是： PowerDesigner（数据库建模），PowerDesigner在数据库设计方面应用非常强大，用它可以快速创建数据库概念和物理模型，我最喜欢的还是它生成数据库Report的功能太方便了，设计数据库强烈推荐用它。Rational Rose（程序建模），如果你的项目功能模块不是特别复杂那就剩了它吧，这样会节省一些时间和开发的复杂度，不过我个人认为不管是大项目还是小项目都应该画画Rose图。　　网站项目管理主要指对开发进度和代码版本的控制。开发进度用Microsoft Project来制定，代码版本控制采用Visual SourceSafe，当然还有其他的选择比如CVS和Rational ClearCase。网站测试采用VS.net的附带工具Microsoft Application Center Test，它可以进行并行、负载测试等。程序文档编写采用Word，用WPS也可以。　　三.网站开发流程　　在项目开始实施之前应该有一个工作步骤也就是工作流程，在项目开发中最需要时间的是总体设计和系统测试，而程序编写代码所占的时间并不多，但有的团队就急于开发写代码，先把程序写出来再说，没有注重评审和测试这2个环节，结果造成返工，我在一家比较大的公司中都遇到多次这种情况。所以项目来了不要急于开工写代码，应该一步一步慢慢来，只有走的慢才能走得稳走得远。图1的开发流程比较好地体现开发的整个环节。　　图 1　　从图1可以看到2条主线，这2条主线分别是前台开发和后台开发。前后台开发在项目开发早期互相没有交叉，当然不是绝对没有，Web策划和需求分析都是互相有关系的，一个是网站表现形式和风格的策划另一个是网站功能的策划，它们是衣服和躯干的关系。到了开发后期就需要把界面和功能模块结合起来形成一个统一，也就即将发布的网站。　　四．数据库开发规范　　数据文件命名采用系统名+_+文件类型，比如系统名为kupage,则数据库文件命名为kupage_database.mdf，有的数据库文件有多个，比如SQL Server就有2个，一个是数据库文件，另一个是日志文件，那么他们的文件命名分别为kupage_database.mdf，kupage_log.log。文件名全部采用小写。　　数据库表命名规范，表名长度不能超过30个字符，表名中含有单词全部采用单数形式，单词首写字母要大写，多个单词间不用任何连接符号。若库中有多个系统，表名采用系统名称+单词或多个单词，系统名是开发系统的缩写，系统名称全部采用小写英文字符,如bbsTitle,bbsForumType。若库中只含有一个系统，那么表名仅用一个单词或多个单词。单词选择能够概括表内容的一个或多个英文单词，如UserInfo,UserType。关连表命名规则为Re_表A_表B,Re是Relative的缩写，如：Re_User_ArticleType, Re_User_FormType。　　数据库字段命名规范，数据库字段名全部采用小写英文单词，单词之间用”_”隔开，命名规则是表别名+单词，如：user_name,user_pwd。表别名规则，如果表名是一个单词，别名就取单词的前4 个字母；如果表名是两个单词，就各取两个单词的前两个字母组成4 个字母长的别名；如果表的名字由3 个单词组成，你不妨从头两个单词中各取一个然后从最后一个单词中再取出两个字母，结果还是组成4 字母长的别名。　　视图名采用规则View_表A_表B_表C,View表示视图。这个视图由几个表产生就用”_”连接几个表的名，如果表过多可以将表名适当简化，但一定要列出所有表名。　　存储过程命名规则P_表名_存取过程名(缩写)，比如P_User_Del，P_ArticleType_AddData。　　SQL语句编写规则，关键字必须大写，其他书写按上述命名规则，比如：　　SELECT user_id, user_name FROM User WHERE user_id = ‘tom’　　五．文件夹文件名命名规范　　文件夹命名一般采用英文，长度一般不超过20个字符，命名采用小写字母。除特殊情况才使用中文拼音，一些常见的文件夹命名如：images(存放图形文件)，flash（存放Flash文件），style(存放CSS文件)，scripts（存放Javascript脚本），inc(存放include文件)，link（存放友情链接）,media(存放多媒体文件)等。　　文件名称统一用小写的英文字母、数字和下划线的组合。命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作 。　　1、图片的命名原则名称分为头尾两部分，用下划线隔开，头部分表示此图片的大类性质例如广告、标志、菜单、按钮等等。　　放置在页面顶部的广告、装饰图案等长方形的图片取名： banner　　标志性的图片取名为： logo　　在页面上位置不固定并且带有链接的小图片我们取名为 button　　在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名： menu　　装饰用的照片我们取名： pic　　不带链接表示标题的图片我们取名： title　　下面是几个范例： banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。　　2、动态语言文件命名规则性质_描述，描述可以有多个单词，用”_”隔开，性质一般是该页面得概要。　　范例：register_form.asp，register_post.asp,topic_lock.asp　　六．程序代码编程规范　　一个良好的程序编码风格有利于系统的维护，代码也易于阅读查错。在此只讨论ASP的编程风格和约定。在ASP中所有变量是弱变量，无需定义就可以直接使用，而且代码不区分大小写。但其他语言一般这些都要定义的，为了养成良好的编程习惯，编写代码务必按照一下规则。　　1、每个变量名必须定义，在ASP文件的最开始添加语句，强制定制每个变量。　　2、出于易读和一致性的目的，在代码中使用以下变量命名约定：　　子类型 前缀 示例　　Boolean bln blnFound　　Byte byt bytRasterData　　Date (Time) dtm dtmStart　　Double dbl dblTolerance　　Error err errOrderNum　　Integer int intQuantity　　Long lng lngDistance　　Object obj objCurrent　　Single sng sngAverage　　String str strFirstName　　3、程序代码需要有缩进，缩进采用键盘Tab键，不采用空格键。并且”＝”或者链接字符串时需要左右空一格，如下：　　4、函数过程编写的约定。函数或者过程命名采用动作+名词，每个函数需要给出相应的注释，函数功能，传入变量，以及作者和修改相关信息。如下面函数:　　<%　　'[功能] 返回一个参数的值　　'[参数] strParameterName 参数名称　　'[作者] icefire 2002/8/20 am　　Function GetParameterValue(strParameterName)　　Dim objRS, strSQL, strParameterValue　　strSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = '" & strParameterName & "'"　　.　　.　　.　　GetParameterValue = strParameterValue　　Set objRS = Nothing　　End Function　　5、ASP内置对象区分大小写。如下代码片断　　strUserName = Request.Form(“UserName”)　　Set conn = Server.CreateObject("ADODB.Connection")　　6、数据库连接一个库只能有一个数据库连接文件，创建数据库对象得原则是尽可能晚地打开数据库，尽可能早地关闭数据库。创建数据库对象调用统一地创建函数。如下：　　Sub OpenConn(ByRef conn)　　Dim strDBPath, strDBConnection　　strDBPath = Server.MapPath("database/tax.mdb")　　strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}; DBQ=" & strDBPath　　Set conn = Server.CreateObject("ADODB.Connection")　　conn.Open strDBConnnection　　End Sub　　7、当一个对象不在使用时要释放对象资源，比如objFSO,objRS对象等。采用统一函数调用。函数如下：　　Sub CloseObj(ByRef obj)　　If IsObject(obj) Then　　obj.Close　　Set obj = nothing　　End If　　End Sub　　8、时间全部以字符串的形式保存到数据库中，这样做能够是日期在不同的数据库中都能良好地保存，也方便数据库地迁移。时间用14位字符串保存，日期用8位字符串保存。　　七．网站首页head区代码规范　　head区是指首页HTML代码的<head>和</head>之间的内容。 必须加入的标签　　1.公司版权注释　　<!--- The site is designed by Maketown,Inc 06/2004 --->　　2.网页显示字符集　　简体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">　　繁体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">　　英 语：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">　　3.网页制作者信息　　<META name="author" content="webmaster@maketown.com">　　4.网站简介　　<META NAME="DESCRIPTION" CONTENT="本站是一个医疗站点…">　　5.搜索关键字　　<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">　　6.网页的css规范　　<LINK href="style/style.css" rel="stylesheet" type="text/css">　　(参见目录及命名规范)　　7.网页标题　　<title>xxxxxxxxxxxxxxxxxx</title>　　8.可以选择加入的标签　　1.设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。　　<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">　　2.禁止浏览器从本地机的缓存中调阅页面内容。　　<META HTTP-EQUIV="Pragma" CONTENT="no-cache">　　3.用来防止别人在框架里调用你的页面。　　<META HTTP-EQUIV="Window-target" CONTENT="_top">　　4.自动跳转。　　<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com"> 5指时间停留5秒。　　5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。　　<META NAME="robots" CONTENT="none">　　CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。　　6.收藏夹图标　　<link rel = "Shortcut Icon" href="favicon.ico">　　所有的javascript的调用尽量采取外部调用.　　<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>　　附<body>标签：　　<body>标签不属于head区，这里强调一下，为了保证浏览器的兼容性，必须设置页面背景<body bgcolor="#FFFFFF">　　八．网站建设尺寸规范　　1. 页面标准按800*600分辨率制作，实际尺寸为778*434px　　2. 页面长度原则上不超过3屏，宽度不超过1屏　　3. 每个标准页面为A4幅面大小，即8.5X11英寸　　4. 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px　　5. 另外120*90，120*60也是小图标的标准尺寸　　6. 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K

可以。网页设计师证书大搜索 CIW认证网页设计师证书 主办机构：CIW（Certified Internet Webmaster）以开发超越厂商背景的互联网证书而闻名于世，在全球IT认证界具有一定的权威地位。 培训内容：CIW中国认证网页设计师课程设置上偏重于Web设计与制作，使学员能够应用独特的设计理念、丰富动态的应用程序及互动多媒体制作方式，创作出最为直观的Web作品。CIW认证分成网页制作专家、Flash动画制作专家和图像处理专家三个方向。 考试题型：选择题。 适用人群：网页设计制作人员、Web开发人员及网页设计爱好者。 Macromedia认证网页设计师证书 主办机构：Macromedia公司，拥有300万开发和设计用户，以及广大的行业合作伙伴网络，全球98%的web用户都采用了Macromedia的软件。 培训内容：目前开设Macromedia Flash MX 2004、Dreamweaver MX 2004、Fireworks MX 2004三个科目，每门科目代表了不同的应用方向。学员通过了三门科目的考试后，才能获得Macromedia认证网页设计师证书。 考试题型：选择题。 适用人群：网页设计制作人员、Web开发人员及Macromedia产品爱好者。 Adobe认证网页设计师证书（ACCD） 主办机构：美国Adobe公司是全球第二大桌面软件公司，产品涉及图形设计、图像制作、数码视频和网页制作等领域。 培训内容：涉及PageMill 3.0、ImageReady 1.0、ImageStyler 1.0、PhotoDeluxe 3.0HE等软件的应用，其中，最核心部分是Adobe GoLive软件应用，该软件是目前最强势的排版设计工具和网站管理工具。 考试题型：选择题。 适合人群：图形设计师、网页设计师、多媒体产品开发人员、广告创意专业人士。

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