主要交流以下5个方面的内容.pptVIP

主要交流以下5个方面的内容： 什么是前端开发技术 前端开发需要掌握的技能 html发展简介 前端开发基本流程 前端开发的一些建议 一、什么是前端技术 前端技术包括JavaScript、ActionScript、CSS、HTML等“传统”技术,Adobe RIA、Google Gears等新技术，以及概念性较强的交互式设计,艺术性较强的视觉设计等等。 ?? ? 通俗来讲：通过浏览器到用户端计算机的统称为前端技术，相反存贮于服务器端的统称为后端技术。 前端开发工作通常需要视觉设计师、交互设计师和网页设计师相互配合完成，当然，也可以一人兼任多种角色。 前端开发主要有两大方向： 1.网页设计（重构）：根据设计图用HTML和CSS完成页面制作（与视觉设计师和交互设计师配合） 2.web前端开发：主要负责交互设计。根据网站的可用性分析和用户反馈改进网站的前端优化。利用javascript，flash actionscript3.0结合html+css技术开发出用户体验更好的网站页面。 二、前端开发所需技能和工具 精通HTML/XHTML、CSS等网页制作技术，熟悉页面架构和布局（盒模型，定位，浮动，段落、图片、文字的属性控制，浏览器bug…） 熟悉W3C标准，对表现与数据分离、Web语义化等有深刻理解? （至此即可实现静态页面开发） 精通JavaScript、Ajax等Web开发技术? 对算法、数据结构以及后台开发(C/C++/PHP/Java等)有一定了解? （可实现交互、动画等功能） 前端开发工具 1.选择合适的IDE 虽然用记事本也可以编辑网页，但是强大的提示和分色显示功能、自动补全等一系列功能会使我们的开发更便捷。 IntelliJ IDEA、Sublime、Notepad++、InType、E-Text Editor、Aptana、 DreamWeaver 2.选择合适的浏览器和调试工具 推荐使用火狐和firebug插件 3.使用 验证工具：火狐插件Web Developer Toolbar。（具有十分强大的分析调试验证功能） 在编码过程中随时使用”HTML标准验证”和“CSS标准验证”。不严谨的代码会让你的页面漏洞百出，问题不断，一个好的方法就是——边开发边验证，验证，验证，再验证！。 前端开发工具 三、html发展简介 第一阶段：HTML（HyperText Markup Language） 超文本标记语言（第一版）——在1993年6月 HTML 2.0——1995年11月作为RFC?1866发布， HTML 3.2——1997年1月14日，W3C推荐标准 HTML 4.0——1997年12月18日，W3C推荐标准 HTML 4.01（——1999年12月24日，W3C推荐标准 ISO/IEC 15445:2000（“ISO?HTML”）——2000年5月15日发布，基于严格的HTML 4.01语法，是国际标准化组织和国际电工委员会的标准。 特点：发展历史原因导致松散语义，标准化程度不够。比较适合新手上手，一些简单的遗漏、错误不影响页面展示。 第二阶段：XHTML  XHTML 1.0 用XML句法来规范HTML4。 比如doctype类型选择、标签属性必须小写、属性值要用引号、img、br、meta标签自闭合等。 分类样式和内容。废除font、b（粗体）和i（斜体）等 XHTML 1.1 页面必须用新的MIME type来分发。这个标准并没有很多人采用。 XHTML 2.0 试图创造一个理论纯粹的标记语言，不考虑向前兼容。最终夭折。XHTML是学术派的w3c开发的，只是用XML来规范HTML，试图用XML来抹平HTML设计的一些缺陷。没有统一的容错体系导致不同浏览器容错机制不同，页面千差万别，甚至不能正常工作。 第三阶段：HTML5 优点： 语法较弱，编写简单 向后兼容了html4和xhtml1.0. HTML5由网络公司（Google, Adobe）和浏览器厂商（Moz, Opera, Apple）开发的，对HTML的容错方法做出统一定义，这样无论是什么浏览器，只要根据标准实现容错方法，即使网页出现缺陷，其渲染结果也是完全一样的。网页设计师在迁移到HTML5的时候，基本可以不做任何事情。以前即使存在一定缺陷的非标准网页也能正常而且同一地被渲染出来。 提供了一系列语义更清晰的标签。 多设备 跨平台，便于移植 交互性更强。更多的系统JS API。比如新增表单属性、表单验证、 多媒体支持、canvas, websocket , webstorage等等。游戏开发，移动开发等等。 通过调用 html5.js 可以使 ie6,7,8 支持 html5