主要交流以下5个方面的内容.ppt
《主要交流以下5个方面的内容.ppt》由会员分享,可在线阅读,更多相关《主要交流以下5个方面的内容.ppt(22页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、主要交流以下5个方面的内容 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望主要交流以下5个方面的内容:1.什么是前端开发技术2.前端开发需要掌握的技能3.html发展简介4.前端开发基本流程5.前端开发的一些建议一、什么是前端技术前端技术包括JavaScript、ActionScript、CSS、HTML等“传统”技术,Adobe RIA、Google Gears等新技术,以及概念性较强的交互式设计,艺术性较强的视觉设计等等。通俗来讲:通过浏览器到用户端计算机的统
2、称为前端技术,相反存贮于服务器端的统称为后端技术。前端开发工作通常需要视觉设计师、交互设计师和网页设计师相互配合完成,当然,也可以一人兼任多种角色。前端开发主要有两大方向前端开发主要有两大方向:1.网页设计(重构):根据设计图用HTML和CSS完成页面制作(与视觉设计师和交互设计师配合)2.web前端开发:主要负责交互设计。根据网站的可用性分析和用户反馈改进网站的前端优化。利用javascript,flash actionscript3.0结合html+css技术开发出用户体验更好的网站页面。二、前端开发所需技能和工具 精通HTML/XHTML、CSS等网页制作技术,熟悉页面架构和布局(盒模型
3、,定位,浮动,段落、图片、文字的属性控制,浏览器bug)熟悉W3C标准,对表现与数据分离、Web语义化等有深刻理解(至此即可实现静态页面开发)精通JavaScript、Ajax等Web开发技术对算法、数据结构以及后台开发(C/C+/PHP/Java等)有一定了解(可实现交互、动画等功能)前端开发工具1 1.选择合适的选择合适的IDE虽然用记事本也可以编辑网页,但是强大的提示和分色显示功能、自动补全等一系列功能会使我们的开发更便捷。IntelliJ IDEA、Sublime、Notepad+、InType、E-Text Editor、Aptana、DreamWeaver 2.2.选择合适的浏览器
4、和调试工具选择合适的浏览器和调试工具 推荐使用火狐和firebug插件3.3.使用使用 验证工具:验证工具:火狐插件Web Developer Toolbar。(具有十分强大的分析调试验证功能)在编码过程中随时使用”HTML标准验证”和“CSS标准验证”。不严谨的代码会让你的页面漏洞百出,问题不断,一个好的方法就是边开发边验证,验证,验证,再验证!。前端开发工具三、html发展简介第一阶段:HTML(HyperText Markup Language)超文本标记语言(第一版)在1993年6月HTML 2.01995年11月作为RFC1866发布,HTML 3.21997年1月14日,W3C推荐
5、标准HTML 4.01997年12月18日,W3C推荐标准HTML 4.01(1999年12月24日,W3C推荐标准ISO/IEC 15445:2000(“ISOHTML”)2000年5月15日发布,基于严格的HTML 4.01语法,是国际标准化组织和国际电工委员会的标准。特点:发展历史原因导致松散语义,标准化程度不够。比较适合新手上手,一些简单的遗漏、错误不影响页面展示。第二阶段:XHTML XHTML 1.0u 用XML句法来规范HTML4。比如doctype类型选择、标签属性必须小写、属性值要用引号、img、br、meta标签自闭合等。u分类样式和内容。废除、(粗体)和(斜体)等XHTM
6、L 1.1 页面必须用新的MIME type来分发。这个标准并没有很多人采用。XHTML 2.0 试图创造一个理论纯粹的标记语言,不考虑向前兼容。最终夭折。XHTML是学术派的w3c开发的,只是用XML来规范HTML,试图用XML来抹平HTML设计的一些缺陷。没有统一的容错体系导致不同浏览器容错机制不同,页面千差万别,甚至不能正常工作。第三阶段:HTML5优点:u 语法较弱,编写简单u 向后兼容了html4和xhtml1.0.HTML5由网络公司(Google,Adobe)和浏览器厂商(Moz,Opera,Apple)开发的,对HTML的容错方法做出统一定义,这样无论是什么浏览器,只要根据标准
7、实现容错方法,即使网页出现缺陷,其渲染结果也是完全一样的。网页设计师在迁移到HTML5的时候,基本可以不做任何事情。以前即使存在一定缺陷的非标准网页也能正常而且同一地被渲染出来。u提供了一系列语义更清晰的标签。u多设备 跨平台,便于移植u交互性更强。更多的系统JS API。比如新增表单属性、表单验证、多媒体支持、canvas,websocket,webstorage等等。游戏开发,移动开发等等。u通过调用 html5.js 可以使 ie6,7,8 支持 html5 标签。Html5缺点还在发展过程中,有些新特性缺乏统一的浏览器支持四、前端开发基本流程进行需求分析,设计UI界面构建HTML框架结
8、构编写外部样式编写外部js文件页面细节的完善和优化页面兼容性和js效果测试及修正上传服务器及后期维护五、前端开发的一些建议1.1.制定详细的开发规范,无论是一个人开发还是团队开发。制定详细的开发规范,无论是一个人开发还是团队开发。目录规范:在不改变现有结构的前提下,以最少的层次提供最清晰简便的访问结构。命名规范:以最少的字母达到最容易理解的意义。尽量用英语翻译、下划线连接进行标示区分,驼峰式命名法。html书写规范。统一文档类型声明、统一语言声明和字符编码,添加统一的头部信息。css书写规范:Js书写规范注释规范开发工具和测试工具约定更多开发规范示例详见更多开发规范示例详见:http:/ re
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 主要 交流 以下 方面 内容
限制150内