【www.zgzsclpt.com--个人总结】
2018前端开发实习总结范文精选
2018 前端开发实习总结范文精选 随着 Web 应用的兴起，Web 前端出现了翻天覆地的变化，网站前端开发的实习 生怎么写总结呢？今天小编给大家整理了网站前端开发实习生工作总结， 谢谢大 家对小编的支持。
前端开发篇一 今天就简单聊聊上面的 Struts+Spring+Hibernate 吧。
Struts 代表：表示层;Spring 代表：业务逻辑层;Hibernate 则代表持久层。他 们是目前在 Java Web 编程开发中用得最多的框架，其实这样区分是为了适应软 件开发过程中各个分工部门之间保持一致性的需要。
说得简单点就是大家都在一 个模式下写代码， 这样就能保证写出来的程序能被每一个人都能够读懂，而且有 些基本的东西它可以自动帮你生成，不用你自己一个一个的敲了，达到了代码复 用。这样保证可读性的同时也提高了开发效率，从而降低了成本。Struts 这个 框架其实就是 Java MVC 设计模式中(简称 Model1 与 Model2)Model2 的一个具体 实现，Spring 则通过提供 ICO(控制反转，也称依赖注入)实现了对对象甚至事 务(如声明式事务)的集中管理，此外还引入了 AOP(对向切面编程)，当然也完全 兼容其它框架。Hibernate 吗，就是一个实现对象与关系映射的中间件，大家知 道，现在的主流数据库还是关系型的，但编程却已经采用了面向对象的思想，如 何让编程人员能像操作对象一样，操纵数据库里的数据呢?Hibernate 就是这样 一种框架。以前 Java 程序员与数据库打交道都是通过 JDBC，还要写 SQL 语句， 不过 Hibernate 彻底改变了这一切，它在 JDBC 之上又作了一次封装，从而实现 了不用写 SQL 语句就可以实现操作数据库。
值得提醒的是，这三个框架都是轻量级的，没有侵入性或者侵入性很低，不像 EJB 这样的重量级框架，它们都能最大限度的实现代码的可复用。
前端开发实习总结篇二 以前在校很少自己做程序，对软件工程更是一无所知。来到公司，开始接触 大 规模 (其实现在看来实习的项目其实还是很小的)软件开发， 一时真的有些迷茫。
比起 VSS，MVC，QA，CMMI，我对 JAVA，JSP，XML 的一窍不通根本不值一提。大 家都不想输在 起点 ，所以都默契地在加班，这样一直持续了实习的两个月。
刚来的时候 始业教育 显得慢吞吞，我们还经常盘算去哪哪玩之类的。我和 FLYSKY(20 个新生里唯一一个南区的兄弟，软件学院的)还经常出去吃各种小吃， 每到一处都尝尝本地的风味， 这是他的习惯。
之后开始的培训还不是很难过， JAVA， C++，ORACLE，老师们讲的很 好 ，可以说是非常好，好得我们没有几个人能听 懂。大家开始发愁，我也是每天晚上都基本看书到 10 点。
我心说得亏哥们我还练过 ，来之前的 2 月份我就自己买了一本 THINKING IN JAVA，看懂看不懂怎么说也算是准备了一下 JAVA，C++虽说没去上过课，但凭我 的直觉我就一下看中这东西很有用， 自己也看过一阵.至于 ORACLE， 虽然不了解， 但毕竟因为佩服 云飞扬 的性格和敬业精神，咱 SQL 选修也不是白混的。专业倒 还有点 基础 ，再加上咱这自学能力也不是吹的，基本维持。可等到后来的日语 课就全迷糊了：本就没有语言天赋，再加上记忆严重欠缺，总是特别害怕去上日 语课。不过特别喜欢那个老师说话的感觉，加上她一直对我都很好，所以还是很 用心的学着。
随着培训的收尾， 我们开始正式进入项目。
从
web前端学习总结(精华版)
Web 总结一.名词解释1. 横切 在固定页面的宽度(按栅格化进行)并且对高度没有限制的容器称为一个标准横切 2. 留白 两个容器或碎片之间的上、下、左、右的空白距离 3. 继承 元素可以从其父级元素中获得一些可为自己使用的属性或值。
4. 图片定位 把图片元素放置到一个静态的、相对的、绝对的、或固定的位置中，利用 CSS 中对图片 进行遮罩属性，多用于页面中的修饰图 5. 底图 页面中在标签中使用的背景图 6. 齐底(图)线 用于区分横切或碎片结束的线或图 7. 页面结构 页面的基础框架，由横切、布局元素组成 8. 焦点区(图) 最易注意的区域 9. 导航 在页面中具有导向性的链接集合 10. 头图 页面主题图片 11. 间距 碎片或文字间的距离 12. 行高 文字段落中行与行之间的距离 13. 首行缩进 文字段落首行缩进 14. 浮动 使被定义的区域脱离正常的页面文档流 15. 碎片 由文字、图片组合成的内容区域 16. 通栏广告 与页面内容区同宽的广告区域 17. 功能按钮 具有交互属性的按钮 18. 私有样式 当前页面独立使用的样式，不具备公用性 19. 水平(垂直)居中 在页面中的某个元素处于父级的上下或左右的相同距离 20. 标准头(尾) 定义相同的页面头或尾元素集合 二.文本格式化1. 段落：p 2. 斜体：address（联系信息）em（强调）i（突出不同）cite（引用）dfn（首次定义术语） 3. 粗体：strong（重要）b（提醒） 4. 图片块：figure 5. 引述文段，段落缩进：blockquote 6. 背景颜色：mark 7. 虚线下划线：abbr 8. 上标下标：sub/sup 9. 下划线：ins 10. 删除线：del（标记已删除内容）s（标记不准确内容） 11. 等宽字体：code 12. 预格式化：pre 13. 字号减小，表注释：small 14. 时间：time 15. 换行：br 16. html5 定义区块：header nav article section aside footer div span三.表单表格1. <form method="post" action="show.php" enctype="multipart/form-data">...</form> 2. 表单元素的组织：<fieldset>...</fieldset><fieldset>...</fieldset> 3. 创 建 各 种 框 : <input type="text" id="name" name="name" class="zky" required="required" placeholder=" 请输入 " value="http://" autofocus="autofocus" size="12" maxlength="20" pattern=".." /> 注：text→password/url/tel/email Id:为了让对应的标签识别，添加 CSS Name：为了让服务器和脚本识别，通常与 id 设为一样 Size：文本框大小 Maxlength：能输入的最大字符数 Pattern：正则表达式 4. 添加标签： <label for="idname">?</label> 5. 单(多)选按钮： <input tupe="radio/checkbox" id="aaa" name="zky" value="beijing" /> <label for="aaa">北京</label> <input tupe="radio/checkbox" id="bbb" name="zky" value="shanghai" /> <label for="bbb">上海</label> 注：id 各自唯一，name 必须相同。checked：默认选择 6. 下拉框： <select id="zky" name="zky" size="12" multiple="multiple"> <option value="beijing">北京</option> <option value="shanghai">上海</option> <option value="chengdu">成都</option> </select> 注： size: 选择框的高度 multiple ：允许多选 selected ：默认选择 用 <optgroup label="东北">?</label>对选择框进行分组 7. 上传文件：<input type="file" id="zky" name="zky" size="5" /> 注：size：输入路径和文件名的字段的宽度 8. 禁用表单元素：<input ? disabled> 9. 创建提交按钮：<input type="submit" value="点此提交" /> 创建带图像的提交按钮：<button type="image"><img src="1.jpg">点击这里</button> 创建图像按钮：<input type="image" alt="提交" src="1.jpg" /> Submit→reset 重置 10. 文本区域：<textarea name="zky" maxlength="30" rows="5" cols="5">请在此输入字 符</textarea> 11. 表格 : <table> <caption></caption> <thead> <tr> <th scope="rowgroup">..</th> <th scope="col">..</th> </tr> </thead> <tbody> <tr> <th scope="row">..</th> <td rowspan="3">..</td> <td>..</td> </tr> </tbody> </table>四.文本格式化1. {font： （斜体 粗体 小型大写字母） 字体大小(必有) 行距 字体集（必有）;} 2. 文本背景：{ background：#foc url（1.jpg）repeat-x scroll 0 0；} 3. 字间距：word-spacing:12px; 4. 字偶距：letter-spacing:12px; 5. 缩进增加：text-indent:12px; 6. 小型大写字母: font-variant:small-caps; 7. 文本对齐：text-align:left；适用于 block，inline-block 8. 单 词 大 小 写 : text-transform:capitalize( 单 词 首 字 母 大 写 )/uppercase( 大 写)/lowercase(小写) 9. 文本上的线：text-decoraion:underline/overline/line-through; 11. 空格：white-space:pre(显示所有空格回车)/nowrap（非断行空格） ； 12. h3—16px; h5—12px; verdana,Geneva,sans-serif; 13. 列表属性： li{list-style:url(1.jpg) inside square;}五.CSS 布局1. width：不包括 padding，border，margin；max-width 设置外围限制； 2. 浮动：float:left; 清除浮动：clear:both; 3. 设置边框： border:dotted 4px red;(dotted 点状、dashed 虚线、solid 实线) 4. 使元素对齐：vertical-align:baseline/middle/text-bottom.. 5. 显示：display:black/inline/inline-block; 6. 显示：visibility:visible/hiddle; 7. 相对定位：{position:relative; top:5px;} 相对于该元素的原始位置 8. 绝对定位：{position:absolute; top:5px;} 相对于 body 或离他最近定位的祖先元素 9. 三维位置：{z-index:50;} 越大的在最上面 10. 厂商前缀：-webkit-(safari) –moz-(firefox) –ms-(IE) –o-(opera) 11. 创建圆角： {-moz-border-radius-topleft:50px; -webkit-border-top-left-radius:50px; border-top-left-radius:50px;} (左上角,角的半径是 50px) {border-radius:50px;}(所有角简写) 12. 创建椭圆角：{? ? border-radius:40px/20px;} （x 半径/y 半径） 13. 创建圆形：{? ? border-radius:50px;} 50px 为元素半径大小 14. 文本加阴影：{text-shadow: 2px 5px 5px #999;} x/y/模糊半径 15. 元素加阴影：{(-moz-/-webkit-)box-shadow:(inset 内阴影)2px 5px 5px #999; 5px 10px 2px #555(多重阴影);} 16. 多重背景：{background:#000 url(1.png) 50% 102% no-repeat,#222 url(2.png) 12px -150px repeat-x;} 17. 透明度： {opacity:.5;} 0→1 透明→不透明 18. 渐变背景：{background:linear-gradient(left,#000,#999);} (left ：渐变线沿逆时 针方向转至水平线的角度)六.html5 视频音频1. html5 支持 3 种视频：.ogg/.ogv .mp4/.m4v .webm 2. 添加视频：<video src="1.webm"></video> 视频属性：src autoplay controls muted loop poster width height preload 3. 为视频添加多个来源： <video controls="controls"> <source src="1.mp4" type="video/mp4"> <source src="1.webm" type="video/webm"> <object type="application/x-shockwave-flash" data="1.swf?videourl=1.mp4&control=true"> <param name="movie" value="1.swf?videourl=1.mp4&control=true"> </object> //嵌入 Flash 动画 <a href="1.mp4">下载该视频</a> </video> 4. html5 支持 5 中音频：.ogg .mp3 .wav .aac .mp4 5.添加音频：<audio src="1.ogg"></audio> 音频属性：src autoplay controls muted loop preload 。多个来源同 video。七.一些约定我们结合常用的一些命名习惯，再结合 CSS 的实际应用，整理出一些较好的命名习惯。
1. 样式名称首字母统一为小写字母，不能为数字，下划线及特殊字符； 2. 样式名尽量语义化或简写； 3. 样式名需要组合拼写时，采用全部小写拼写并使用下划线连接，即：all_keyword； 4. 使用 px(像素)为基本计量单位； 5. 页面中空格的使用：全角：中文空格 半角； 6. 项目完成包中，文件夹及文件名称全部采用小写字母，不使用中文文件名； 7. 减少 DIV 的嵌套层数； 8. 给重要图片加上 alt 属性；给重要的元素和截断的元素加上 title； 9. 使用正确的注释方法（详见“注释”章节） ； 10. 特殊情况下要求表现和内容分离，代码中不要涉及任何表现的元素，例如：style、font 等； 11. 双标记签都要有开始和结束标签，单标记标签的后面一定要加“ /”,例如：<br />等， 并且有正确的层次； 12. 其它特殊符号： 1) <(<) 2) >(>)八.命名空间8.1 外挂样式名称 全局：public.css 全局样式为全站公用，为页面样式基础，页面中必须包含。
结构：layout.css 页面结构类型复杂，并且公用类型较多时使用。多用在首页级页面和产品类页面中。
私有：style.css 独立页面所使用的样式文件，页面中必须包含。
模块 module.css 产品类页面应用，将可复用类模块进行剥离后，可与其它样式配合使用。
默认 default.css 文章 article.css 图片 photo.css 下载 soft.css 主题 themes.css 实现换肤功能时应用。
补丁 mend.css 基于以上样式进行的私有化修补。
8.2 常用名称 (1)页面结构 容器: container 页头：header 内容：content/container/content(A) 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 浮左浮右：fl fr 清除浮动 clear (2)导航 导航：nav 主导航：mainbav 子导航：subnav 顶导航：topnav 边导航：sidebar 左导航：leftsidebar 右导航：rightsidebar 菜单：menu 子菜单：submenu 标题：title 摘要：summary 路径：path (3)模块化命名 模块头部：hd 模块内容部分：bd 模块底部：ft (4)各内容页对应 标题：title 副标题：subtitle 属性：properties 简介：infor 内容：content 分页：page 插入广告：insert_ad 表情：expression 功能选项：options 上下篇：up_down 评论：comments 相关内容：related 下载地址：download 播放地址：play_add (5)功能 标志：logo 广告：banner 登陆：login 登录条：loginbar 注册：regsiter 搜索：search 日期：date 功能区：shop 标题：title 加入：joinus 状态：status 按钮：btn 滚动：scroll 标签页：tab 文章列表：list 提示信息：msg 当前的：current 小技巧：tips 图标：icon 注释：note 指南：guild 服务：service 热点：hot 新闻：news 下载：download 投票：vote 合作伙伴：partner 友情链接：link 版权：copyright九.基本设置-public.css9.1 全局设置 上下边距(margin、padding)：0(px) 左右边距(margin)：auto(自动) 底色(background):#FFF(白色) 字体(font-family)、字号(font-szie)、字色(color)： ”宋体” 12px #666 代码： /* 全局 CSS 定义 */ body{margin:0 auto;padding:0;background:#FFF;color:#666;font:12px ‘宋体'; } div,form,ul,ol,li,span,p,dl,dt,dd,img{margin:0;padding:0;border:0;} h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;} ul,ol,li{list-style:none} table,td,input,textarea{font-size:12px} 9.2 页面标签初始化设置 1. 常用基本标 div,form,ul,ol,li,span,p,dl,dt,dd,img 设置基本标签的间距、边框默认值为 0。
2. h1～h6 标题 默认标题内字号 12px，内外间距为 0px，文字不加粗。
3. ul,ol,li 列表 默认不显示项目符号。
4. h2 栏目标题 说明：h2 标签被定义为栏目标题特殊使用，在标签中非标题文字默认居右显示，主标 题文字使用 span 标签包含，居左显示。
5. 默认链接颜色 常态下不显示文字下划线，颜色为灰(#333)，鼠标悬浮时：显示文字下划线，颜色变为 暗红(#ccc)。
6. 状 态 ： a:link{ 未 点 } a:visited{ 已 点 } a:focus{ 键 盘 选 中 } a:hover{ 指 针 停 留 } a:active{正在点} 9.3 页面宽度 默认页面宽(命名规范)：按栅格化进行 9.4 .clear 结束容器内各元素的浮动属性，使相邻容器或元素节点正常显示。
以下是清除浮动的几种方法 方法一 .clear { clear:both; height:0; font-size:0; line-height:0 } 或 .clear { border-top: 1px solid transparent !important; margin-top: -1px !important; border-top: 0px; margin-top: 0px; height: 0px; clear: both; background: none; font-size: 0px; visibility: hidden; } 或 .clear{ clear:both; font-size:1px; width:1px; height:0; visibility:hidden; margin-top:0px!important; *margin-top:-1px; line-height:0}使用方法: <div class="clear"></div>LeftRight <div class="clear"></div>方法二 .clear{zoom:1;} .clear:after { clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:" ."; } 或 .claer { height:auto; _height:200px; min-height:200px; verflow:auto; zoom:1; _overflow:visible; } 使用方法: <div class=""> <ul class="clear"> <li><a href="#">送水送气</a></li> <li><a href="#">送花服务</a></li> <li><a href="#">宾馆住宿</a></li> <li><a href="#">家电维修</a></li> <li><a href="#">餐饮电话</a></li> <li><a href="#">电脑网络</a></li> </ul> </div> 9.5 自定义属性 1. 文字列表 ： (样式名) 用于文字列表，区分为两种字体(12px/14px)，默认行内间距上下 3px。
2. 图片列表 ：(样式名) 用于组图型碎片，默认具有 claar 属性，容器内 img、span 标签为块级元素,并清除图 片上下外间距 3. 图文混排： (样式名) 碎片内使用<div>、<p>区分图片及文字，默认形态为左图右文，且图片与文字间距为 10px。
4. 文字类：加粗(b)、arial 字体(.fontArial) 处理局部应用 5. 浮动： (fl/fr) 用于构建页面框架 6. 留白: (blank5/blank8) 设定页面中留白高度为 5px、8px 两种 9.6 完整代码 /* 全局 CSS 定义 */ body{text-align:center;margin:0 auto;padding:0;background:#FFF;color:#666;font:12px '宋体';} div,form,ul,ol,li,span,p,dl,dt,dd,img{margin:0;padding:0;border:0;} ?? 需要举例说明十.框架设置10.1 约定 1. 横切结构样式为 area，所有横要带有 id，名称：contentA,contentB 2. 结构元素使用 div 标签，标签嵌套注意层级关系，如： 10.2 说明 6.2.1 栏间留白 三栏时定义中间栏，多栏定义时从第二栏开始定义。
6.2.2 横切留白 横切间留白，在下一个横切中定义，如：margin‐top:10px
假期web前端实习报告
郑州轻工业学院实 习 报 告学生姓名： 学 号：专业班级： 实习单位： 实习时间： 校外指导教师： 校内指导教师： 成 绩： 目 录1 实习背景 ...................................................... 11.1 实习目的 ............................................................................................................................................11.2实习起止时间 ....................................................................................................................................11.3实习内容概要 ....................................................................................................................................12实习内容.................................................... 12.1 实习过程 ............................................................................................................................................12.2实习内容 ..........................................................................................................................................52.3主要成果 ..........................................................................................................................................63总3.1结 ..................................................... 6网页游戏的认识 ..........................................................................................................................63.2实习的自我评价 ..........................................................................................................................7 1 实习背景1.1 实习目的? ? ?了解软件开发的各种模式，开发流程，以及各种形式的建模 详细学习敏捷开发的各个流程，并通过实习来体会敏捷开发所带来的效率 掌握 HTML5、CSS、JAVASCRIPT 等技术1.2 实习起止时间? ? 开始时间：2015 年 7 月 12 号 截止时间：2015 年 7 月 18 号1.3 实习内容概要? ? ? ? ? 学习软件开发的各种模式，重点学习了敏捷开发（专业老师讲授） 学习 HTML5、CSS、JAVASCRIP 技术（形式：观看视频） 按照敏捷开发的流程，学员分组，制定每日的站立会议时间 观看实习内容例子的视频，分工合作 提交实习成果，老师检查打分2 实习内容2.1 实习过程可以以周为时间单位概述实习各阶段所从事的主要工作等；1 ? 学习阶段 ? 开发模式 1) 软件生命周期 同任何事物一样,一个软件产品或软件系统也要经历孕育、诞生、成长、成熟、 -衰 亡等阶段，这一般称为软件生命周期。
软件开发生命周期(SDLC)是指软件开发的全部过程、活动和任务的结构框架。
SDLC 的一般步骤包括：确定问题、可行性分析与开发计划、收集需求、分析与设计、 编码开发、测试、安装、维护。
2) 软件生命周期模式 典型的几种生命周期模式包括：瀑布模式、演化模式、螺旋模式、快速原型模式、喷 泉模式和混合模式等。
3) 敏捷开发 敏捷开发（Agile）是一种关注价值、消除浪费、以人为核心、迭代、循序渐进的开 发方法。
特点： a) 是一种开发方法学（Methodology） ，可以应对客户快速变 更的需求。
b) 强调以人为核心，采用迭代的方式，循序渐进地开发软件。
c) 在敏捷开发过程中，软件项目被划分成多个相互联系但也能独立运行的子项 目。
d) 每个子项目在开发、测试直至完成的过程中一直保持可使用的状态。
e) 这个过程就是要形成开发过程中团队之成员之间更加有效的合作关系，使其 灵活性更高，以适应不断变化的需求。
? 技术讲解 1) 2) 讲解内容：HTML5、CSS、JAVASCRIPT 技术 HTML5 HTML5 是一个描述用于帮助开发者创建下一代网站和应用的 HTML、CSS 和 JavaScript 规格的涵盖性术语。这个定义中最显眼的三个部分是： HTML、 CSS 和2 JavaScript。
他们定义了开发者如何使用优化标记， 风格更丰富的性能， 以及新 JavaScript API 来制作最新的网络开发功能。简单而言，HTML5=HTML+CSS+JavaScript。
特性： a) b) c) d) e) f) g) h) 3) CSS CSS(层叠样式表)是一种用来表现 HTML （标准通用标记语言的一个应用） 或 XML （标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS 使用方法： a) b) c) 外联式 Linking（也叫外部样式） ：将网页链接到外部样式表。
嵌入式 Embedding（也叫内页样式） ：在网页上创建嵌入的样式表。
内联式 Inline（也叫行内样式） ：应用内嵌样式到各个网页元素。
语义特性（Class：Semantic） 本地存储特性（Class: OFFLINE & STORAGE） 设备兼容特性 (Class: DEVICE ACCESS) 连接特性（Class: CONNECTIVITY） 网页多媒体特性(Class: MULTIMEDIA) 三维、图形及特效特性（Class: 3D, Graphics & Effects） 性能与集成特性（Class: Performance & Integration） CSS3 特性(Class: CSS3)CSS 布局特点： a) 精简代码，降低重构难度 b) 网页访问速度 c) SEO 优化 d) 浏览器兼容性 基础语法： a) CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。
b) 选择器 {宣言 1; 宣言 2; ... 宣言 N } c) 选择器通常是您需要改变样式的 HTML 元素。3 d) 每条声明由一个属性和一个值组成。
e) 属性（property）是您希望设置的样式属性（style attribute） 。每个属性 有一个值。属性和值被冒号分开。
f) 选择器 {property: value} 4) JAVASCRIPT JavaScript 一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言， 内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于 客户端的脚本语言，最早是在 HTML（标准通用标记语言下的一个应用）网页上使用， 用来给 HTML 网页增加动态功能。
组成 a) ECMAScript，描述了该语言的语法和基本对象。
b) 文档对象模型（DOM） ，描述处理网页内容的方法和接口。
c) 浏览器对象模型（BOM） ，描述与浏览器进行交互的方法和接口。
特点 a) 是一种解释性脚本语言（代码不进行预编译） 。
b) 主要用来向 HTML（标准通用标记语言下的一个应用）页面添加交互行为。
c) 可以直接嵌入 HTML 页面，但写成单独的 js 文件有利于结构和行为的分离。
d) 跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如 Windows、Linux、Mac、Android、iOS 等） 。
? 开发阶段 ? 开发第一天 站立会议：8.00—8.15 会议内容：小组分工，制定站立会议时间，了解每个人的学习情况，交流学习的内容 任务内容： “打地鼠”网页游戏的网页布局——>HTML5+CSS 技术 ? 开发第二天 站立会议：8.00—8.15 会议内容：小组分工，完成情况，了解每个人的进度，交流学习的内容4 任务内容： “打地鼠”网页游戏的功能实现 ? 开发第三天 站立会议：8.00—8.15 会议内容：小组分工，完成情况，查漏补缺，测试软件，寻找 bug，交流学习的内容 任务内容： “打地鼠”网页游戏的软件测试，寻找不足，确认无误，提交实习结果2.2?实习内容项目介绍 “打地鼠”网页游戏是安卓版“打地鼠”游戏的进一步开发，可以实现在网页中构建游戏的所 有功能，并且不用下载安装既可以用的游戏，网页版游戏的市场前景潜力无限，国内逐渐发展 起来一批喜欢网页游戏的用户群，并且网页游戏属于中小型的项目，易于开发，应用于敏捷开 发的流程，效率十分高。
? 我的任务 “打地鼠”网页游戏网页布局的调整，以及“打地鼠”之所谓“打”的动画实现，还有最后的 “软件测试” 。
? 软硬件平台DREAMWEAVER CS6，MOZILLA FIREFOX 浏览器，PHOTOSHOP CS6?使用技术 ? ? ? ? ? ? HTML5 CSS JAVASCRIPT 浏览器中的开发人员调试PHOTOSHOP CS6的图片处理技术JAVASCRIPT 的进阶——>JQERY 技术5 2.3主要成果“打地鼠”网页游戏的成功开发，基本功能：打地鼠的动画，游戏的时间限制，统计分数，开始游戏，暂停游戏，结束游戏，走马灯介绍等等。但是在实际测试的时候仍然出现了一些 BUG，比如动画的 迟缓（主要是因为动画的缓冲没有做好） ，还有一些分数的统计不甚合理，这在我们应用的时候及时的 发现，并且处理了这样的问题。3 总结3.1网页游戏的认识网页游戏又称 Web 游戏，无端网游，简称页游。是基于 Web 浏览器的网络在线多人互动游戏，无需下载客户端，不存在机器配置不够的问题，最重要的是关闭或者切换极其方便，尤其适合上班族。
在那个网络泡沫经济高速扩张的年代，在那个大量菜鸟网民拥入网络的年代，在那个文字 MUD 已 经逐渐衰退而网络游戏又尚未兴起的年代，这种新颖玩意儿的推出，无疑让很多人为之惊艳。仅仅通过 简单注册，就可以边玩游戏边泡论坛。尽管只有简陋的游戏界面、一堆文字、几张图片，游戏方式也不 过是刷新页面而已，但 WebGame 却带来了无限的乐趣和遐想，同时还演绎了让无数人刻骨铭心的爱恨 情仇。
如今网络游戏百花争鸣， 到处充斥着唯美的人物和绚丽的光影。
你会偶尔缅怀那些逝去的岁月吗？ 至少在我心底，一直有数款难以忘怀的 WebGame。
WebGame，顾名思义就是基于 Web 浏览器的网络在线多人游戏。从诞生发展至今，WebGame 大概 分为三种类型：一是基于 Web 浏览器，使用 PHP/ASP/Perl 等解释语言建设的虚拟社区；二是基于 Web 浏览器，使用 Flash/JAVA 技术制作的游戏；三是需要下载客户端并连接专用服务器运行的游戏。
网页游戏尽管 EBS 将国内 WebGame 的发展往前推了一把，但是一段时间后，这类 WebGame 的弱 点逐渐暴露出来。一些架设 WebGame 供网民免费游玩的站点，由于质量和管理不过关、服务器负载过 大，丢失了不少玩家。同时，比 WebGame 华丽 N 倍的网络游戏兴起后，WebGame 自然就逐渐没落了。
传统意义上的 WebGame 依然为少部分热爱者延续至今，而且游戏性与游戏素材比以前丰富许多。6 ?前景分析 ? ? ? ? 网页游戏的市场潜力巨大，与其他类型网游相比有着强劲优势 网页游戏的用户群逐渐培养起来，极有可能成为未来网游用户的一支主力军 避大型网游之锋芒，坚持走游击路线。坚持和中小站长合作 针对用户群大胆创新，敢于突破固有模式?游戏特点 ? ? ? ? ? ? ? ? ? 混搭式类型成主流 策略游戏不断丰富 游戏内容多样化 消费群体不断成熟 市场集中度提高 游戏跨形态融合 产品结构渐丰富 步入全球化运作 企业品牌意识增强3.2实习的自我评价这次实训充分利用了课堂所学，掌握了许多关键技术，例如模版技术，CSS 样式，使得制作过程方便了很多。在完成基本要求得基础上，文件夹、文件命名规范；文件存放位置合理； 制作完成之后进 行过现场清理：没有无用的文件、文件夹，没有断链(外部链接不算)；工作量饱满：内容较丰富、自己 设计制作的素材应用多；色系、布局合理美观、考虑用户访问方便；采用各种特效、并且运用合理。
不 过也有些不足，比如一开始没有把几个人制作的文件夹分开，导致后面汇总时比较麻烦。还有就是文件 名字开始中文命名，有的时候链接错误。这次的作业随说我是在网上找了很多做好的模板但是我还是很 有成就感，觉得自己很不错。不过总的来说，对这次的作品相当满意，不仅选择了我们自己喜欢的内容， 而且在我们的水平上把它做的很精美。
在这个过程中我们意识到了自己在相关技术上的不足， 通过学习， 知道了如何改进我们的缺点，相信在以后的应用中，我们会做的更加完美！7