html5实训总结3000字8篇html5实训总结3000字 移HTML5移动网站开发实战案例 使用HTML5响应式设计touch事件兼容高分屏硬件加速DebuggingTips 语义化标签使用这下面是小编为大家整理的html5实训总结3000字8篇,供大家参考。
使用HTML5响应式设计touch事件兼容高分屏硬件加速DebuggingTips
语义化标签使用这些标签增强语义 [1] :• header• footer• nav• article• …1. NewelementsofHTML5
离线存储使用localstorage [1] :• 保存用户地理位置信息• 缓存Javascript和CSS [2]1. Webstorage2. Storager casestudy:Bing,Google
访问设备使用geolocation[1] 来获取用户地理位置1. Geolocation APISpecifications
图形使用Canvas [1] 和SVG [2] 来绘制股票曲线1. HTMLCanvas2DContext2. ScalableVectorGraphics(SVG)1.1
CSS3CSS3 [1] 的使用很普遍:• 用flexiblebox布局• rgba新的• 圆角与阴影• 渐变背景• borderimage• transition• 新的selector• mediaquery• Base64图片 [2]1. CSSLevel32. DataURIscheme
响应式(Responsive)网页设计
什么是响应式设计• 一种能在不同 屏幕大小的设备上都能提供优秀的浏览体验的网页设计方案 [1][2]• [3] 案例– TwitterBootstrap– Microsoft– BostonGlobe
响应式设计在手机上尤其重要• 手机屏幕较小,固定宽度不可行– 如果固定宽度太大,则需要双向滚动– 如果固定宽度太小,则不能充分利用屏幕空间• 手机屏幕尺寸多样 [1]1. Listofdisplaysbypixeldensity
1.弹性布局 flexiblelayout• 页面的body宽度是100%• 自适应布局• 使用FlexibleBox [1] 进行多栏布局– 需要固定宽度的flex设置为0– 需要自动伸展的flex设置为1
2.液态图片 fluidimage• 文字会自动根据容器宽度换行• 图片需要设定百分比宽度img {max‐width:100%;}
3.媒体查询 mediaquery• 针对不同的屏幕应用不同的样式 [1]<linkrel=“stylesheet”type=“text/css”href=“m.css”media=“screenand(max‐width:480px)”@mediascreenand(min‐width:480px){.selector{…}}
4.响应式栅格 responsivegrid• 根据屏幕宽度决定每行栅格数量以及每个栅格的宽度• 响应式栅格系统– Bootstrap– Foundation3– responsive.gs
5.响应式Javascript• 使用matchMedia [1]– matchMedia(‘screenand(min‐width:480px)’).matches– matchMedia browserfallback• matchMedia.js• 处理orientationChange事件1. CSSOMViewModule
touch事件
Touch事件鼠标事件 touch 事件mousedown touchstartmousemove touchmovemouseup touchendclick ‐1. TouchEvents
兼容鼠标事件1. SafariWebContentGuide:HandlingEvents
onclick delay• 手机上的click事件有～300ms的延迟 [1][2]• 解决方案：– 使用touchstart /touchend代替click1. RemoveonClick delayonwebkit foriPhone2. CreatingFastButtonsforMobileWebApplications
TouchEvent对象的属性• 继承自UIEvent对象• 有三个TouchList类型的关键属性– touches:屏幕上所有手指– targetTouches:当前元素上的手指– changedTouches:有变化的手指• TouchList里的每一项结构和MouseEvent类似1. MDC:TouchEvent
手势gesture• 和touch类似，gesture有guesturestart,gesturechange和gestureend事件 [2]• [1] GestureEvent对象包含rotation和scale属性• 可以使用TouchEvent中的touches属性来构造自定义的手势1. GestureEvent ClassReference2. HandlingGestureEvents
touch相关脚本库• 可以使用Javascript封装常见的tap,swipe,pinch,zoom,rotate等手势• 流行的脚本库– hammer.js– zepto.js– jQuery mobile– Sencha Touch
适应高分辨率屏幕
视网膜屏 RetinaDisplay
320x480 640x960
物理像素屏幕密度(Screendensity)指单位长度内的物理像素数量,一般用PPI(Pixelsperinch)表示1. Towards retina web
浏览器像素在CSS和Javascript中使用的像素
DevicePixelRatio为了更好的阅读，网页中1个像素在Retina屏幕上用4个物理像素显示，devicePixelRatio是2
图片显示
1.使用@2x图片• 使用图片– img {width:50%}– 背景图片 background‐size:50%• 只在Retina屏上使用@2x– 使用mediaquery– 使用工具来实现• RetinaImages 服务器端根据UA返回不同尺寸图片• retinajs 用JS自动替换为@2x的图片
2.使用CSS3代替图片• 圆角、渐变和阴影可用CSS3实现• 图标可以用SVG图片或者webfont
硬件加速
什么是硬件加速• 把一些计算量较大的图像处理工作交给专门的硬件(GPU)来处理以减轻CPU工作量的技术• 网页在渲染时分成若干个层(layer),这些layer由GPU组合(composite)1. Improving the Performance of your HTML5 App
启用硬件加速• 给需要做动画的元素添加样式‐webkit‐transform:translate3d(0,0,0)• 一 该元素在渲染时会放在 个单独的layer中• 在该元素上使用CSS动画会很流畅1. HTML5 Techniques for Optimizing Mobile Performance
例子bodypopu p p p
传统方法• 用Javascript设置一个timer,逐帧改变.popup的top和left值
硬件加速的CSS3动画.popup{‐webkit‐transition:‐webkit‐transform1sease‐in;‐webkit‐transform:translate3d(0,0,0)}.popup.moved {‐webkit‐transform:translate3d(100px,100px,0)}
对比Javascript 动画 CSS3 动画for eachframe:更新DOM更新RenderObject上传bodyLayer和popupLayer到GPUforeachframe:上传matrix到GPU 更新RenderObject更新RenderLayer上传RenderLayer到GPUGPU进行Layer合成更新界面上传matrix到GPUGPU进行Layer合成更新界面1. Understanding Webkit Rendering
Demo• FallingLeaves• 使用Chrome查看Layer
修复闪屏bug• 在webkit浏览器中启用硬件加速可能会造成屏幕闪一下的bug• 解决方案– 给需要动画的元素默认添加translate3d,避免用户看到新layer创建的过程– 给元素添加‐webkit‐backface‐visibility:hidden
Debugging
使用桌面浏览器调试• Safari– 在设置中显示开发菜单– 在开发菜单设置UserAgent为iPhone• Chrome– 在Debug工具的设置中设置UserAgent为iPhone– 还可以模拟touch事件
模拟器调试• iOS模拟器 [1]– 仅在Mac上可用– 安装Xcode和iOS SDK• Android模拟器 [2]– 安装Eclipse– 安装AndroidSDK1. Using iOS Simulator2. Android Emulator
真机中使用DebugConsole• 在iOS中开启– 设置 >Safari>高级 >DebugConsole>ON• 在Android中开启– 在地址栏输入about:debug
远程调试• iOS 6上连接Safari进行调试 [1]• ChromeforAndroid连接Chrome调试 [2]• 在低版本系统和浏览器上– weinre– AdobeEdgeInspect1. Enabling Web Inspector on iOS2. Remote Debugging
Tips
禁止用户缩放网页• 用户缩放网页后– ViewPort大小会发生变化，放大网页ViewPort会变小– 触发Resize事件• 禁止缩放 [1]– <metaname="viewport"content="user‐scalable=no,width=device‐width">1. ConfiguringtheViewport
overflow:scroll &position:fixed• 在iOS5和Android3以前,手机浏览器都不支持position:fixed和overflow:hidden• 使用Javascript组件模拟– iScoll.js– Scrollability– YUIScrollView
隐藏浏览器地址栏$(document).ready(function(){window.scrollTo(0,1);});1. QuickTip:HideMobileWebBrowserAddressBarImproved
添加到主屏幕<linkrel="apple‐touch‐icon"href="touch‐icon‐iphone.png"/><linkrel="apple‐touch‐icon"sizes="72x72"href="touch‐icon‐ipad.png"/><linkrel="apple‐touch‐icon"sizes="114x114"href="touch‐icon‐iphone4.png"/>1. HowtoaddawebsiteicontoyourHomescreen2. AddtoHomescreenJavascriptlibrary
调用native应用• 可以使用自定义协议:– mailto:zhaowenbo@360.cn打开邮件– tel:123456打开拨号程序– sms:hello– GoogleMaps的URL会自动调用Maps– myScheme://自定义协议1. AdvancedAppTricks
去除iOS链接的灰色背景• iOS上的链接及绑定了点击事件的元素触摸后出现半透明灰色背景• 如何去除:‐webkit‐tap‐highlight‐color:rgba(0,0,0,0)• 自定义点击反馈.clickable:active {background:#EEE}1. HowtoaddawebsiteicontoyourHomescreen
了解更多
1. DevelopingWebContentforSafari2. MozillaMobileDeveloperCommunity3. GoMo4. HTML5Rocks‐ Mobile
首先，我想先来说说的这次实训的主要学习内容，即 HTML 语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)，标记语言是一套标记标签 (markup tag)，HTM 使用标记标签来描述网页。HTML 推广用于 Web 平台游戏开发，及手机移动领域，从市场来看，无论是桌面应用还是移动应用，HTML 都是当下Web 技术中最炙手可热的新宠，是创新的主旋律，在不久的时间里一定会大有作为。我想这也是这次实训课的主要意义之一。因此，从我个人的角度上，我也很重视这次的实训课程的学习。
在整个实训课程的安排上，简要的可以概括为在七天的时间中，整体对 HTML语言的发展和前景有所了解，然后进行基础知识的学习，最后进行项目的设计和答辩。主要内容是第一天，总体介绍实训，HTML 语言的发展历程，说明了本次实训的任务，介绍了所用的 sublime 软件的操作和相关的插件、安装。第二天，主要学习了在 sublime 软件中的固定代码格式，主要有头文件名，网页标题，<style></style>格式，并学习了一些基础的设置的，添加颜色的代码操作。第三天，学习了浮动，添加图片的操作。第四天，学习了 JC 语言，css 内联样式的代码书写。第五天，学习了 css 外联样式的代码书写，并对所学的各种代码操作加以总结复习。第六天，学习了当当优品项目的设计和代码书写，并开始设计答辩项目。第七天，进行对自己设计的项目，进行答辩，实训结束。下面来谈谈我在这次实训中的收获和感受。
第一点，学习到了 HTML 语言的设计和代码指令自然不必再赘述，但更重要的是锻炼了思维能力，培养了设计创新的能力。在整个 HTML 学习的过程中，代
码的运用、基础知识的学习可以说只是作为技术的基础层面，而要想真正完成一个项目，更多的是需要思维能力的锻炼和项目的创新。因为如果没有这种能力，或者比较薄弱，一方面难以想出新的项目的构思，另一方面无法想出动画的翻转或者各种效果的指令代码的书写。所有的这些都贯穿于 HTML 的实训过程中。再具体的将来，就是对于所学的每个指令，并非是记忆住其书写的格式，而是需要我们加入自己对每个代码感悟和认识。怎样的情况下去应用，如何用，使用时的技巧，这些都是重要的对于自己能力的锻炼。另外，结合于其中的，还有对于独立思考的能力的培养。这一点是显而易见的。无论是对于一个新的项目的编写，还是对于学习每一条单独的指令，老师和同学所能帮助的是引导和解决难题的作用，而要想真正做到自己学会指令，则离不开独立思考，独立学习的过程和环节。
第二点，通过这次实训，使得自己对 IT 行业有了进一步的了解。在实训的过程中，老师也对 IT 行业和相关的就业前景进行了诸多叙述，对于自己和同学们有很大的帮助。HTML 在网页开发上，赋予网页更好的意义和结构， HTML 手机应用的最大优势就是可以在网页上直接调试和修改。因此在 HTML 中的新的标签，将有助于开发人员定义重要的内容，可以给站点带来更多的多媒体元素(视频和音频)，可以很好的替代 FLASH 和 Silverlight 并且当涉及到网站的抓取和索引的时候，对于 SEO 很友好。对于这些优势性的，几乎也都有相关的工作岗位。由此可见在未来的一段时间里，伴随着互联网的不断普及和优化，HTML 的前端开发的相关岗位也必将是很火热的。这也是这次实训的另一意义所在，他对于就业是很有帮助的。
第三点，实训课将理论与实践相结合，从直观和整体上带来了很好的效果。在大学本科的学习过程中，C 语言的学习可以说是不可或缺的、必不可少的。但
是就我个人而言，在学习 C 语言时，只是为了学习其语法结构而学习语言，只是在应试的层面上对其理解，记忆，编程。但是这次的 HTML 的实训课却完全是不同的。最根本之处就是通过在 sublime 的编写的代码可以在浏览器中直接以直观的音频、视频的形势表现出来，给人最直观的感受。这对于激发学习兴趣，激发探索学习的精神是很有形影响的。例如在学习轮播项目时，就是将事先准备好的素材，包括音频和图片，放到网页中，让其开始的时候以十张图片循环旋转的形势展现，当鼠标停留时，停留在那张图片上会有视频播放。这就是轮播效果，但是在代码编写的过程中国，还是要比只管看起来有所繁琐的。它主要涉及到图片的插入，视频的插入的代码书写，轮播动作的大代码的书写，调整轮播效果，调整视频、图像的位置格式等问题。尽管如此，在书写完所有指令之后，再对整体项目进项调试的时候，某个参数的设置都会影响不同的展现效果。对于理想效果的追求，激励着不断调试程序，不断尝试。这就是 HTML 语言的激励作用所在。
第四点，这次实训加强了自己的团队合作的意识、团结协作的能力。这一点上我是感受很深的。在最后两天的项目设计上，要求以四个人为一个小组进行项目设计，从素材，动画效果，讲解展示都会给出评分。并且是要求在一天内完成项目设计，第二天进行项目答辩。诚实的将在刚刚听到任务时感觉是不可能的，冷静思考之后，运用到这几天所学的指令进行一个简单的项目设计还是可以的，但是，时间紧任务重，技术有限。因此，在四个人一组的小组中，大家开始分工合作，各自负责不同的任务部分。代码编写与调试，素材的收集与整理，每个人的工作都进行细化，再细化，定时保量的去完成。这样的结果是，的确提高了工作的效率。原本制定的要到第二天早晨才能完成的工作，在课程设计的第一天就完成了。我想这就展示出了合作的重要性。如果所有的任务都去一个人完成，那
么在这么短的时间内，又要保证一定质量的完成任务，绝对是不可能的。
此外，有合作，就难免有分歧。这次的实训课的项目设计环节也绝对是对我个人沟通、交流能力的锻炼。一开始，在确定项目的设计上，就出现了两种不同的观点。一种，整体画面分为两部分，上方一个轮播，下方三张静态效果展示，另一种方案是将老师给的模板进行简单改造，力求按时完成任务。这两种方案都是具有可行性的，而且有都有各自的有点和缺点。很明显第一种方案，可以很好地给观众以视觉呈现，但是在技术上要难于第二种方案；而第二种方案则一定能够保证在要求的时间里完成任务，但是很明显的是在视觉效果上并不好。为此，对于这两种方案大家进行了充分的讨论，最终决定对第一种方案进行改造，力求优势互补，效果最佳。在这其中的是小组成员的各自的出谋划策，也必须需要相互的表达、沟通和交流。我想这一点不仅仅在这次的实训课中被展示出来，也一定会在今后的生活和学习交流中充分展现。沟通能力强的人，是有利于获得别人的帮助的，也是有利于工作展开的。
最后，简要的对这次实训加以总结。这次的实训课程，让我了解到了 HTML语言的发展历史和前景；在技能培训上为自己毕业后就业提供了一个很好的方向。通过这次培训，锻炼了自己的独立思考，和实践操作的能力，让自己所学习的相关理论在实践中得以应用；加强了自己的合作能力和沟通交流的能力，培养了自己的创新意识，收获很大。
实训总结万能版 2000 字篇一一、实训基本情况 (一)实训时间：
(二)实训单位：光华机床有限责任公司 (三)实训目的：
1、通过对企业会计模拟实训，这样可以系统地掌握企业会计核算的全过程，从而加强我们对学会计理论和知识的理解与认识，完成从理论到实践的认知过 2、实训的内容涵盖了会计操作的全部基本技能——从建账、填制和审核原始凭证、记账凭证到登记账簿;从日常会计核算、成本计算到编制会计报告、年终结账 3、全部实训突出综合性、完整性、超前性、和系统性。以一个模拟企业的特定会计期间为范围，将经济业务的来龙去脉与企业的生产经营有机地结合起来，将企业经济业务发生的前瞻性与市场经济的变化相配套，开阔视野，增进我们对社会、企业的了解和认识，为即将进入社会的我们从事财会工作打下很好的基础。
(四)实训完成情况：
通过老师的指导，以光华机床有限责任公司为实训企业，经过一个月的实训，我基本上可以灵活的把所学的会计知识运用到会计
实训当中。能够熟练的对会计核算的各步骤进行系统操作实验，包括账薄建立和月初余额的填制、原始凭证、记账凭证的审核和填制，各种账薄的登记、对账、结账、编制报表等。能够按计划完成指定工作。
(五)实训形式：手工会计 二、实训过程及内容：
1、建账。根据资料的期初余额建账 2、审核填制记账凭证。
基本要求有：记帐凭证各项内容必须完整，记帐凭证应该连续编号，记帐凭证的书写应清楚、规范，记帐凭证可以根据每一张原始凭证填制，除结帐和更正错误的记帐凭证可以不附原始凭证外，其他记帐凭证必须附有原始凭证，填制记帐凭证时若发生错误，应该重新填制，记帐凭证填制完经济业务事项后，如有空行应当自金额栏最后一笔金额数字下的空行处至合计数上的空行处划线注销。
3、登明细帐。其中具体包括：三栏式明细帐、数量金额式、多栏式。
4、运用“T”形账户编制科目会总表。这是为登总账所做的准备，它能反应这期间业务发生进有哪几个会计科目，并且能清楚的看到其借贷所发生的余额以及最后余额。
5 利用科目汇总表登记总帐，按照科目汇总表中各科目依次登
帐。
6，期末结账。
7、编制资产负债表、利润表的编制、现金流量表等 三、实训总结、体会及建议 (一)总结和体会 1、在会计实训的一个月的学习中，让我对其有了更深的认识和见解。
为期一个月的模拟实训结束了，通过本次实训，让我对会计整个流程的操作有了较好的认识，我学会了会计中各个环节的操作，以及更加懂得了细心、谨慎和责任对于一个会计来说是那么的重要。在这些会计模拟实训中，对于在课堂上老师讲授的通过这一次实训让我们系统地进行了一番实践。通过这次的模拟实验使我加强了对基础会计各方面知识的记忆也让我发现了自己在哪些方面的不足，发现问题及时补救是这一次实训一大收获。
在实验我学习到了许多在书本上不能学到的知识。这次是通过自己对企业发生的业务审核并亲自填写记账凭证，登记明细账、编制科目汇总表、登总账等一系统的操作。在实训的过程中遇到问题除了问老师自己也意识到只有把书本上学到的会计理论知识应用于实际的会计实务操作中去，才能够真正掌握这门知识，我想这也是这次实训的真正目的吧。
2、在这一次的实训中我除了对会计工作有了进一步的认识，在取得实效的同时在实习过程中发现了自身的一些不足。比如自己不够细心，经常抄错数字或借贷写反，导致核算结果出错，引起不必要的麻烦;在编制分录方面还不够熟练，今后还得加强练习，熟悉课本知识。总而言之，这次的会计实训让我学到了许多在课堂上所学不到的经验，在实践中巩固了知识，也为我们以后走向社会奠定了坚实的基础。
还有，基础的知识非常的重要，其实这一次实训我清楚的了解到自己还有很多基础知识不牢固特别是一些计算问题，基础、中级财务会计的知识模糊不清楚。在实际操作的过程中，在发现有很多问题自己不知如何下手，没有办法解决问题。只有通过学习和实训功过了，在课堂上认真的学习理论知识，在实践的过程中把学到的理论知识应用到实践中，才能够更好更快地解决问题。
3、在记帐过程中，由于种种原因遇到了很多问题，但是通过对症下药，采用错帐更正方法，一般有划线更正法、补充登记法、红字更正法三种，而不是填补、挖改。这是我在作帐时要注意的一点。在实训中我也学会了原始凭证与证帐凭证、各明细帐与总帐核对等。这是非常繁琐，也是非常重要的，否则会功亏一篑，徒劳无功。在实训中最能体会的是累、烦!不过最终我还是坚持下来了，我为自己感到骄傲，我想这也是我负责、用心表现吧!Yjbys
(二)建议 不过作为一名即将走进社会的学生，能够很好的掌握书本上的知识并且灵活运用是非常实在和重要的，但是作为今后的一位会计人员职业道德也必须培养诚信，一个人如果没有良好的诚信品德，就不可能有坚定的的信念。
因此要想做一个好的会计员，要想做一个对国家有用的人，就一定要以诚信为本。证据，在现在的法制社会，无论做什么都要讲究证据，我们都知道作为会计人员在进行填制记账凭证和登记账簿时，都以证据进行操作，没有合法的凭证做依据来证明业务是否发生，则不可以进行账务处理。
所以在会计中，讲证据是最重要的。敬业精神，经过两年多的学习我们都知道会计行业中更需要敬业精神，我们整天与数字打交道如果不敬业、不谨慎的对待工作，那将产生很大的损失。所以敬业不仅是对企业负责更是使对自己的负责。要学会不做假账，这是作为一个会计人员最起码的道德准则，也是一个会计人员最难遵守的原则。
其中的矛盾实在难说，作为新一代会计人员，就应该坚守这一基本会计准则，为国家做出自己的一点牺牲，奉献自己的一点力量。做为一名会计人员必然要与金钱打交道，每天要接触许多钱，这就要我们每一位会计人员做到无私。是自己应该拿的工资或奖金
就一分不少的拿到，不是自己的钱即使是一分也不拿，要做到严以律己、谨慎对事的良好的职业道德。
灵活要求我们做会计的应该学会善于交际，与领导之间、与同事之间、与同行之间以及与业务往来客户打好人际关系，在不违背做人原则和会计原则、法规的基础上处理好人际关系，这对我们的工作有很好的帮助。
实训总结万能版 2000 字篇二一、实训目的：
通过这次人力资源管理模拟实训，让我们掌握职务说明书格式、编制应聘登记表、制定招聘程序、编写招聘广告、编制面试评估表、制定招聘计划书等人力资源管理的一些相关理论知识，弄清楚其中的关系连接。让我们了解人力资源管理环境，人力资源管理主要包括企业人力资源规划的制定、员工的招募与选拔、培训与开发、绩效管理、薪酬管理、员工流动管理等，也就是企业运用现代管理办法，对人力资源的获取、开发、保持和利用等方面进行的计划、组织、指挥、控制和协调等一系列，最终达到实现企业发展目标的一种管理。
二、实训时间：
20xx 年 x 月 x 日—20xx 年 x 月 x 日 三、实训地点：
xx 公司
四、前期准备：
1、全班同学自由分组，最终以 x 人为一小组 2、各小组做好实训前的相关资料准备工作，如撰写好职务说明书、编制应聘登记表、制定招聘程序、编写招聘广告、编制面试评估表、制定招聘计划书等资料 3、老师点评各小组准备的资料，然后进行相应修改 五、实训内容：
我小组拟定的公司名称为 xxxx 公司，我公司是一家致力于xxxxx 的公司，拥有资深专业的 xxx 人员五十多人。根据职务说明书拟定招聘综合服务中心主任一名，其工作性质是服务、协调、落实，学历要求本科、大专且从事相关工作 x 年以上，个人能力要求形象气质佳、具有很强的亲和力、学习能力、表达能力，工作认真，责任心强、组织能力、沟通能力、本职工作的计划与执行能力。x日x时在xx全班同学在xx老师的带领下进行了一场现场模拟招聘活动。此次模拟招聘分两轮进行，首先是一对一，然后是多对一。首先面试组的同学进入坐席，接着应聘组同学入场双方进行招聘甄选活动，这一轮进行的是一对一的面试及一个面试者对一个应聘者，然后双方交换，由应聘者担当面试者，面试者担当应聘者双方进行招聘甄选;第二轮招聘甄选是多对一的形式及多个面试者对一个应聘者，其他的跟上一轮相同。经过几个小时的招聘甄选，大
家对招聘甄选有了一定的认识并且也现场体验了一次。在整个模拟招聘活动中，面试者准备好求职登记表在应聘者填写好后进行回收、整理、分类，然后进入下一轮的帅选、复试，直到最后企事业单位招聘到合适的人才为止。
六、心得体会：
经过一段时间的前期准备及现场模拟招聘使我对人力资源中的人员招聘与选拔又有了更深入的了解。在这个过程中有老师的指导、小组成员的相互配合协作，在老师的指导下面对不足大家积极改正、勇于尝试，这也是我们理论与实际相结合的一个良好典范，也充分体现出人力资源管理的实践性，值得我们动手、动脑去大胆实践。在模拟招聘结束后，刘老师进行了点评首先她充分肯定我们工商班同学的活跃性是非常高的，其次就是对整个模拟招聘活动进行点评由于环境限制只能将大家分成两轮进行现场招聘甄选，然后就是为了让同学们体会一下这个全过程，在招聘之前一定要掌握整个招聘程序。
为期xx天的人力资源管理实训到此也就结束了，在前期很长时间的准备过程中尽管大家做的尽善尽美，但在后期的实际操作过程中仍然出现了一些问题，比如：准备的登记表不够、简历不够完整等等，体现出大家在细节方面还不够注重，预期与实际还是存在一定的差距的。虽然是一次模拟招聘但是大家都很认真，尽肯能的按
照规范的去做。在这次活动中我体会到自身专业知识的不足以及怎样把自己所学的知识运用到实践中去检验并提升自己，另外也感受到扬长避短也是成功的一个捷径。
实训总结万能版 2000 字篇三一、实训目的 1.了解常见的焊接方法，所用的设备、材料、工艺及应用实例。
2.了解常见的焊接缺陷和焊接变形。
3.了解电焊的基本原理，焊接过程，金属焊接的条件及电焊应用。
4.了解电焊的安全技术。
5.初步掌握电焊的应用范围。
上周我们进行了钳工实训课，总的来说受益匪浅。
刚开始我的心情是充满了疑问，不解的是，我们学计算机的，怎么会干钳工这样的活呢!但现在想一想，学了不少的课外知识，有些东西能让我终身受益。这是多么可贵的呀! 从安全教育，动作要领和工具的使用到拿起锉刀的实际操作，这无疑是一个理论与实际的过渡。有些东西是要自己去摸索的，有些东西是要从理论中去发现用于实际。从开始的打磨平面，就让我学到了要想做好一件事并不是那么的简单，要用实际去证实它。眼见的不一定真实(平面看上去很平，但经过测光就能发现它的不足);
这让我想到了学校为什么要我们来这里实习，是要我们懂得学习的可贵，学习和打磨平面一样要有一丝不苟的精神才能做到，同时还要让我们认识到动手的重要性。只是一味的学习理论，那也是远远不够的，没有实际的体验，发现不了自己的动手能力，这都需要理论与实际相结合。更需要头脑和双手的配合。
从平面打磨到划线、打点;从修整形状到钻孔;从铰孔到攻螺纹，每一步让我学到的东西是别人拿不走的。
从这里我知道了，什么是钳工，知道了钳工的方要内容是为划线、錾削、锉削、研磨、钻孔、扩孔、铰孔、攻螺纹等等。了解了锉刀的构造;分类、选用、锉削姿势、锉削方法和质量的检测。
钳工实习锻炼了我们，提高了我们的整体综合素质，使我们不但对钳工实习的重要意义有了深刻的认识，而且提高了我们的实践动手能力，使我们更好的将理论与实际相结合。巩固了我们所学的知识，同时让我们学到了老师的敬业精神。老师不厌其烦的给我们查找操作中的错误。我们还发扬了团结互助的精神，促进了同学们之间的友谊。
在实习过程中我们取得了劳力成果---精美的螺母。看着这精美的工件竟然是我亲手磨制而成的，这种自豪感、成就感是难以用语言表达的。没有想到当初那么大的东西现在变成了一个精美的工件是一下一下磨出来的，这也是就人们说的“只要功夫深，铁杵也
能磨成针”吧! 这一周的实习是短暂和辛苦的，但是我学到的东西是保贵的，让我体会到了做一个工人的辛苦与快乐，同时也巩固了自己的知识，这一切都给我留下了美好的回忆。
实训总结万能版 2000 字篇四姓名：
学校：
实训时间：
实训地点：
指导教师：
一、实训目的 电工实习是职业教育中的重要实践教学环节。它对学生掌握基本的理论知识，运用基本知识，训练基本技能，增强实践能力，对达到职业教育培养目标的要求有着十分重要的意义和作用。而对于我们即将毕业的学生来说，实习的意义更加重大。它是我们从学校走向社会工作岗位的一个纽带和桥梁，是我们由学生角色向工人角色转换的训练和检验。在将来的就业中，动手能力，实践经验等等都是很重要的。使学生对电气元件及电工技术有一定的感性和理性认识，对电工技术等方面的专业知识做进一步的理解。同时，通过实习得实际生产知识和安装技能，掌握继电器控制线路及其元件的工作原理，电工技术知识及掌握电子线路的基本原理、基本方法。
掌握通过电路图安装与调试技术。通过具体的电路图，初步掌握简单电路元件装配、初步的焊接技术及对故障的诊断和排除。培养学生理论联系实际的能力，提高分析问题和解决问题的能力，增强独立工作能力，培养学生团结合作，共同探讨，共同前进。
二、实训内容 1、电工工具的认识和使用 (1)目的要求 a.熟悉电工工具的使用; b.掌握简单照明线...
专业实训报告
学生姓名:
* * *
学 学
号:
20130340000
专 专
业：
电子信息科学与技术
班 班
级：
13 级电科本 1 班
指导教师：
*
*
*
2016 年 9 月 15 日
物理与电子工程学院
专业实训报告 1
专业 实训报告
实训单位：物理与电子工程学院 地
点：实验楼信号与系统实验室 实训时间：2016.9.5—2016.9.11 指导教师：* * * 1、实训目的及要求：（根据指导教师在教学过程中给出的具体要求填写）
通过本次实训，旨在以实际参与，了解新兴的 HTML5 语言的发展历程，
了解这一新技术在 IT 行业中的应用范围。在进行对 H5 语言进行初步了解
后，通过实训课程的安排，学习基础的 H5 语言的指令代码，运用所学习的
指令代码进行更深入的效果设计，如定位、浮动、3D 动画设计、轮播图等
初级的 H5 设计，最后通过运用所有学习的指令操作完成总体的项目设计，
对 H5 语言有比较全面的了解和具备应用能力。要求实训期间认真学习 H5 的
各种指令操作，认真完成作业并书写日报，不得迟到、早退、旷课。
2、实训的流程及内容（包括前期准备及实训过程）
实训开始前，由承担实训的主要负责人和实训老师，蓝鸥公司老师杨成龙对这次实训做了总体概述，并说明了本次实训所需要的 sublime 软件、谷歌浏览器；展示了预期需要完成的设计效果，并说明了实训期间的各项要求。
实训的具体流程为：第一天，总体介绍实训，H5 语言的发展历程，说明了本次实训的任务，介绍了所用的 sublime 软件的操作和相关的插件、安装。第二天，主要学习了在 sublime 软件中的固定代码格式，主要有头文件名，网页标题，<style></style>格式，并学习了一些基础的设置的，添加颜色的代码操作。第三天，学习了浮动，添加图片的操作。第四天，学习了 JC 语言，css 内联样式的代码书写。第五天，学习了 css 外联样式的代码书写，并学习 3D 动画的代码书写，学习了轮播动画的设计，并对所学的各种代码操作加以总结复习。第六天，学习了当当优品项目的设计和代码书写，并开始设计答辩项目。第七天，进行对自己设计的项目，进行答辩，实训结束。
物理与电子工程学院
专业实训报告 2 3、实训过程中的相关问题与解决方法（如实填写）
在本次实训中，主要的问题集中在对 JC 语言的学习和对 CSS 内联、外联样式的学习和理解上。
由于 JC 语言是一种偏向于脚本语言的代码书写，与 C 语言有相似之处但是又有不同之处，这就使得在理解过程需要花费精力去想明白其原理，有些较难的原理、想不明白的原理就及时和老师、同学进行沟通和交流，力争在最短时间里解决问题，不留下遗留问题。
除此之外，CSS 外联的学习是一个重点，也是一个很大的难点。CSS 外联是指在书写主程序代码时，某一些指令需要单独使用 JC 语言生成脚本代码，然后再在主程序中调用。出现的问题主要表现在一是对 JC 语言本身学习的不是很充分，再加上涉及到两个项目间的调用，使得经常出现代码错误，且难以自行察觉。解决这些问题的主要方法就是，首相寻求同组人的帮助，检查错误，尤其是首先解决基础性的错误，如果仍然无法解决，则需要向老师寻求帮助。
在 CSS 内联的学习上，出现的问题大体上与外联的问题相同。所谓 css内联，就是在主程序内部书写的某种功能性代码，并对其加以调用。出现的问题不是很多，但是存在。
最后，最主要的问题集中在学习 3D 动画的过程中。在这一模块的学习时，主要涉及到首先要想明白所设计的动画效果是什么。由于涉及到 3 维空间，也就是涉及到绕着那个轴旋转的问题，稍有代码错误，或者旋转轴出错都不能达到预期效果。问题主要表现为，对代码指令的不熟悉导致动画错误，对要设计的动画效果不清晰导致代码使用错误，基本的动画设计与代码指令衔接不同步导致动画出现的效果不是预期效果等问题。一般出现这些问题时，由于涉及到需要有专业知识才能解决，基本上都是向老师寻求帮助，根据老师的讲解先自行更改，仍有错误的，则让老师帮助修改代码主程序，并找到原因。
物理与电子工程学院
专业实训报告 3 4、实训总结（包括心得体会与后期学习计划）
为期七天的实训课，不经意间就结束了，虽然只是短短的七天实训，但是却
收获很多，学习到的关于 HTML5 语言的知识也比较多。
首先，我想先来说说的这次实训的主要学习内容，即 HTML5 语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)，标记语言是一套标记标签 (markup tag)，HTML 使用标记标签来描述网页。HTML5 区别于 HTML 的标准，基于全新的规则手册，提供了一些新的元素和属性，在 web 技术发展的过程中成为新的里程碑。HTML5 被推广用于 Web 平台游戏开发，及手机移动领域，从市场来看，无论是桌面应用还是移动应用，HTML5 都是当下 Web 技术中最炙手可热的新宠，是创新的主旋律，在不久的时间里一定会大有作为。我想这也是这次实训课的主要意义之一。因此，从我个人的角度上，我也很重视这次的实训课程的学习。
在整个实训课程的安排上，简要的可以概括为在七天的时间中，整体对 H5语言的发展和前景有所了解，然后进行基础知识的学习，最后进行项目的设计和答辩。主要内容是第一天，总体介绍实训，H5 语言的发展历程，说明了本次实训的任务，介绍了所用的 sublime 软件的操作和相关的插件、安装。第二天，主要学习了在 sublime 软件中的固定代码格式，主要有头文件名，网页标题，<style></style>格式，并学习了一些基础的设置的，添加颜色的代码操作。第三天，学习了浮动，添加图片的操作。第四天，学习了 JC 语言，css 内联样式的代码书写。第五天，学习了 css 外联样式的代码书写，并学习 3D 动画的代码书写，学习了轮播动画的设计，并对所学的各种代码操作加以总结复习。第六天，学习了当当优品项目的设计和代码书写，并开始设计答辩项目。第七天，进行对自己设计的项目，进行答辩，实训结束。下面来谈谈我在这次实训中的收获和感受。
第一点，学习到了 HTML5 语言的设计和代码指令自然不必再赘述，但更重要的是锻炼了思维能力，培养了设计创新的能力。在整个 H5 学习的过程中，代码的运用、基础知识的学习可以说只是作为技术的基础层面，而要想真正完成一个项目，更多的是需要思维能力的锻炼和项目的创新。就学习代码而言，3D 动画的学习，就十分需要空间想象力和思维能力，不怕这种能力的不足，怕的是不去学习，不去培养。因为如果没有这种能力，或者比较薄弱，一方面难以想出新的项目的构思，另一方面无法想出动画的翻转或者各种效果的指令代码的书写。所有的这些都贯穿于 H5 的实训过程中。再具体的将来，就是对于所学的每个指
物理与电子工程学院
专业实训报告 4 令，并非是记忆住其书写的格式，而是需要我们加入自己对每个代码感悟和认识。怎样的情况下去应用，如何用，使用时的技巧，这些都是重要的对于自己能力的锻炼。另外，结合于其中的，还有对于独立思考的能力的培养。这一点是显而易见的。无论是对于一个新的项目的编写，还是对于学习每一条单独的指令，老师和同学所能帮助的是引导和解决难题的作用，而要想真正做到自己学会指令，则离不开独立思考，独立学习的过程和环节。
第二点，通过这次实训，使得自己对 IT 行业有了进一步的了解。在实训的过程中，老师也对 IT 行业和相关的就业前景进行了诸多叙述，对于自己和同学们有很大的帮助。HTML5 在网页开发上，赋予网页更好的意义和结构，HTML5手机应用的最大优势就是可以在网页上直接调试和修改。因此在 HTML5 中的新的标签，将有助于开发人员定义重要的内容，可以给站点带来更多的多媒体元素(视频和音频)，可以很好的替代 FLASH 和 Silverlight 并且当涉及到网站的抓取和索引的时候，对于 SEO 很友好。对于这些优势性的，几乎也都有相关的工作岗位。由此可见在未来的一段时间里，伴随着互联网的不断普及和优化，H5 的前端开发的相关岗位也必将是很火热的。这也是这次实训的另一意义所在，他对于就业是很有帮助的。
第三点，实训课将理论与实践相结合，从直观和整体上带来了很好的效果。在大学本科的学习过程中，C 语言的学习可以说是不可或缺的、必不可少的。但是就我个人而言，在学习 C 语言时，只是为了学习其语法结构而学习语言，只是在应试的层面上对其理解，记忆，编程。但是这次的 HTML5 的实训课却完全是不同的。最根本之处就是通过在 sublime 的编写的代码可以在浏览器中直接以直观的音频、视频的形势表现出来，给人最直观的感受。这对于激发学习兴趣，激发探索学习的精神是很有形影响的。例如在学习轮播项目时，就是将事先准备好的素材，包括音频和图片，放到网页中，让其开始的时候以十张图片循环旋转的形势展现，当鼠标停留时，停留在那张图片上会有视频播放。这就是轮播效果，但是在代码编写的过程中国，还是要比只管看起来有所繁琐的。它主要涉及到图片的插入，视频的插入的代码书写，轮播动作的大代码的书写，调整轮播效果，调整视频、图像的位置格式等问题。尽管如此，在书写完所有指令之后，再对整体项目进项调试的时候，某个参数的设置都会影响不同的展现效果。对于理想效果的追求，激励着不断调试程序，不断尝试。这就是 H5 语言的激励作用所在。
第四点，这次实训加强了自己的团队合作的意识、团结协作的能力。这一点
物理与电子工程学院
专业实训报告 5 上我是感受很深的。在最后两天的项目设计上，要求以四个人为一个小组进行项目设计，从素材，动画效果，讲解展示都会给出评分。并且是要求在一天内完成项目设计，第二天进行项目答辩。诚实的将在刚刚听到任务时感觉是不可能的，冷静思考之后，运用到这几天所学的指令进行一个简单的项目设计还是可以的，但是，时间紧任务重，技术有限。因此，在四个人一组的小组中，大家开始分工合作，各自负责不同的任务部分。代码编写与调试，素材的收集与整理，每个人的工作都进行细化，再细化，定时保量的去完成。这样的结果是，的确提高了工作的效率。原本制定的要到第二天早晨才能完成的工作，在课程设计的第一天就完成了。我想这就展示出了合作的重要性。如果所有的任务都去一个人完成，那么在这么短的时间内，又要保证一定质量的完成任务，绝对是不可能的。
此外，有合作，就难免有分歧。这次的实训课的项目设计环节也绝对是对我个人沟通、交流能力的锻炼。一开始，在确定项目的设计上，就出现了两种不同的观点。一种，整体画面分为两部分，上方一个轮播，下方三张静态效果展示，另一种方案是将老师给的模板进行简单改造，力求按时完成任务。这两种方案都是具有可行性的，而且有都有各自的有点和缺点。很明显第一种方案，可以很好地给观众以视觉呈现，但是在技术上要难于第二种方案；而第二种方案则一定能够保证在要求的时间里完成任务，但是很明显的是在视觉效果上并不好。为此，对于这两种方案大家进行了充分的讨论，最终决定对第一种方案进行改造，力求优势互补，效果最佳。在这其中的是小组成员的各自的出谋划策，也必须需要相互的表达、沟通和交流。我想这一点不仅仅在这次的实训课中被展示出来，也一定会在今后的生活和学习交流中充分展现。沟通能力强的人，是有利于获得别人的帮助的，也是有利于工作展开的。
最后，简要的对这次实训加以总结。这次的实训课程，让我了解到了 HTML语言的发展历史和前景；在技能培训上为自己毕业后就业提供了一个很好的方向。通过这次培训，锻炼了自己的独立思考，和实践操作的能力，让自己所学习的相关理论在实践中得以应用；加强了自己的合作能力和沟通交流的能力，培养了自己的创新意识，收获很大。
关于 html 实训心得体会
HTML 是超文本标记语言，标准通用标记语言下的一个应用。小编收集了关于 html 实训心得体会，欢迎阅读。
关于 html 实训心得体会【一】
风尘仆仆的来到了大连，来参加汇博组织的 HTML5 培训，从 HTML5 基础讲起，起初并不以为然，想这 HTML 这个平常上课也经常接触到的东西，但是听完第一堂课后，后面的兴趣越来越浓厚，尤其是讲到 HTML5 的新特性时候，讲到 canvas 画布时候，突然感觉 HTML 的功能远远超出了我的想象，超出了我的预期，当自己做完第一个实例的时候，就想以后一定要把这个充满未来潜力的东西传到学校，学生一定会感兴趣。当老师简单讲完 CSS 和 JS 时候，然后将 HTML5+CSS+JS 结合起来的时候，就感觉这是个强大无比的组合，不次于使用 C#在 VS 平台上实现的功能。尤其是其在游戏和动画上的效果，使得页面可以轻松抛弃 Flash 的枷锁也同样能够实现强大的动画效果。
最后一天 Intel 的老师讲到如何将 HTML5 的 APP 上传到不同平台的应用商店时候，这时候就更感到自己学到的东西有意义了。不像以前单纯教学，为了完成教学任务而教学，通过应用的上传，可以更加鼓励学生的积极性，激发他们的学习动力，嗯，不错的思路，把这个思路用在教学上，一定能有所收获，学生一定能感兴趣。
这次培训对于自己在今后教学过程中提出了一个新的思路，我们的教学可以找到学生的兴趣点，像欧美国家教育环境那样能够激发出学生自身的兴趣，而这个激发就需要我们老师和企业共同想办法能为学生由被动学习变为主动激发资深兴趣去学习。这才是最重要的，才能培养出高质量人才。总之，感谢 Intel，感谢微软，感谢汇博给我们提供了这次培训，期待下次培训。
关于 html 实训心得体会【二】
HTML5 在网页开发上，赋予网页更好的意义和结构，更加丰富的标签将随着对RDFa 的，微数据与微格式等方面的支持，构建对程序、对用户都更 有价值的数据驱动的 Web。北京恒泰博远软件开发公司对 HTML5 的解释是，为开发者提供了一个跨平台的移动apps 开发方案，并且该方案具有很好的扩展 性和灵活性。
由目前 it 行业使用 html5 开发 app 来看，如今国内使用html5开发app应用技术尚有欠缺，因为在手机开发app上，html5 应用只有两种方法，要不就是全使用 HTML5 的语法，要不就是仅使用 JavaScript 引擎。
JavaScript 引擎的构建方法让制作手机网页游戏成为可能。由于界面层很复杂，已预订了一个 UI 工具包去使用。
纯 HTML5 手机应用运行缓慢并错漏百出，但优化后的效果会好转。尽管不是很多人愿意去做这样的优化，但依然
可以去尝试。
HTML5 手机应用的最大优势就是可以在网页上直接调试和修改。原生应用的开发人员可能需要花费非常大的力气才能达到 HTML5 的效果，不断地重复编码、调试和运行，这是首先得解决的一个问题。
即使这样，我们还是很看好 html5 app 开发，原因有一下几点。
一、是基于 html5 强大的兼容性，因为 HTML5 提供了前所未有的数据与应用接入开放接口，使外部应用可以直接与浏览器内部的数据直接相连， 例如视频影音可直接与microphones 及摄像头相联，就因为这种强大的兼容性，使得在当下开发界是如此的火，同样也是因为这强大的兼容性，使得手机 应用软件，app 更适合，也更方便。所以更适合手机 app 软件开发，正好补充了手机小巧的不足。
二、html5 app 开发支持的手机系统有 android、ios。
三、html5 其突出的特点就是强化了 web 页的表现性,追加了本地数据库，可以用作离线应用的开发，离线应用就是把需要的资源先缓存到本地，下次再查看时无需联网。
四、html5 app 开发，能提供更快、更简便的服务，代码可高度重用，服务发布方便。
五、动画、游戏动态效果，地理定位等很多 app 应用正在崛起，而 html5 技术的强大优势就是这种让我们惊叹的
效果。而未来采用 html5 开发 app 的，将会大量减少代码量，应用软件也会得到更高的用户体验，更好的视觉效果。
关于 html 实训心得体会【三】
今天只是想要跟大家分享一下学习心得，在选择 html5 培训之前，我逃避过、犹豫过、迷茫过，站在人生的十字路口，不知道该何去何从，但从加入培训班的那刻起，就把心中的疑问打消了，看到大家倾吐自己的心声，我开始认识到每个人都渴望成功，更希望能够战胜自己眼中失败的自己，所以选择来这里参加培训，都想要改变自己，实现自己更多未实现的梦想，所以我同大家一样，更坚信可以坚持下去。
先来了解一下我的心得体会吧，html5 在网页开发上，赋予网页更好的意义和结构，更加丰富的标签随着 RDFa 的微数据与微格式等方式的支持，构建对程序、对用户都更有价值的数据驱动的 web。html5 手机应用的最大优势就是可以在网页上直接调试和修改，原生应用的开发人员可能需要花费非常大的力气才可以达到 html5 的效果，需要不断进行重复编码、调试和运行，这是首要解决的问题。
在培训过后，让我认识最深的就是为什么 html5 app开发这么受欢迎?
1.是基于 html5 强大的兼容性，因为 HTML5 提供了前所未有的数据与应用接入开放接口，使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与
microphones 及摄像头相联，就因为这种强大的兼容性，使得在当下开发界是如此的火，同样也是因为这强大的兼容性，使得手机应用软件，app 更适合，也更方便。所以更适合手机 app 软件开发，正好补充了手机小巧的不足。
app 开发支持的手机系统有 android、ios。
其突出的特点就是强化了 web 页的表现性,追加了本地数据库，可以用作离线应用的开发，离线应用就是把需要的资源先缓存到本地，下次再查看时无需联网。
app 开发，能提供更快、更简便的服务，代码可高度重用，服务发布方便。
5.动画、游戏动态效果，地理定位等很多 app 应用正在崛起，而 html5 技术的强大优势就是这种让我们惊叹的效果。而未来采用 html5 开发 app 的，将会大量减少代码量，应用软件也会得到更高的用户体验，更好的视觉效果。
关于 html 实训心得体会【四】
学习 H5 我们不需要过度的关注细节，五柳先生的“不求甚解”的态度就很好，遇到能想起来，用到明白来源，不用作为扩展知识。
其次，H5 的设计起点就是从实用出发的，也就是说很多特性都是怎么方便就怎么来。所以我们可以关注我们感兴趣的技术，但是开发的时候还是不要特意的使用 H5，能用到而且兼容性也不错就用，用不到也不要“画蛇添足”，比如163 邮箱就有用到 nav 标签等，但是如果自己不是很精通 H5
或者是没必要重构就不要去把一些东西改为 H5 的，比如编写 JS 的时候特意的用 WebWorker，这就很不好!除非我们很明确的知道，这就是针对移动端这种基本上全面支持 H5 的Browser 设计开发的功能。
最后，H5 技术不复杂，它从来都不是什么新技术，只是 HTML 的延续，我认为的 H5 包括如下三点:
(1)改进及增强的 HTML 属性，新页面可以尝试使用。
(2)增强了的 JS 交互接口:WebWorker、WebStorage、Web DB、Offline Application、Geolocation、Canvas，可以说 H5 和 JS 相互增强更上一层，但是还是要小心使用!
(3)CSS3:改进增强 CSS 功能，让页面效果更绚丽，开发更简单，尤其是“移动先行”的现代互联网网页设计理念能让“响应式设计”越来越简单、流行，甚至出现了很多框架，比如 bootstrap。
学习方法:
学习 HTML 这类的标记语言，我们需要从四个方面入手:
(1)语法:即怎样的书写格式是 Browser 接受和支持的，HTML 技术的语法很简单，只要注意大小写在 HTML、XHTML、H5 中的一些细节不同就可以了。
(2)元素:也就是标签，这个就靠经验和记忆了，不求甚解多用就好。但是有一点，系统的学习和杂乱记忆的不同
点就是:系统的学习会把元素分类。这样方便记忆、对比和使用，能让我们尽量减少不必要的错误嵌套。一般会把 HTML标签分为文档结构标签、文本格式标签、字符格式标签、列表标签、链接标签、表格标签和表单标签这 8 类，有些标签不实用就不用看了。
(3)属性:知道每类标签都有什么属性，一般来说学习方法是知道有什么属性，然后了解下哪些标签不支持这些属性。其实，除了 name、id、class、style 外很多元素属性我们都很少用，涉及到格式的属性，我们都用 CSS 来代替了。这也是 H5 推荐的做法，那些属性在 H5 中都被废弃了，比如background 属性。
(4)其他:其他的东西就是去了解一些额外的知识:历史背景、关联技术、深入技术，比如 XML、DTD，甚至是 Browser对页面的解析、渲染过程，DOM 树的构建、Render Tree 的构建过程，来帮助我们学习、开发高效页面。“课外知识”多了，自然就能做到“他强由他强，清风拂山岗”的境界了。
学习计算机技术，千万不能沉迷外家功夫!
html5 实训心得体会 HTML5 在网页开发上，赋予网页更好的意义和结构，更加丰富的标签将随着对 RDFa 的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的 Web。北京恒泰博远软件开发公司对 HTML5 的解释是，为开发者提供了一个跨平台的移动a 庳 pps开发方案，并且该方案具有很好的 剩 扩展性和灵活性。
由目前 it 行业使用 Ｏ html5 开发 app 来看，如今国内使 佻 用html5开发app应用技术尚有欠 囵 缺，因为在手机开发app上，html ├ 5 应用只有两种方法，要不就是全使用 H χ TML5 的语法，要不就是仅使用 Jav 囹 aScript 引擎。
JavaScr р ipt 引擎的构建方法让制作手机网页游 莅 戏成为可能。由于界面层很复杂，已预订 蝰 了一个 UI 工具包去使用。
纯 HTML 煽 5 手机应用运行缓慢并错漏百出，但优化 掖 后的效果会好转。尽管不是很多人愿意去 眷 做这样的优化，但依然可以去尝试。
H Η TML5 手机应用的最大优势就是可以在 漶 网页上直接调试
和修改。原生应用的开发 须 人员可能需要花费非常大的力气才能达到 坌 HTML5 的效果，不断地重复编码、调 炻 试和运行，这是首先得解决的一个问题。
html5实训心得体会学习H5我们不 遒 需要过度的关注细节，五柳先生的“不求 痞 甚解”的态度就很好，遇到能想起来，用 苹到明白来源，不用作为扩展知识。
其次 啦 ，H5 的设计起点就是从实用出发的，也 肓 就是说很多特性都是怎么方便就怎么来。
° 所以我们可以关注我们感兴趣的技术，但 蜒 是开发的时候还是不要特意的使用 H5， 真 能用到而且兼容性也不错就用，用不到也 不要“画蛇添足”，比如 163邮箱就有 祛 用到 nav 标签等，但是如果自己不是很 ♂ 精通 H5 或者是没必要重构就不要去把一 纡 些东西改为 H5 的，比如编写JS 的时候 奇 特意的用 WebWorker，这就很不 砥 好!除非我们很明确的知道，这就是针对 讳 移动端这种基本上全面支持 H5 的 Bro wser 设计开发的功能。
最后，H5 量 技术不复杂，它从来都不是什么新技术， 纷 只是HTML 的延续，我认为的 H5 包括 荮 如下三点：
(1)改进及增强的 HTM L 属性，新页面可以尝试使用。
(2) 儆 增强了的 JS 交互接口：WebWork 鬲 er、WebStorage、WebD 斜 B、OfflineApplicati 措 on、Geolocation、Can 币 vas，可
以说 H5 和 JS 相互增强更上 仍 一层，但是还是要小心使用! (3)C む SS3：改进增强 CSS 功能，让页面效 钡 果更绚丽，开发更简单，尤其是“移动先 蹀 行”的现代互联网网页设计理念能让“响 应式设计”越来越简单、流行，甚至出现 了很多框架，比如 bootstrap。
学习方法：
学习 HTML 这类的标记语 锫 言，我们需要从四个方面入手：
(1) 侗 语法：即怎样的书写格式是Browse 惆 r接受和支持的，HTML 技术的语法很 ァ 简单，只要注意大小写在 HTML、XH TML、H5 中的一些细节不同就可以了 甩 。
(2)元素：也就是标签，这个就靠 经验和记忆了，不求甚解多用就好。但是 脱 有一点，系统的学习和杂乱记忆的不同点 爆 就是：系统的学习会把元素分类。这样方 袁 便记忆、对比和使用，能让我们尽量减少 鹏 不必要的错误嵌套。一般会把 HTML标 寿 签分为文档结构标签、文本格式标签、字 斌 符格式标签、列表标签、链接标签、表格 善 标签和表单标签这 8 类，有些标签不实用 恣 就不用看了。
(3)属性：知道每类标 签都有什么属性，一般来说学习方法是知 譬 道有什么属性，然后了解下哪些标签不支 琪 持这些属性。其实，除了 name、id 扶 、class、style 外很多元素属 璐 性
我们都很少用，涉及到格式的属性，我 é 们都用 CSS 来代替了。这也是 H5 推荐 伶 的做法，那些属性在 H5 中都被废弃了， 两 比如background 属性。
(4 鲩 )其他：其他的东西就是去了解一些额外 藻 的知识：历史背景、关联技术、深入技术 麇 ，比如 XML、DTD，甚至是 Brow 旁ser 对页面的解析、渲染过程，DOM 缭 树的构建、RenderTree的构建 晤 过程，来帮助我们学习、开发高效页面。
括 “课外知识”多了，自然就能做到“他强 由他强，清风拂山岗”的境界了。
学习 猷 计算机技术，千万不能沉迷外家功夫!
扬州大学信息工程学院
HTML 实训报 告
题目 英雄联盟首页模拟设计 学部 信息工程学院 专业 软件工程学院 班级 件 软件 1201 姓名 张学源 指导教师 朱俊武
1 网页设计相关技术介绍
1.1 HTML
超文本标记语言，即 HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。超级文本标记语言（英文缩写：HTML）是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。
1.2 CSS
CSS 是英语 Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 HTML 或 XML 等文件样式的计算机语言，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制 HTML 中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。
1.3 JavaScript JavaScript 是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端 Web 开发的脚本语言，常用来给 HTML 网页添加动态功能，比如响应用户的各种操作。它最初由网景公司（Netscape）的
Brendan Eich 设计，是一种动态、弱类型、基于原型的语言，内置支持类。JavaScript 是 Sun 公司的注册商标。Ecma 国际以 JavaScript 为基础制定了ECMAScript 标准。JavaScript 也可以用于其他场合，如服务器端编程。完整的JavaScript 实现包含三个部分：ECMAScript，文档对象模型，字节顺序记号。
2 网页介绍 英雄联盟官网首页是当前最火热的 MOBA 类游戏，主讲老师在讲课的时候就告诉我们讲这么热门的网站容易调动学生的热情，做的时候也可以有热情。老师给了我们一个模板，但和现在的 LOL 网页有区别，防止学生复制。最后要我们做出和老师的模板差不多的效果出来。
3 个人体会和感受
在开始学习网页设计这门课之前心里就无比期待，作为一名信工学部学生，再加上自己本身对计算机的热爱，对这门课有着浓厚的兴趣。在经过一学期的学习之后，才发现原来制作一个网页是如此的复杂，如此的需要耐心和时间。学习之后不仅比较全面的了结了网页制作也设计基本原则，而且还可以自己动手做网页了，这对我来说是最值得高兴的事，因为可能会对我以后的工作有用。
这次实训我的题目是英雄联盟网站制作，做起来相对来说比较全面，所以花了大量时间和心血，其中的每个字都是自己一个个打上去的，网页里面的分界线也是自己在 photoshop 里面做好然后插图插进去的，网站上面有些背景颜色以及各种比较细的线的颜色都是放大后用拾色器进行拾色。因为字比较多，所以表格做的也很多，而且有些效果因为没学过 javascript，所以不是很熟练，花了很多时间，有些动态效果都是用很笨的方法才实现的，虽然不是很简洁但最后还是有效果，最后导致于我到这么晚才完成。通过这次实训，我明白了，做网站不仅仅是追求好，更要有选择在合适的时间内可以完成的网页制作，也明白了照搬照抄有时候并不是那么简单，或许，自己原创会更好。
虽然实训完了就不用学网页设计了，但是出于兴趣，我会好好的自学它，争取能够做出很完美的网页。
4 参考文献和网址 参考书籍：
[1] 孙冬梅著 Dreamweaver CS5 完全学习手册北京：电子工业出版社，2011． [2] Dreamweaver CS3 网站建设与网页制作案例指导北京：电子工业出版社，2009.
参考网站：
平面设计实习的进行能让实习生们在知识、技能、与人沟通和交流等方面都有不少的收获。是小编想跟大家分享的,欢迎大家浏览。
【1】因为考虑到以后毕业有可能从事这个行业的工作,因此我非常珍惜这次实习的机会,在有限的时间里加深对各种平面设计的了解,找出自身的不足。这次实习的收获对我来说有不少,我自己感觉在知识、技能、与人沟通和交流等方面都有了不少的收获。总体来说这次是对我的综合素质的培养,锻炼和提高。
1.我的平面设计之旅 特别兴奋,大学三年终于即将结束了,即将开始踏入社会,来为社会和为自己创造价值了。很多人都说我,大学期间没做过兼职,将来出来找工作没有经验很难找!呵呵,其实我认同一半这种说法,因为我相信出来工作是一次很好锻炼自己人际交往能力的事情,所以对将来会有帮助,但是谈到了工作经验,我就觉得可笑。兼职对于大学生来说,服务员,普工或者家教是相对较多的,从这些兼职谈到对将来工作有帮助的工作经验,我觉得很可笑。我平时就很简单的把打工分成了两种,第一种就是管理人员,第二种就是技术人员。对于这个管理人员,我觉得经验的作用永远是第一的; 而对于技术人员,技术的功底当然就是排第一啦。现在不缺钱,所以这个时候是最需要学习专业技术知识的时候。这里需要好好的强调
一点,在大学三年里面我所报读的专业是络技术,但我到了第二个学期就发现这个专业知识对于我来说根本就是“你是你,我是我”的关系。我根本就无法融入到该专业知识里面去,同样它也无法进入我的兴趣范围之内。所以我第二个学期就将其打入冷宫,开始了属于我自己的学习之旅平面设计。
从小时候喜欢画画到现在喜欢用电脑设计,我对这方面一直都保持着不消退的热情。可惜在学校里面一方面要应付自己的专业考试,一方面也没有比较正统的学习机会。所以让我的学习之路受到了不小的阻碍。靠着那份冲劲,我坚持着。从 flash,firework,photoshop 到coreldraw 的学习,再到运用这些软件进行作品设计,我都是付出了比别人多一倍的汗水和努力。每当遇到不懂的地方,周围又没有同学或者老师可以指导,只能靠着自己在上找资料和自己不断摸索来解决问题。有时候不过当看到一个作品诞生的时候,就会忘记之前的艰苦,而充满了喜悦与满足感。现在回想起来,自学的那段日子,真是艰辛并快乐着。而现在,能够拿出这份执着与热情,将其用在工作上,对我来说,更是无比自豪。
2.工作心得 (1).工作技巧 我们公司云腾广告策划有限公司,是已经规模很小的私营广告公司,我们部门就只有五个人。刚来上班的第一天,既紧张又兴奋。经理就先
给我安排了工作,让我用 ps 抠图。这对于我来说简直就是小菜一碟,不过我还是很认真的工作,每一个细节都很细致的进行处理。连续对十几张图片进行抠图处理还是第一次,也挺费时间和精力的。不过从处理这些图片,我也发现了一些以前没有发现的技巧。比如:用钢笔工具抠图的时候,按住“Ctrl”可以将“钢笔工具”转为“直接选择工具”使用。
按住“Alt”可以将“钢笔工具”转为“转换点工具使用” 用钢笔工具绘制新节点后,按住“Alt”同时点击该节点可以使节点从光滑节点转为单边直角节点 抠图的时候,如果将图片放大,可以按住“Space”键来移动图片! 知道了这些技巧,抠图的效率的确提高了不少。
刚开始的工作都是一些比较琐碎的事情,经理叫我有时候就多到上看看别人好的作品,对于提升自己的审美能力很有帮助(后来我也觉得这是个很不错的方法)。所以在这里给各位想加入平面设计行业的新手们提两个个建议: 多上看看人家优秀的作品,最好就按行业来分类欣赏。比如:IT、房地产、行政、食品。从他们的颜色搭配,构图 排版和素材运用等各个方面进行欣赏比较,然后多做做总结。
多将自己的作品放到上让人家点评(强烈推荐“红动”),有助于发现自己设计的优缺点,以方便自己去发掘和改善。
几天过去,渐渐的熟悉了工作环境,和同事们也相处的比较好,经理终于交给了我一个比较有份量的工作,让我参照一本画册,给一家涂料公司设计一本产品画册。对于第一次做这种商业化的设计的我来说,实在太兴奋了!虽然是参照,但我还是将我自己的思路完全的运用在了这份画册上面。再加上另外一个同事的指导,最后终于完成了这本画册的设计。看着她的诞生,想着她即将被印刷几千册。我这个做“老爸”的就高兴个半死。不过问题就开始出现了!!我把我检查之后没有出错的画册交给经理再检查一次,没想到,经理不到半天就把我批了十几次。要么文字忘记转曲,要么出现错别字,那个时候的我啊,真是无脸见乡亲父老啊!!!现在就在这里跟新手们总结一下,画册设计经常出现的问题。
文字方面:错别字、乱码、对不齐、类型大小颜色不一致。
图像方面:模式不是 cmyk、分辨率不够高、图像表面有白点或颜色处理不完整、颜色偏差等等! 在印刷的时候,有的文字没有转曲。
经理在给我指出问题的同时,也跟我将了一句话“做这行可不是那么简单的啊!”这句话我当时就无穷回味,让我 知道了,做这个,第一要细心,第二要有耐心,第三当然就是要有恒心。要把最基础,但又最容易被人忽略的细节处理好!!所以,我也有一句话跟各位新手说,“做这行可不是那么好玩的啊!”
(2).工作交际 出来工作,无论什么工作都好,人与人之间的接触交流是必不可少的,所谓人际关系有多广,你的前途就有多大款。没有一个成功人士是靠着自己成功的。懂得借助外力,才能及时把握机会,让工作事半功倍。因为刚来到一个新地方,人生路不熟的,一开始什么都是靠着自己,每天的工作也就只是坐在电脑前面动动脑筋和动动鼠标,除了办公司里的同事有交流以为,基本没有和别人交流过。我承认我是一个不太会和陌生人打交道的人,有点孤傲性格的我,不喜欢对别人阿谀奉承,更不喜欢被别人瞧不起,所以我选择走我自己的路,以我自己的方式来和别人相处,相处得来的就是朋友,相处不来的,就只是一个普通的过客。不过,我自己也是在鼓励自己多和比人交流,毕竟出门靠朋友嘛!而我的经理就是我很好的学习榜样了,之前说过他很年轻,这么年轻就能够坐上经理这个位置当然是有几把刷子的,不仅仅只是手上的技术,还有一副好的口才。跟经理相处的时间不是很长,但他做事的态度和说话的能力,我还是领教过的!在我上班的第二天,由于业务多经理就要求我加班,但第一我是新的,第二又没有加班费,所以经理没有让我白加班,晚上他就请我和另外一个同事去大吃一顿,称兄道弟的喝了几杯酒。大家兴致都非常高,接下来晚上的加班那就不在话下了,一直拼到晚上十二点才下班。在跟自己下属这个样子,跟生意上的客户也都保持着很好的关系,每个客户跟他的关系都不像是客户,更像是莫逆之交。我们做广告的最
注重的就是长期的合作,所以和客户保持良好的关系是很重要的事情。我们的经理就有他自己的一套。对于新客户,他说话既客气又不失自信,认真又不伤和气。而对于老客户,他就称兄道弟,有时请他们一起吃饭喝酒。经理跟我说过,咱们工作的时候,就要认真工作,听从安排;下班的时候,咱们就是兄弟。
(3).生活 在有工作的日子里,生活也发生了微妙的变化。每天的生活变得有规律了,也很充实。早上 7 点 30 分起床煮粥,吃好八点 20 分走两分钟的路回公司,接着开始了一天 7 个小时的工作。下午 5 点 30 分下班,然后打包快餐回去吃。晚上有时就出去走走,有时候就上上,然后 12 点之前睡觉。对于刚开始工作的我,有条理的生活习惯,让我的工作也变得有条不紊,充足的睡眠时间让我可以每天都保持着良好的精神状态。在我们部门,我几乎都是每天最早到的一个,每次到了公司,我都会感觉自己干劲十足,好想马上就进入工作,把没有完成的任务完成,然后开始新的工作。出于对这 份工作的热爱,我每时每刻都在想着如何来提高自己,把这份工作做得更好。每天的工作给我的感觉不是累,而是无比的充实与快乐。所以说到了这里,我又有话要对每位将要出来找工作的新手们说了: l 找工作如果条件允许,找自己有兴趣的工作,兴趣就是动力。
就算找不到自己理想的工作,工作态度也要保持积极向上。
工作的时候要合理的安排自己的生活作息时间,结合工作需要保持良好的生活习惯。
【2】设计是一个过程,是从量变到质变、实现突变的过程。它是在逻辑思维的基础上,对已有观念和传统,进行突破性创造的过程。
设计更是一种哲学,但它不同于一般的自然科学和社会科学。设计是营造一个世界上还不曾存在、而人类又必需的“客体”。
一、设计的形成与发展 在遥远的原始社会,人们已经懂得寻找适当形状的石头来制作石器,或作为工具和武器。他们知道利用树枝骨架、用树叶作瓦片来设计建造房屋。这时,已经有了设计意识的萌芽。不过,这是完全凭直觉进行的设计活动,是在没有前 人经验和理论可循的情况下,通过尝试的方法进行设计活动。这个暑期属设计的低级阶段,又称为原始直觉设计阶段。
长期的劳动,使人们积累了丰富的实践经验,生产得到极大地提高。对以往反复使用的、并在实践中证实了的定式,被归纳总结为口诀和公式。后来,随着数学的发展和应用,设计进入了经验阶段。古代希腊和罗马正是运用了数学、几何学,才能营造出比例和尺度如此精确的建筑。古罗马人维特鲁威所著《建筑十书》,对这些成就作了详细描述,成为以后营造设计的指南。
古代人在长期的实践中,总结了一整套完整的营造作法,致函春秋至秦汉时期,古典建筑已基本成熟。古代西方和这一暑期属初级经验设计阶段。
在经历了初级经验阶段后,设计进入了经验发展时期,在约为秦汉至明清时代。经过长期的不断发展与完善,古典建筑到隋唐时已达到辉煌的高峰。建筑形式已趋完美,特别注重装修。被亚洲各国称为“唐风”建筑,并开始纷纷仿效。宋代李诫所著《营造法式》一书,总结了以往建筑营造经验,形成一套完整、科学、固定的营造模式,宋代建筑更加注重色彩和装修。此后,明清两代大规模兴建宫殿、庙,使古典建筑进入鼎盛时期。
经验发展阶段,在西方一直延续到文艺复兴末期。510 世纪的拜占庭建筑,仍以砖石拱券为基础,大量保留吸收了 古希腊的柱式和古罗马的穹窿。到了 1012 世纪,欧洲人已经懂得在建筑中采用框架结构,这一点,可以从哥特式建筑的结构上看得出来。哥特式建筑采用骨架券,束柱和十字拱,与飞扶壁等搭结,将主体组成框架式,而围护墙均采取填充法,其建筑高度有的竟达 100 余米。这些成就,在今天看来,也是十分了不起的。
文艺复兴使欧洲出现了高涨的复兴古希腊、罗马的热潮。同时,自然科学也有较大发展,特别是与建筑设计直接相关的透视学、数学和力学,都有新的成就。许多设计人集绘画、建筑、数学、力学和工程学于
一身,对建筑设计和工程一手包揽。这时的设计师已开始注重建筑群体的完整性,建筑已趋向城市化,并已开始建造城市广场。
文艺复兴末期,特别是 17 世纪以来,由于物理、数学、制力学、材料学等自然科学的飞速发展,各学科相继建立起自己的完整科学理论。设计也逐渐开始由经验式的假定、估算,发展到了科学计算。设计方式由以往实体试验设计,发展到更加规范的室内图画比较设计。这一时期的设计虽已基本科学化,但设计大部分所依**的仍然是经验,设计的手段仍**人脑和手工操作,这一时期,我们称为高级经验设计阶段。
本世纪 60 年代,世界设计进入了现代设计阶段,特别是 70 年代以来,随着各种现代数学的高速发展、高速计算 机的出现,以及信息论、控制论、突变理论、系统理论、有限元法、优化方法、模糊数学等创立,使设计出现了历史性的变革,进入了一个崭新的阶段。人们已完全可以将设计的全过程模型化,并用计算机来分析大量设计数据和图型,最后选择最佳设计方案。从构思草图到绘制出图,全部由计算机来完成。把设计师从复杂繁重的手工绘图劳动中解放出来,将精力投入到设计构思和方案优化上来。现代设计是广义设计与分析的现代科学方法论,它所依据的是现代化的理论和工具。使设计师的设计作品更完整、更合理、更细致、更可**。这就对设计师提出了更高的要求,不但具有深厚的设计功底和文化艺术修养,还应掌握现代设计的理论和方法,才能适应现代社会和未来发展的需要。
能否进入现代设计阶段,全面运用和掌握现代设计手段,是衡量一个国家是否进入设计现代化的重要标志。目前,我国从整体上讲,还未进入现代设计阶段,还有几百万人在绘图板上搞设计,近百万描图员在绘图板上描图,这些是欧美三四十年代干的事。由此可见,我们距现代化设计仍有很大距离,还有很长的路要走。实现这个目标,需要我们全体设计工作者的共同努力。
二、现代设计方法 现代设计方法,就是将现代设计的观念、技术和计算机结合起来进行设计。它是现代社会提高设计质量和市场竞争 力必备的设计手段。现代设计方法,已发展成为纵模交**的学科,具有显著的综合性。现代设计的范围广,方法很多,常用的有可**性设计、优化设计、比较设计和计算机辅助设计(CAD)等。
现代设计方法,最早应用于一些高科技领域,如航空、航天工业等。随着计算机技术的广泛普及,现代设计方法逐步在建筑、机械、石油化工、电子及广告影视等领域开始应用,目...
推荐访问:html5实训总结3000字 实训 html5
扩展阅读文章
推荐阅读文章
十九范文网 www.ib19.com
Copyright © 2002-2018 . 十九范文网 版权所有