2毕业实习工作日志文档格式.docx

1、7. 进行相关标签练习。8. 了解标签的作用。工作反思与总结与讲师接触了解实习环境。了解网页构成与开发流程，知道实习期间须知通过讲解知道现如今企业公司对于现如今就业需求等。通过企业从业人员的介绍，直观感受到如何在企业中进行正常的学习与生活。从大体框架上知道HTML的具体结构与构成，第一次接触到前端语言。通过讲师的讲解知道在实际的项目完成过程中，网站的开发是通过客户的提供，通过UI设计师的设计给HTML开发人员进行网页设计，再交给网站后端进行优化。成品完成后经过测试工程师进行上线前的测试，期间如有问题就向前一步的流程进行修改与调试。最终完成上线。就我们目前的培训期间，知道如何进行系统的学习，初步

2、对所学内容进行了解。第一天工作虽然内容不多，但进行全新的环境中进行适应也需要过程。下一步工作计划回顾一下第一天工作的内容，对今后的学习进行系统的规划与计划。对之后的工作，应培训期间认真完成所学内容。并进行系统的总结。2018.1.7了解html常用标签1. 复习之前学习的标签与相关HTML的规则。2. 对于实体字符的掌握。3. 了解常用的标签font与其常用属性。4. 学习其他类型的标签。5. 学习如何进行链接的使用，了解网页常见的超链接与图片是如何加入的。6. 学习之后经常用作布局的列表标签。为之后学习CSS与布局打下基础，7. 学习表格标签，类似于Excel的表格如何在网页中实现。8. 运

3、用表格来在浏览器上做出田字格练习。9. 晚上自习根据已学内容在网页上显示一张简历表和淘宝链接页面 在今天的学习工作中，已经适应了现在的学习方式。进一步的了解到了如何根据已学习内容来编辑想要的界面内容。虽然很多标签的运用的不熟练，但是通过多次的练习，相信会对HTML有更深层次的认识与熟悉。虽然完成了讲师交代的内容但从此可以看出HTML并没有想象中的那么简单，并非就只是运用标签将显示内容包裹起来然后进行编辑与修正。通过对淘宝链接和简历页面的编写，发现运用已学的知识有时并不能达到预期要的效果。例如简历编辑出来的填写空白只是空白不能填写内容。虽然进一步的了解HTML的相关框架与内容但是发现还是有许多不

4、了解的地方，对于不知如何完成的步骤多询问网络与讲师。希望通过之后的学习能够在实习结束前能独立的完成一个较为复杂的网页出来。 在学习期间好好总结之前学习的内容，活用相关标签。能在不查找的前提下书写出常用标签与其属性。通过之后的学习完善今天所做的网站。让其更为美观与实用。2018.1.8阴转晴学习表单的运用与CSS基础1. 复习昨日学习的基础标签与属性。2. 学习常用标签表单form的相关规则与属性。3. 运用表单与之前学习表格的嵌套。4. 学习基础的CSS的概率与引入方式。5. 了解CSS的优先级问题。6. 知道常用的元素选择符。7. CSS的基础运用：字体样式的更改方式。8. 进行练习，写出一

5、个注册页面并完成另一种淘宝付款页面的编辑。 今天学习进度较为前两日的学习明显加快了，现如今HTML 的相关基础框架已经了解熟悉。知道了一个网页的全部够成。运用现如今已学习的内容可以完成一个简单的网页。但是最突出的问题就是对相关标签、属性与规则的熟悉程度问题。随着学习内容越来越多，在编写网站时，运用哪一种方式也变成了问题，往往在确定一种方式之后在构建结构与细节的同时会出现找不到与不了解改如何进行修改的问题。此问题出现的原因大部分归咎于对构建框架的不规范与书写代码时的不规范。导致在调制时困难重重，在之后要对格式与样式的书写重视起来 完成对之前学习内容的总结，多多练习以便熟悉相关元素的使用。规范书写

