Web前端开发实习报告

Web前端开发实习报告（篇1）

转眼间，已到了期末，学习网页设计这门课程也要结束了，虽然时间有点短，但是学过这个几周以后我受益匪浅。

记得最初接触dreamweaver的时候，我很茫然，因为刚接触陌生的软件心里会很害怕跟不上老师的进程。刚开始几节课，老师讲得比较基础，还能跟得上，渐渐的老师授课的进程开始加速，有些跟不上了，需要下课后自己补上，问老师和周围的同学。渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。老师布置的第一个任务，要求做一个自我形象网站。由于学习的时间较短，老师只要求用PS做好模板即可，任务相对简单。但也要求设计感强，色彩搭配和谐，并且尽可能的做成实用又符合实际的漂亮网页。

第二个网页设计老师要求相对较高，用dreamweaver做一个比较接近真实的网页，还要做一个二级页面。于是开始收集各方面的资料。确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。

中间时预览，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。

因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边Oeasy教你玩转网页设计浏览的工具建站程序三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，最后还是没有效果。就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，可是等到自己做网页的时候却忘记了，于是问其他人，结果居然都忘记了，于是自己在百度上收。

最后终于找到了一个可以使用的代码，但是在加入声音路径时出现了问题。在属性内加入源文件，结果就是加不进去MP3的音乐文件，然后自己就尝试加入了一个视频，记下了路径格式，然后照着这种格式写下了指向声音源文件的路径，最后成功了。在设计过程中还出现了很多的问题，但通过看书，上网查询，请教同学等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。热情和执着，我将来设计出的网页会更加专业，更完善。

Web前端开发实习报告（篇2）

学习网页设计的过程中，我也成功制作了属于自己的网站，通过这一次尝试，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。我觉得，在设计网页之前：

首先必须做到先确定网页设计的内容，因为一个优秀的风站要有一个明确的主题，整个网站围绕这个主题，也就是你在网页设计之前要明确你这个网站有什么目的，用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用。

其次自然是了解你网站所在行业的客户。要知道用户是一个网站成败的关键，如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站，或者你网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离开。

我在这次设计网页的过程中，终于体会到做一个网页的主页不是一件容易的事情，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。制作主页要注意：

要想一个好的标题。标题在个人主页中起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、有特色、简短易记，不要符合自己主页的主题和风格。

主页中不光要有文字，还要适当地加一些图片。一张好的图片可以胜过你的千言万语。也能让进入你网页的人一目了然，产生兴趣。

网页页面整体的排版设计也是不可忽略了，很重要的一个原则是合理也运用空间，让自己的网页井然有序，留下合适空间，会给人轻松的感觉。

当然在做这些内容之前，是要找好资料的，我们可以从报纸，杂志，光盘等媒体中把相关的资料收集，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。设计制作网页我可以推荐一个不错的软件，那就是Dreamweaver。只需要用到此款软件中的一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。好了，网页设计制作完毕后，最后一步就是要优化网站了。

就我的观点，我觉得个人认为网页设计应该注重实用性，因为我们用它就是来互动的，所以我建议以简单美为好，太多复制的图片文字和页面排版只会让看的人感觉更不舒服，还有最后申明一下，我不是专业网站设计师，以上只是我对网页设计学习的一些心得罢了。 

Web前端开发实习报告（篇3）

20__年不知不觉已经在我们手中流逝，也许是因为忙碌，也许是因为充实，所有觉得时间过得很快。来到来到我们的这个积极向上的长沙seo搜遇网络已经有2年多了。在工作中，经历了很多欢快困难的时刻，结识了一批工作上的好同事，生活上的好朋友，领悟了很多新技能，感谢领导给了我展示的空间。在20__年的这段时间里，通过自身的不懈努力，在工作上取得了一定的成果，但也存在了很多不足之处。回首20__年，现在将web前端开发工作总结一下。

从去年开始，我们项目组就接手了OA系统开发，由于框架的前端样式老旧，我们打算将框架的样式全面改版，包括样式风格，用户体验等多方面着手处理。

一、框架采用样式风格

一个系统好不好，第一映像很重要，就像别人对你的认识是从第一印象开始的，这种第一印象一且形成将很难改变。研究表明，当一个人见到另一个人时第一印象往往是在前3秒确定的，而且是在没有任何语言交流的前3秒，因为别人已从你的形象气质窥见了你的基本特征。在应酬中，如果第一印象不好，想要挽回，就要做很大的努力，所以，一定要特别注意第一印象。所以系统的第一印象也是非常重要的。

