网页之前端与后台的对话

《网页之前端与后台的对话》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网页之前端与后台的“对话”目录网页之前端与后台的“对话”1一、主题2二、对象2三、内容2引子2工作流程3关于web标准4工作中存在的问题7如何更好的配合工作？9一、主题网页之前端与后台的“对话”——关于网页中前台制作和后台开发者关于工作中遇到一些问题的整理总结，并知识分享。。。二、对象前端——主要指前端制作人员，不含UI设计师后台——程序开发者三、内容引子作为前端制作，其实在一个项目中是处于中间环节的。看似简单，但却与网页设计和开发都有密切的联系。这几个月，主要参与了几个项目，像车商通改版、诚新二手车网站、奥迪官网建设以及U

2、CAR网站与其他合作网站页面的制作。在这些个项目完成工作中，和设计师接触的少些，因为现在基本是设计稿经客户确认后才开始进行制作，所以返工也就少了很多；主要是后期和程序员之间的工作配合。下面就将这段时间工作中易浮现问题和整理的一些知识与大家分享，希望可以抛砖引玉，大家畅所欲言，共同提高！工作流程关于web标准我们的产品最终是要面向客户的，而客户最关心的莫过于内容。承载这内容的网页，是由结构、表现和交互形式几部分构成。所以，我们先从web标准开始谈起吧。什么是web标准？WEB标准不是某一个标准，而是一系列标准的集合。网页主要由

3、三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如DOM）、ECMAScript等。--选自阿捷的《网页设计师》。1、结构化标记语言：XML和XHTML。XML是TheExtensibleMarkupLanguage(可扩展标识语言)的简写；XHTML是TheExtensibleHyperTextMarkupLanguage可扩展标识语言的缩写。数据和结构是

4、无法分割的整体，脱离了结构的数据几乎不能使用。结构目前划分为两部分，一是语义结构，二是代码结构。语义结构是靠语义产生，代码结构则是面向程序的。XML拥有完美的代码结构，但是却因为高度的可扩展和自定义性，很难拥有语义结构，除非在它的基础上定义一个通用的格式，比如现在很火的RSS。所以在目前通过浏览器上网浏览html的模式下，直接应用xml写网页是无法通用的，也是困难的。而xhtml则是一种折中，它不允许扩展，从而继承html的语义性，拥有现代浏览器都可以识别的语义结构以适应目前互联网应用大环境，同时用xml的规则规范它，让它继

5、承完美的代码结构以便以后顺利过渡xml只有数据和结构，它的语义是面向程序的，而不是面向浏览器。1、表现标准语言：CSS。CSS是CascadingStyleSheets层叠样式表的缩写。理解box盒子模型，什么是CSS的盒子模式呢？为什么叫它是盒子？先说说我们在网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)，CSS盒子模式都具备这些属性。这些属性我们可以把它转移到我们日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也具有这些属性，所以叫它盒子模式。1、

6、行为标准：DOM和JS。DOM是DocumentObjectModel文档对象模型的缩写；JAVAScript。像现在流行的js框架更是以后交互设计的发展趋势，例如JQuery、Ajax等。工作中存在的问题l标签如何选择？语义化：xtml标签充分语义化，尽可能的使用符合语义的标签。比如段落要用

7、签，其实指的是页面机构化和语义化。结构化：尽量少的嵌套，页面对搜索引擎友好；特殊情况或者在其他平台下无css裸奔时，结构清晰、层次分明。浮现问题：在某些编程语言下，一些控件会自动生成无用的代码。比如asp.net的一些控件，如果前端确定的结构是“