6、代码格式。在进行构建时要对整体的进行规划好之后再进行编写。对之后的学习内容进行整理与收集。2018.1.9晴CSS的进一步学习1. 复习之前学习内容。2. 在字体修饰的基础上学习文本修饰。3. 了解标签重要标签的属性边框border。4. 学习标签结构中的重要属性外补白margin。5. 外部白的相关运用与其居中作用。6. 进行商品列表的编写展示。即构建网站的规范化实例。7. 学习标签结构属性内补白padding。8. 学习去除网页的默认样式。9. 学习伪类选择符hover的运用。10. 属性display的使用范例。11. 了解标签属性，分为行级标签与块级标签。与特殊的行间块状标签img。1

7、2. 学习特殊的图片去除白边。今日的学习内容主要是对CSS内容更进一步的学习。了解前一阶段学习的许多内容都与CSS有关。只是并不是十分规范，现如今了解到了如何对所写内容进行规划。但是对于新学习的标签也有很多的不了解如对于display只知道如何进行隐藏内容之下的内容，并且只知道不占位隐藏，但并不知道如何像网页那样对于已有内容进行覆盖并且可以对隐藏内容进行编辑，还需在今后的学习中进一步学习。今日没有布置完成任务，发现对于这种编写语句的内容的熟悉与了解。需要实际的练习进行熟悉，所以在之后的学习中应该多练习相关内容的使用，以便之后进行项目编写能够加快进度。 对之前学习内容进行总结归纳。找些实际的网站

8、对已学内容进行仿照练习，看能否运用已学内容对网络中网站进行还原，对框架的构建进行加强训练。2018.1.10了解导航栏与背景图片的编辑1. 复习之前学习的内容。2. 学习制作横向导航栏。以重邮官网作为实例。并进行练习。3. 学习浮动属性相关规则与用法。4. 学习纵向导航栏，以小米官网作为实例，并随后进行练习。5. 学习制作不同种类的横向导航栏。6. 了解浮动的默认规则浮动的塌陷。并知道如何消除浮动带来的影响。 7. 了解背景的相关设定。8. 了解背景图像的设定与特性。9. 了解图像透明度，知道如图像变动网页的编辑方式。 今天的学习主要是结合前面已经完成和熟知的内容进行新的标签与属性的引入。熟悉

9、相关语法的使用规则与特性。例如引入背景图片时，图片的默认属性是平铺属性。所以一般情况下我们都会根据图片的像素进行修改。所以现在的学习情况在基础结构与相关特性较为熟悉的情况下，我们就会进行相关网站的部分编辑试炼。为之后的项目工作进行准备。但是面对的难题也随之而来。越来越多的标签引入就意味着更多的功能会加入在网站的编写中。所以对更多标签与属性的熟悉过程也变的复杂。所以多加练习在之后的学习中是必要的。自己独立完成一些导航栏的编写,并对之前的相关知识进行归纳总结。为之后网站的编写做准备。在课余时间进行回顾以免对知识点遗忘。在明天的休息期间好好休息。为之后的一轮工作学习养精蓄锐。2018.1.12学习布

10、局与相关的属性1. 对之前的学习内容进行复习。2. 学习网站构建过程中起布局作用的定位属性。3. 练习纵向导航栏的编写。4. 示范新闻导航的代码书写。5. 学习整体布局。6. 学习定位的层级属性。7. 进行重庆邮电大学官网的项目工作起步。 今天介绍的标签不多，主要进行的一般网站常见的板块是如何编写的示范指导。发现是运用之前学过的内容进行拓展与布局。没有没有了解的内容。但是当自己动手的时候往往不知道如何进行布局与修改。往往一个错误引起之后的框架全部错位。还有就是书写代码时的规范问题。因为要完成一个网站所以代码量是较多的。进行合理地布局规划与注释的书写能帮助很好的查漏补缺。布局要从大到小，由整体到