我们采用layui样式风格，在layui上加以个性化样式的修改，让网站第一印象看上去大气，清晰，简洁。在中间我们付出了很多努力与坚持，才能让我们现在的OA系统看上去简约而不简单。

二、提升用户体验操作

1、我们采用了简单易懂的'网站架构，让用户看到网站界面就知道如何操作，将每个用户桌面做自定义操作，让每个用户都有自己个性化的桌面。

2、系统采用方便明了的操作方式，系统都是为了迎合用户，如果操作界面太麻烦，用户可能直接放弃，所以需要将系统的设置尽量人性化。

3、系统采用用户引导方式的界面，一个步骤接着下一个步骤，让用户不知不觉中处理好工作上的任务。

三、web前端开发存在不足

虽然网站整体样式风格已经调整过来，由于之前系统框架原因，网站样式调整起来十分吃力，有部分样式只能做风格上的调整，离预期效果稍有偏差。在工作时间很仓促的情况下，事情多了，就一定要有详实而主次分明的计划，哪些需要立即完成，哪些可以缓缓加班完成，今年在计划上自己进步很大，但在这方面还有很大的优化空间。

在新的一年来临之际，我希望我们的OA系统做得更好，继续完善系统整体前端样式风格，用户体验。不断加强个人web前端开发的技能，提高工作效率，扬长避短，发奋工作，克难攻坚，做好web前端开发的工作计划，力求把OA系统做到更好。也希望我们OA团队给公司带来更大的价值，祝我们搜遇网络公司成功上市！在新的一年里大展宏图。

Web前端开发实习报告（篇4）

从开始的实习，让我体验到这个暑假回会过得更有意义，会特别漫长特别充实。的确学习是一个漫长的过程，学习要耐得住寂寞的抵住诱惑。

通过这次的实习，不仅让我觉得我应该改变自己的内向，学会转变与人主动交流，才能解决问题，让我觉得设计还是不错的，但是自己的专业真的很需要培养与加强，感觉到学校教的和自己学的远远不够。而且在接下来的日子还要规划好自己的未来，才能更好得在岗位上发挥自己的才能。

最后感谢av给我这么一个机会，留在公司实习，公司不仅需要各类型的人才，更需要一个有坚定和远见的老板；感谢william，看过头像和手机桌面，女儿很可爱，想必是个和蔼的爸爸，从一开始便觉得他是个很会阅人的hr，但后来才知道是pm，不过没有变的，总是耐心地培养我，给我很多资料和很多网站，提高自己的审美和用户体验感受；感谢mk，认真的时候很认真，玩的时候还像个大孩子。

喜欢和参数组交流时逗逗我，调剂我，这点我最喜欢了，因为有你们整个公司才显得有活气，没有那么沉闷；感谢kevin，虽然接触不多，感觉他很用心，是市场方面的主管，看的最多就是修空调，快递要发票的时候，会为公司的财政斤斤计较，到后来q总q总得叫我，真不好意思呢；感谢小杨，能够和你愉快的合作。

如果可以我也想学jsp，后来小白走了，你又要一个人辛苦了；感谢aam，强硬的技术支持，我想没有你这位核心人物为公司撑下一片蓝天，可能我们这个产品就很难走下去了；谢谢一起在虎之翼公司里工作的所有工作人员。

我很喜欢你们，喜欢这样的工作氛围，谢谢你们。

Web前端开发实习报告（篇5）

一．实习目的

大学期间，学校教授了计算机的基础课程，例如数据结构，计算机网络原理，离散数学，编译原理等、这些课程有助于我们形成系统的计算机逻辑体系，熟悉计算机的底层原理，从而可以更加容易上手企业级开发。

到了大四的上学期，对于项目经验，自己只是搭过简单的环境，实现了一些简单的需求。对于真正可以运行在服务器上，可以接受大量用户访问的真实项目，内心还是很渴望见一见，看看和平时自己写的有什么区别，自己需要在哪方面下功夫来更好的提升自己。

另外，从大学校园进入社会，我觉着也是需要一个缓冲期，毕竟校园对我们还是很包容的，像要更好的适应社会生活，还是应该要更加严格的要求自己，勇敢面对社会工作中的挑战。

二．实习主要内容

公司名称：东方航空电子商务有限公司

