WEB项目开发过程.ppt

* 1.3 WEB项目开发过程 1.3.5 Web发布 Web发布阶段主要是把开发完成，经过初步测试的Web应用系统传送到Web站点上，供用户浏览和使用。 1.3.6 Web更新、支持和管理 Web系统是需要经常更新的。这种更新包括细微的变化到大规模的变化，可以是页面内容的刷新、也可以是整个页面结构框架的更新(例如：整个主页结构的变化、增加或变更一个栏目). * 1.4 WEB编码规范 （1）XHTML规范 （2）CSS规范 （3）JS规范 * 1.4 WEB编码规范 （1）XHTML规范 在 HTML 中，所有的元素必须彼此正确地嵌套 biThis text is bold and italic/i/b XHTML 元素必须被关闭 pThis is a paragraph/p 空标签也必须使用结束标签，或者其开始标签必须使用/结尾，br /，hr /。 元素必须小写 XHTML 规范定义：标签名和属性对大小写敏感。 pThis is a paragraph/p XHTML 文档必须拥有一个根元素 所有的 XHTML 元素必须被嵌套于 html 根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套在其父元素之中。基本的文档结构如下： html head ... /head body ... /body /html * 1.4 WEB编码规范 （2）CSS规范 文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css；　 * 1.4 WEB编码规范 常用类/ID命名规范 　　页　眉：header 　　内　容：content 　　容　器：container 　　页　脚：footer 　　版　权：copyright　 　　导　航：menu 　　主导航：mainMenu 　　子导航：subMenu 　　标　志：logo 　　标　语：banner 　　标　题：title 　　侧边栏：sidebar 　　图　标：Icon 　　注　释：note 　　搜　索：search 　　按　钮：btn 　　登　录：login 　　链　接：link 　　信息框：manage 　　…… * 1.4 WEB编码规范 文档的结构化书写 　页面CSS文档都应采用结构化的书写方式，逻辑清晰易于阅读。如： 　　div id=”mainMenu” 　　ul 　　lia href=”#” 首页/a/li 　　lia href=”#” 介绍/a/li 　　lia href=”#” 服务/a/li 　　/ul 　　/div * 1.4 WEB编码规范 行间注释 　　直接写于属性值后面，如： 　　.search{ 　　border:1px solid #fff;/*定义搜索输入框边框*/ 　　background:url(../images/icon.gif) no-report #333;/*定义搜索框的背景*/ 　　} 整段注释 　　分别在开始及结束地方加入注释，如： 　　/*===搜索条===*/ 　　.search { 　　border:1px solid #fff; 　　background:url(../images/icon.gif) no-repeat #333; 　　} 　　/*===搜索条结束===*/ * 1.4 WEB编码规范 （3）JavaScript规范 一个程序可能会被许多人阅读或修改。所有的 JavaScript 代码都是暴露给公众的。应该保证其质量。保持整洁很重要。 JavaScript文件 缩进 每行长度 避免每行超过 80 个字符。 注释 变量声明，命名 语句 空白 用空行来将逻辑相关的代码块分割开可以提高程序的可读性。空格应在以下情况时使用： * 1.5 网站规划书 （1）建设网站前的市场分析 相关行业的市场是怎样的，市场有什么样的特点，是否能够在互联网上开展公司业务。 市场主要竞争者分析，竞争对手上网情况及其网站规划、功能作用。 公司自身条件分析、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力(费用、技术、人力等)。 * 1.5 网站规划书 （2）建设网站目的及功能定位 为什么要建立网站，是为了宣传产品，进行电子商务，还是建立行业性网站?是企业的需要还是市场开拓的延伸? 整合公司资源，确定网站功能。根据公司的需要和计划，确定网站的功能：产品宣传型、网上营销型、客户服务型、电子商务型等。 根据网站功能，确定网站应达到的目的作用。 企业内部网(Intranet