11、局部。如果规划不合理在细节的书写过程中往往会伴随着连带错误，这是得不偿失的。晚上虽然将大体布局框架打好，但是细枝末节的地方还要好好进行完成。 明天的计划是完成网站的编写，在书写过程中好好的进行注释的书写。完成大体网站的布局与内容的添加，最后进行修正与细节的处理。希望能用一天的时间完成一个成熟存在的网站独立完成工作。2018.1.13完成网站的编写运用HTML与CSS知识完成重庆邮电大学官网的构建工作：1. 上午完成网站头部的图片与链接添加。与部分导航栏的编辑工作：将导航栏的背景与鼠标悬浮文字变色工作2. 下午完成导航栏的全部内容。部分主体内容的加入新闻部分的完成。在进行左下角的横向导航栏的书写

12、过程中遇到问题：横向的悬浮内容不能同步的移位导致布局上出现问题。在书写新闻切换栏时出现问题：完成鼠标悬浮到标题使隐藏部分出现，但不能保持的问题。3. 晚上完成右部分图片与新闻的编辑工作。在讲师的指导下运用bottom属性完成左下导航栏的布局工作，但自己还是无法解决新闻切换过程中的隐藏内容保持问题，需要运用JS才能完成编辑。 通过一天的书写代码，大致上完成了一个成熟网站的大致内容的构建。但是还有一些细节没有进行好规划与调整。在整个项目的完成过程中，印象最深的就是网站有许多重复或大致相同的结构，但是自己敲写的代码没有将其进行整合，而是一条一条的编辑，使代码变的冗长。学习的并不是很透彻，导致完成网站

13、的编辑过程中，花费了太多的无用时间，如果在生产线上如此构建应该是不被允许的。所以今后不仅要完成项目，还要尽可能的减少冗余的代码与结构。使其更为完善。 调整好网站的相关细节，了解一些常用的没有用过的相关标签与属性的特性与使用方式。了解JS在网站构建中起的作用。完善书写的代码，竟可能的简化网站代码的结构，减少冗余。练习相关的其他结构的网站模块。2018.1.14完善网站的拓展内容1. 完善之前编辑网站。2. 调整代码细节，将CSS内部引入改为外部。3. 进行拓展内容尝试。4. 完成图片滚动的功能实现5. 自学JS相关基础内容。6. 更改图片滚动模式。今天主要工作是完善重庆邮电大学的网站编辑，并检查

14、。通过对手册的详读知道如何运用animation属性对滚动的背景图片进行编辑。但是实现的效果与官网有所出入，查看网站源代码后，了解网站使用了Javascrip运用函数对图像变化。所以对Javascrip的学习较为渴望，所以面对新的不能实现的功能起初是想办法运用已学知识进行完善或调整。在还是无法实现的情况下，就要需求新的知识来完善内容。所以对之后的学习更加期待。在之后的学习中要进行好好的规划，并多多练习。找到一些既定的网站进行模块的编辑与模仿以便已学内容进行巩固。 练习一些比较特别的网络框架结构，并且对CSS3进行预习与了解。并且尝试对其中的相关属性进行尝试性练习。2018.1.15学习相关CS

15、S3基础内容1. 学习圆角属性border-radius2. 学习变换属性包括旋转，平移与缩放及其它们的相关使用方法与属性。3. 如何运用相关的属性来构建一个爱心状的框架。4. 自我练习如何在网站上编写出一个太极图像。5. 学习扭曲属性，了解不同扭曲属性的单位与扭曲的方向，注意扭曲角度不能超过90度。6. 运用扭曲与之前学习的一些属性，完成移动的正方体的练习。 今天主要学习了CSS3的一些拓展属性，较之前的学习情况来比较。现如今接受新的属性与规则更为迅速。能够很快的上手完成一些小的项目。可以说已经慢慢的熟练了HTML5的基础内容的吸收与接受。虽然完成的工作内容不过，但是比较之前完成的项目比较有

16、挑战性。就如对于太极图像的编辑，运用更少的空白标签就能完成是种很简便的代码编写思路。现如今要做的不仅仅是巩固内容的学习，而且还要能有意识的缩减代码的行列。以便如果今后接触到编程就能够很好的完成相关项目的进度。 完成相应的任务并且自己了解相关的JavaScrip的运用。了解函数的使用方式与调用查询相关属性的方式与方法。2018.1.16学习css3新的内容1. 复习之前学习的内容.2. 示范移动的正方体在网页上的实现.3. 学习新的属性渐变:分为线性渐变与径向渐变。4. 运用渐变做出球状标签。5. 学习重复性渐变。6. 了解H5重要的一个属性为过渡。7. 教导如何运用过渡来做出图像相册的样式。8

