2023年度web前端开发实训总结3篇（全文完整）

内容摘要：web前端开发实训总结一、内容摘要人类已进入信息社会，信息技术的应用渗透到各个领域。在当今的信息时代，蓬勃发展的计算机技术和信息技术随着Internet的普

web前端开发实训总结一、内容摘要人类已进入信息社会，信息技术的应用渗透到各个领域。在当今的信息时代，蓬勃发展的计算机技术和信息技术随着Internet的普下面是小编为大家整理的web前端开发实训总结3篇,供大家参考。

web前端开发实训总结3篇

web前端开发实训总结篇1

一、内容摘要

人类已进入信息社会，信息技术的应用渗透到各个领域。在当今的信息时代，蓬勃发展的计算机技术和信息技术随着 Internet 的普及，又一次给社会带来了巨大的影响，Internet 正在以超越几千年科学技术发展进程的速度席卷着全世界，冲击着各行各业，改变着人们的工作、学习和生活。可以说 Internet 是人类历史发展中一个伟大的里程碑，它是未来信息高速公路的雏形，人类正由此进入一个前所未有的信息化社会。它正在向全世界延伸和扩散，不断增添吸收新的网络成员，已经成为世界上覆盖面最广、规模最大、信息资源最丰富的计算机信息网络。

二、Web课程综述

Web是一种典型的分布式应用结构。第一阶段的Web,主要是用于静态Web页面的浏览。用户使用客户机端的Web浏览器，可以访问Internet上各个Web站点，在每一个站点上都有一个主页作为进入一个Web站点的入口。每一Web页中都可以含有信息及超文本连接，超文本连接可以带用户到另一Web站点或是其它的Web页。从服务器端来看，每一个Web站点由一台主机、Web服务器及许多Web页所组成，以一个主页为首，其它的Web页为支点，形成一个树状的结构。每一个Web页都是以HTML的格式编写的。这一阶段，Web服务器基本上只是一个HTTP的服务器，它负责客户端浏览器的访问请求，建立连接，响应用户的请求，查找所需的静态的Web页面，再返回到客户端。

三、课程主要内容及基本原理

Web课程的学习过程中，第一篇“Web技术基础”分为3章，主要内容是Web技术概述、Web应用环境构建技术和网上书店的系统设计。第二篇“Web客户端程序设计基础”分为3章，分别介绍了HTML、CSS和JavaScript技术。第3篇“JSP Web数据库应用开发”分为4章，介绍了JSP运行机制与基本语法、JSP内置对象、基于JSP的Web数据库应用开发和网上书店的实现。

HTML是超文本标记语言，是为浏览器设计的语言，用于在Web上传输信息。HTML的编写比较简单，只要记住基本的语法就可以。CSS是由W3C组织制定的一种用来定义样式规则（如字体、颜色和位置）的语言，能让网页制作者有效地定制、改善网页的显示效果。JavaScript是一种轻型的脚本语言，它与HTML相结合，可以增强功能，提高与用户之间的交互性。主要利用的是Java来进行编写。JSP全称Java Server Page，是由HTML语句和嵌套在其中的Java代码构成的文件，文件扩展名为。jsp。浏览器访问JSP页面时，Web容器把HTML原封不动地发送给浏览器，嵌套在 <%>之间的Java代码被解释执行，其中out.print（或println）语句输出的内容则被按顺序插入到该对<%>在JSP文件中的出现位置处，同HTML一同输出给浏览器。

四、实际应用

JSP内置对象：

（1）request对象：

该对象封装了用户提交的信息，通过调用该对象相应的方法可以获取封装的信息，即使用该对象可以获取用户提交信息。它是HttpServletRequest的实例。

request的常用方法：