公司简介：东航电商将以东航每年近亿人次的旅客运输量为客户流量基础，整合各类线上、线下产品及服务资源，为用户提供出行相关一站式集成产品和服务解决方案。

第一周：了解一下公司环境，餐厅，便利店。给实习生分发新电脑，公司硬件人员负责安装Windows系统。

第二周：观看公司发的学习视频，学习基本的SpringBoot使用，自己下载运行环境，例如Idea，Mysql，Git，VsCode等相关环境。其中Mysql的下载安装遇到误删除，预先环境等问题废了不少功夫。

第三周到以后：分到相应的项目组，下达任务，开始真正的工作。

项目名称：接送机改版项目

项目内容介绍：该项目主要用于接送乘机的用户。比方说飞机乘客想要打车去自己预定的机场就可以在网上下单让出租车来接自己，同样当乘客坐飞机到达目的地也可以下单让出租车将其送到指定的地点。

项目架构简介：该项目采用SpringBoot搭建，接口显示采用Swagger2，缓存使用Redis，信息调用采用WebService，数据持久层使用Mybatis，版本控制使用GitLab。

负责模块：

1、我的航班接口，查询用户机票订单

2、内部/外部渠道号查询(增加缓存)

3、订单列表

4、订单详情

5、订单状态列表

6、用户评价

7、取消订单是否有损

8、取消订单

9、去支付接口

每一个模块就是一个接口，我的工作就是在两个星期内写完接口，并且完成相应的测试。

由于此项目是从C#的老项目改版成Java项目，所以需要我们先看懂C#的老项目，然后再用Java重写。

工作内容：项目负责人首先将整个项目的任务划分为一个个的任务，再将任务分配到项目组的成员，再将主要框架代码上传到GitLab，我们使用Soucetree工具将代码导入到自己的电脑上，完成相应的工作将代码上传，再有专门的负责人将代码进行整合，从而完成整个项目的内容，如果有问题要及时的询问。

当所有的代码上传完毕，此时再GitLab上重新开一个分支，项目组所有人将此最终项目导入自己电脑，测试自己负责的接口。

另外，每周都要提交周报，又来记录自己每天都完成了哪些工作，学习了哪些内容。

三、实习总结

此次实习，我收获了很多。我觉着可以分为个人技术成长和为人处世两方面来谈。

1、个人技术成长

首先我终于有了实际的项目经验，以后再找工作时就可以很有底气的写上去，然后技术上也有了提高，当然这要感谢公司里前辈的悉心教导，也让我知道外面的世界很大，厉害的人有很多，如果想要在这一行走下去需要极大的努力。

最重要的是遇到问题一定要多问，刚开始的时候因为我不喜欢问问题，导致项目做的很慢，被项目负责人好好的说了一顿，他告诫我不会的，不知道的很正常，一定要多问，不要耽误项目的进度。

对于基础知识的掌握一定要牢固，之前我总是喜欢新的技术，喜欢扩展自己的知识面，结果在真正工作的时候才发现真正考验技术的反而是那些最基本的东西，比如说Java基础类的Date类，如果没有好好研究，那用到的时候就会担心自己会不会用错，还是用LocalDate好一点呢，就会显得捉襟见肘，耽误时间。

对于自己见到过的知识点一定要深入的研究，我在工作就因为浅尝辄止而受到负责人的数落。比如之前将对象转化为Json字符串是很常见使用方法，但是项目中的需求是倒过来的，是需要将Json字符串转化为对象。因为之前没有研究过两者的相互转化，在用到的时候自然也是不容易想到，结果耽误了好长时间。

对整个项目一定要先有个大概的了解，不能只是着眼于自己的任务。因为整个项目是一个整体，有可能我会调你的接口，你也可能调我的接口，需要两者的相互沟通。最关键的是项目中会有一个公共的工具类，别的成员写好的工具都会放在里面。之前由于我并不知道，每次都重复造轮子，导致觉着工作异常艰难，后来幸好被负责人及时指正，才发现任务没那么繁重。

2、为人处世

要学会合作，之前在学校都是一个人完成项目，但到了公司，由于项目很大，必然需要与人合作，那么就需要多考虑别人的感受，比如说代码注释一定要清晰，提交代码一定要自己先多检查检查，不要让别人重复做你该做的事。

总结：

此次实习让我发现自身的诸多不足，路漫漫其修远兮，但是我会正视这些问题，好好努力，迎接更好的自己。