web前端实习报告

《web前端实习报告》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、实习报告学生姓名：学号：专业班级：实习单位：实习时间：校外指导教师：校内指导教师：成绩：目录1实习背景11.1实习目的11.2实习起止时间11.3实习内容概要12实习内容12.1实习过程12.2实习内容52.3主要成果63总结63.1网页游戏的认识63.2实习的自我评价71实习背景1.1实习目的Ø了解软件开发的各种模式，开发流程，以及各种形式的建模Ø详细学习敏捷开发的各个流程，并通过实习来体会敏捷开发所带来的效率Ø掌握HTML5、CSS、JAVASCRIPT等技术1.2实习起止时间Ø开始时间：2015年7月12号

2、Ø截止时间：2015年7月18号1.3实习内容概要Ø学习软件开发的各种模式，重点学习了敏捷开发（专业老师讲授）Ø学习HTML5、CSS、JAVASCRIP技术（形式：观看视频）Ø按照敏捷开发的流程，学员分组，制定每日的站立会议时间Ø观看实习内容例子的视频，分工合作Ø提交实习成果，老师检查打分2实习内容2.1实习过程可以以周为时间单位概述实习各阶段所从事的主要工作等；Ø学习阶段²开发模式1)软件生命周期同任何事物一样,一个软件产品或软件系统也要经历孕育、诞生、成长、成熟、-衰亡等阶段，这一般称为软件生命周期。软件开

3、发生命周期(SDLC)是指软件开发的全部过程、活动和任务的结构框架。SDLC的一般步骤包括：确定问题、可行性分析与开发计划、收集需求、分析与设计、编码开发、测试、安装、维护。2)软件生命周期模式典型的几种生命周期模式包括：瀑布模式、演化模式、螺旋模式、快速原型模式、喷泉模式和混合模式等。3)敏捷开发敏捷开发（Agile）是一种关注价值、消除浪费、以人为核心、迭代、循序渐进的开发方法。特点：a)是一种开发方法学（Methodology），可以应对客户快速变更的需求。b)强调以人为核心，采用迭代的方式，循序渐进地开发

4、软件。c)在敏捷开发过程中，软件项目被划分成多个相互联系但也能独立运行的子项目。d)每个子项目在开发、测试直至完成的过程中一直保持可使用的状态。e)这个过程就是要形成开发过程中团队之成员之间更加有效的合作关系，使其灵活性更高，以适应不断变化的需求。²技术讲解1)讲解内容：HTML5、CSS、JAVASCRIPT技术2)HTML5HTML5是一个描述用于帮助开发者创建下一代网站和应用的HTML、CSS和JavaScript规格的涵盖性术语。这个定义中最显眼的三个部分是：HTML、CSS和JavaScript。他们定

5、义了开发者如何使用优化标记，风格更丰富的性能，以及新JavaScriptAPI来制作最新的网络开发功能。简单而言，HTML5=HTML+CSS+JavaScript。特性：a)语义特性（Class：Semantic）b)本地存储特性（Class:OFFLINE&STORAGE）c)设备兼容特性(Class:DEVICEACCESS)d)连接特性（Class:CONNECTIVITY）e)网页多媒体特性(Class:MULTIMEDIA)f)三维、图形及特效特性（Class:3D,Graphics&Effects）

6、g)性能与集成特性（Class:Performance&Integration）h)CSS3特性(Class:CSS3)1)CSSCSS(层叠样式表)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS使用方法：a)外联式Linking（也叫外部样式）：将网页链接到外部样式表。b)嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。c)内联式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。CSS布局特点：a)精简代码，降

7、低重构难度b)网页访问速度c)SEO优化d)浏览器兼容性基础语法：a)CSS规则由两个主要的部分构成：选择器，以及一条或多条声明。b)选择器{宣言1;宣言2;...宣言N}c)选择器通常是您需要改变样式的HTML元素。d)每条声明由一个属性和一个值组成。a)属性（property）是您希望设置的样式属性（styleattribute）。每个属性有一个值。属性和值被冒号分开。b)选择器{property:value}1)JAVASCRIPTJavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语

8、言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。组成a)ECMAScript，描述了该语言的语法和基本对象。b)文档对象模型（DOM），描述处理网页内容的方法和接口。c)浏览器对象模型（BOM），描述与浏览器进行交互的方法和接