1、getParameter（)；使用如下 String str=(）；

2、setAttribute（)；getAttribute（）；removeAttribute（）；getMethod（）；getProtocol(）；

getReqeustURI（)；getRemoteAddr（）；getServerPort（）；getServerName(）；

（2）response对象：

对客户的请求做出动态的响应，向客户端发送数据。

（3）session对象

session对象是一个JSP内置对象，它在第一个JSP页面被装载时自动创建，完成会话期管理。从一个客户打开浏览器并连接到服务器开始，到客户关闭浏览器离开这个服务器结束，被称为一个会话。当一个客户访问一个服务器时，可能会在这个服务器的几个页面之间反复连接，反复刷新一个页面，服务器应当通过某种办法知道这是同一个客户，这就需要session对象。session对象的ID：当一个客户首次访问服务器上的一个JSP页面时，JSP引擎产生一个session对象，同时分配一个String类型的ID号，JSP引擎同时将这个ID号发送到客户端，存放在Cookie中，这样session对象和客户之间就建立了一一对应的关系。当客户再访问连接该服务器的其他页面时，不再分配给客户新的session对象，直到客户关闭浏览器后，服务器端该客户的session对象才取消，并且和客户的会话对应关系消失。当客户重新打开浏览器再连接到该服务器时，服务器为该客户再创建一个新的session对象。session对象存在一定时间过期问题，所以存在session中的名值对会在一定时间后失去，可以通过更改session有效时间来避免这种情况。同时编程时尽量避免将大量有效信息存储在session中，request是一个不错的替代对象。

（4）application对象

服务器启动后就产生了这个application对象，当客户在所访问的网站的各个页面之间浏览时，这个application对象都是同一个，直到服务器关闭。但是与session不同的是，所有客户的application对象都是同一个，即所有客户共享这个内置的application对象。application对象常用方法： (1)public void setAttribute

(String key，Object obj)；将参数Object指定的对象obj添加到application对象中，并为添加的对象指定一个索引关键字(2)public Object getAttribute(String key)；获取application对象中含有关键字的对象。

（5）out对象

out对象是一个输出流，用来向客户端输出数据。out对象用于各种数据的输出。

很多人都说，没有Web,计算机网络就会变得少了很多东西，计算机网络在60年代就已经出现，而Web最早的创作思想却来源于为世界各地的科学家提供一个可以共享的平台。

当第一个图形界面的www浏览器Mosaic在美国国家超级计算应用中心NCSA诞生后，此后将近三十年的发展，使Web成为计算机网络发展的生力军，未来它也将影响着计算机网络的发展。

当93年第一款Web浏览器面向大众的时候，它只是一款支持书签，图标和一套光溜溜的用户界面。仅仅是这样一款小小的浏览器却从此改变了计算机网络发展的道路，因为它的最大革新，图片支持，从这一刻起，下载图片成为可能，并且改变了人们浏览因特网的方式。并且随着成为因特网的主流。很多人都说，如果没有Web，如今的网络可能会发展成另一番模样。下图为第一款Web浏览器Mosaic。

提到Web，必须要提到另外一个词，CSS。96年12月，世界万维网的一个工作组发布了CSS1.0规范。CSS允许开发者用外联的样式表来取代那些难以维护的内嵌样式，这几秒钟之内就可改变全站的设计。并不需要返回到每个html页去寻找需要单独改变的文本元素。应该说，正是因为有了CSS,才是今天的网络易于开发、维护、设计。并且从精英模式走向我们平常老百姓都可以应用。举个例子说吧，博客就是一个很好的平台，我想如果它在10几年前，我们要想改变一下博客的图像和文字，可能对与我们来说是一件不可能的事情，但是如今却是很容易实现的，只需根据提示要求，就可以改变，很方便。未来，Web的发展必将是无可限量的，并且影响着计算机网络技术的发展

五、心得体会

Web这门课程让我们对编写网页产生了浓厚的兴趣，每次上课看着老师给我们展示不同的功能时，就觉得这是一门很神奇的学科。因为这是一门实践性很强的学科，所以课后自己也会对照着老师的PPT，试着完成不同的功能，每次做成了也非常有成就感。Web的前半部分，介绍HTML、CSS、JavaScript的部分相对来说比较简单，而后半部分关于web与数据库连接的内容有点困难，最开始做的时候一直出错。直到后来在老师和同学的帮助下才慢慢解决问题。

由于平时学习比较繁忙，时间比较少，对于网页设计软件的强大功能运用得还不够。在网页设计过程中，由于缺乏训练，所以在设计时也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。在网页制作过程中，想提高设计水平，想有个理想的网页，必须要勤奋练习，我将在以后的学习过程中不断努力。

六、结语

总体来说，这学期的Web学习有好的部分，也有不足的部分。但是至少自己已经入门，能够独立编写一些网页了。下学期还有这方面的课程，而且还是要用Java语言编写的，对于我来说，难度更大，所以希望以后能够更加努力的学习，将这方面做得越来越好！

web前端开发实训总结篇2

一、作品主题描述

我设计的网页的主题是关于动漫推荐的。

我喜欢动漫，各种题材的，古代江湖、历史故事、恐怖、热血之类的我都喜欢，做这个网站是希望把我喜欢的推荐给大家，让更多的人加入二次元的世界！

二、作品技术路线

关于作品技术路线，我主要用了bootstrap方面的知识，像bootstrap按钮、下拉菜单、缩略图、bootstrap轮播之类的，当然还有很多基础知识，例如背景、背景音乐，还有视频的插入，网页的链接等等。

三、作品素材处理

关于素材，由于我是做的动漫方面的网页，首先我先去选择适合主题的图片，再选择其中最能代表作品的图片，再根据实际情况修改图片尺寸，接着再选择文字素材，选择简短有最能概括作品内容的文字。

四、主要问题

在这次设计中，我还想实现排行榜这个功能，但由于个人能力不足，还有一部分时间问题，没有实现排行榜功能，心里略微有些遗憾，我会在交上本次课程设计之后继续努力完成，还有视频和背景音乐的插入，没有成功改变播放器的样式。

五、网页制作的心得体会

转瞬之间，半个学期又接近尾声，在李导师的精心辅导下，度过了这个富有生机，富有朝气的学期。学到了很多做梦也不会遇到的如此奇特的有趣知识，对于我来讲是一个很好的锻炼和充实的机会。

俗话说的好“书山有路勤为径，学海无涯苦作舟”。在这一绝世佳句的鼓动下，我把握了工作之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的收索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！

在学习网页制作的过程中，我深深体会到一点“有付出，就终有回报”，你的付出与你的回报终究是成正比的。经过了多少漫漫长路，经过了多少忘我的投入，经过了多少波折，我的网页与众人见面了。当我第一眼在网络下一览我的个人主页，我是多么的激动，多么的兴奋，就像多年未见的老同学，一种讲不出道不明的感觉。

我在制作主页中的心得体会：做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

1、标题

在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格，决不要取一个名不符实的"好名字"，别人第一次上了当，下次再也不会光顾了。

2、内容的采集

选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，应注重特色，所谓特色应该是有一些自己的东西。个人主页中的特色，应该突出自己的个性，把自己的兴趣、爱好尽情地发挥出来，因为在网络上不受限制。主页就是在网络上的一个小小家园，在那里，可以放上自己喜欢的任何东西，包括你自己平时喜欢一些文章，一些好听的歌，一些好的动画作品。把这些内容按类别进行分类，设置栏目，让人一目了然，在栏目上不要设置太多，最好不要超过十个，层次上最好少于五层。

3、图片

做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说"一图胜千言"，我想不无道理，一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。当然处理得不好的以及无关紧要的图片最好不要放上去，否则让人觉得是累赘，同时也影响网页的传输速度。图片不仅要好看，还要在保证图片质量的情况下尽量缩小图片的大小（即字节数），在目前网络传输速度不是很快的情况下，图片的大小在很大程度上影响了网页的传输速度。那么如何精简图片的大小呢，一般来说，图片颜色较少的及在256色以内的最好把它处理成gif图像格式，如果是一些色彩比较丰富的图片，最好把它处理成jpg图像格式，因为gif和jpg各有各的压缩优势，应根据具体的图片来选择压缩比。

4、网页排版

网页页面整体的排版设计也是不可忽略的，要让读者在狭小的电脑屏幕上阅读，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。不要把整个网页都填得密密实实的，没有一点空隙，这样会给人一种压抑感。

5、背景

网页的背景并不一定非要用白色，选用的背景应该和整套页面的色调相协调。合理的应用色彩是非常关键的。

6、其它

7、宣传

昨天，网页与我无缘，那是因为上天不给我们一个见面的机会！

今天，网页与我相识，与我相知，成为我的一个最真诚的朋友，那时因为董老师的辛勤栽培！

明天，网页与我一生相伴，终身相随，那是因为我领悟了什么是“一个网络，整个世界”。

总而言之，我将用毕生的精力，心血去换取网络中最灿烂的那颗夜明珠，在网页的蓝图里，我将记下人生不朽的个人诗篇，计算机会在以后的学习生活中充当越来越重要的角色，相信我也会学习到更多关于计算机和网络的知识。这次制作网页收获确实不小！

web前端开发实训总结篇3

大三下学期开始自学的前端，断断续续半年多，开始找前端相关的工作；到现在，走过了毕业期的十字路口，已经工作一年了；好吧，严重掉底子了，我是个比较懒的人。既然起步较晚，那么就只有马不停蹄的追赶了，奔跑吧，小前端！写这个20xX的年终总结，没什么经验之谈，只是继往开来，反省反省；继续追逐大神们的脚步，偶尔站在巨人的肩膀上眺望下未来！

一、原谅我，Jquery：

工作之前，那时什么基础都没有，只是逼于即将毕业后的压力，百度到了前端开发，就直接从原生JS开始学了；学不动了，问了下认识的计算机系的学长，知道了Jquery，OK，学吧。然而我并没有太大兴趣。因为我买了本‘高三’，jquery只是对‘高三’进行了整体的封装，他把我要做的事都做了，那好吧，继续原生JS喽；不得不说那时做的最多的就是原生JS仿写各种特效；还想了个主题，弄了一堆静态页面，拼了个网站的样子作为找工作的‘作品’，后来，我知道我错了，写那些只是属于前端基础的一小部分，工作毕竟是工作，Demo终难上台面，团队的配合以及开发的效率才是最重要的；现在工作以jquery为主，至于曾经写的各种效果，现在也都有对应的现成组件，拿来用就是；之前无知时忽视了的jquery，工作后开始马不停蹄的搜索各种资源补缺了，还好原生JS没有丢，作为前端的根基，在jquery以外帮了我不少；现在，基础组件一般都是以jquery插件的形式做的，但是业余有时间我都会用原生JS实现一些，因为我不想因为jquery而逐渐忽视原生JS。

二、必须追求的模块化：

前端的模块化是非常必要的，之前对模块化一直是停留在概念阶段，没有太多实践，只是感觉特别好，毕竟在追逐大神们的脚步嘛！忍不住选择了玉老师的Seajs，试着把原来写的jquery和几个组件，划分成模块，用Seajs组织到一起；由于工作中的前端结构已趋于稳定，一下子不可能整体改，所以我只是在本地新建了个目录，一有时间就考虑下，怎么以模块化的搞法从新组织下；私下里，为了证实我在工作的本地前端结构可用，还专门弄了个简单的博客，按照自己对模块化的想法，首先以自己的博客作为实验场，来验证可行性；不管结果怎么样，不管这样做好不好，就当是一种锻炼吧；愚论拙见，只当逗大神们一笑吧！

三、弱小者的强大力量——CSS：

HTML、CSS作为前端开发最基础的一部分，可能在后端眼中不值一提吧，确实我也这么认为；但是，我更认为，前提是你能够把这些基础乱熟于心，并且对各种浏览器的兼容性了然于胸，闭着眼睛也能写出简洁明了的HTML、CSS；好吧，其实这只是我对自己的一个长期的要求；因为模块化，不只是JS，对应的少不了HTML、CSS；为了与JS的模块化遥相呼应，那么CSS的模块化是不可忽略的，只是就CSS来说，要想做到极致精简、模块化、可复用，不是想想就可以的；

是的，你必须还是得要把一些逻辑性的东西引入CSS才行；

恩，SASS是首选的CSS预编译器之一；风行于前后端的Bootstrap之前是基于Less的，后来全部开始转向Sass了；所以，无论现在对于Bootstrap熟练度有多少，我想其对于前端样式的构建思想是非常值得学习的；以Sass作为前端样式的构建工具，来实现精简、模块化、可复用的样式，我想那不是梦，当然，一切都是需要历练和积累的；

四、革命性的转折点：Nodejs

不管Nodejs属于前端还是后端，我想其对于前端工作的变革性影响都是不言而喻的；在我心里，Nodejs将前端的模块化思想做到了极致，包的数量多达十几万的NPM社区足以证明其伟大之处；Nodejs内部实现了Commonjs规范，以require模块的"方式调用内部模块和外部模块；所以NPM社区如此强大是必然的；由此各大类库和框架都实现了基于Nodejs的模块化实现；并且远不止这些，基于Nodejs还带来了前端的工程化；各种前端自动化工具推陈出新，不断向前端工作注入新的活力；比如：Grunt、Gulp、Browserify、Webpack等等；

不好意思，Nodejs学的还不多，若有夸大其词的地方，大神还是忽视我吧；花满楼的博客只是对Nodejs小小的探索，诸多不足，有待改进，望大神路过指导；

五、话说，我想多了：

每次信誓旦旦做的规划，都会随着时间的脚步渐渐风化；每次回顾过去，只留一声叹：时间都去哪了？呵呵，还是走好脚下的路吧，毕竟做该做的事总归是好的；愿和我一样的小前端们，梦想都不是白日梦！

六、遇见最好的你：Angularjs

目前工作的情况并没有太大的变动，有些事还是得以团队工作为重；只是业余会多些躁动，20xX年，想学好Angularjs；一方面作为工作内的技术储备，另一方面，我的实验场还是需要多些内含的，打算首先用Angularjs改造博客的后端程序；权当锻炼吧！风靡前端的框架还有很多，大神们也是有各种论调，我想选Angularjs因为我胃口小，一口吃不下一个包子，还是细嚼慢咽的好；主要是：Angularjs的思想很吸引我，依赖注入、指令系统等；对我来说既陌生又无限的吊胃口；无论学的怎么样，我想理解这些思想对现在的我来说恐怕才是最重要的。