17、. 练习运用渐变来完成莲花开花的动画。 学习了如何运用CSS3来完成一些动态的网站特效。虽然主体上是通过新的标签与属性的基础来构建的,但是之前学习的布局与排版还有构建块状标签却是之后完成项目与练习的基础。所以对之前学习的内容的熟练能对之后的学习节约很多的时间。所以熟练掌握之前学习的内容并进行巩固是现如今重要的工作。 对之前学习内容进行巩固，在之前的项目上运用新学的内容进行完善与拓展。放假时间好好休息。以便有更好的精力完成最后一个阶段的任务。2018.1.18学习媒体查询与响应式布局1. 复习之前学习的内容并巩固。2. 学习新属性动画的运用与结构。3. 练习运用动画完成小车过红绿灯的动画。4.

18、了解媒体查询的使用。5. 学习如何运用媒体查询来完成自适应网站。6. 交代最后需完成的项目任务。7. 教导大致的华为官网的布局。8. 学习新的bootstrap的使用。9. 着手于项目的进行。 学习最后的相关标签，就此实习期间学习的内容已经全部讲完。但是了解如何对所学内容进行灵活的运用还有很多的地方不了解。所以对最后一个项目的完成，期间不仅能完成所需内容，还可以对之前学习内容进行巩固与深化。所以在着手于项目之前要做好充足的准备。不仅要先做好布局与规划，还要思考如何让网站完成响应式的功能。所以此次的相关任务也是对实习期间的学习进行的考察。 完善网站布局，构建网站框架，使网站在小屏幕的手机页面也能

19、正常显示。完善大屏的网站基础框架。2018.1.19完成华为官网项目任务1. 完善之前的布局结构。进一步的构建手机端的布局。2. 上午对pc端网站头部进行编辑。3. 下午完成主体内容的构建，并且实现图片与文字的动画效果。并且对网站尾部进行构建。4. 晚上完善PC端页面的相关细节并且着手于对手机端的网站相应的布局完善。隐藏不需要的相关标签并且对需要更改的标签进行布局与修改。 工作主要是完成响应式网站的构建。相比较于之前完成的重邮官网的构建。响应式网站有更多的变化与结构的重建。导致任务目标较之前的项目更为繁琐复杂。在构建网站过程中，因要完成响应式，对与一些模块的搭建要灵活多变，并且还需在特定情况下

20、完成相应的变化，所以任务难度偏大。所以项目完成不仅是对之前学习内容的巩固，还要在工作中不断的自我学习，才能完成相应的交代任务。所以如果今后到达工作岗位，对岗位内容的熟练，减少开发的时间都需要自身的能力的提高。所以独立完成一个前端网站的构建也是一个自我学习的过程。 完善手机端网站的构建，并且开始完成对实习期间的总结。完成项目文档与答辩PPT的编辑。2018.1.20完善网站项目并对实习进行总结1. 对手机端的头部与尾部导航进行编辑完成，去除排版时构建的框架边框。对网站的代码进行整理与处理。2. 对网站细节处进行修改，完成相应的拓展内容。3. 书写实习报告与相关的项目文档。4. 对实习内容进行整理归纳，并进行总结。 运用学习内容完成一个大致的响应式网站，但是只按要求完成了手机邘=于PC端的自适应，但如果是真正的项目开发，还要完成其他的屏幕自适应。对于两种自适应的网站构建已经困难重重。如实际开发以现如今的手段还是不够的，所以前端的工作虽然看起来较后端工作比较清晰，但是如果着手自己完成，可以看出前端开发人员需学习与了解的内容还是很多的。所以如果自己要走上工作岗位对岗位需了解的内容定要真正的熟悉才能在工作中起作用。进行项目答辩，提交相应的项目内容。2018.1.21