千锋教育-做有情怀、有良心、有品质的IT职业教育机构

400-811-9990
当前位置:首页  >  学员感言  >  正文

HTML5培训:感谢千锋,让我学到了很多新知识

时间:2021-03-23 15:40     来源:千锋教育 作者:qyf

  时间飞逝,转眼间一阶段的学习已接近尾声。在这一个月的学习过程中,我接触到了很多新的知识,同时心态上也发生了很大的转变。虽然大学是计算机相关专业,但由于毕业后从事工作与专业无关,这次学习可以算是零基础学习。经过一个多月的学习我从开始的忐忑到现在对接下来的学习充满了期待,对此我将对这一个多月的学习做一个简短的总结,并以此作为我以后的学习指南。

班级学习环境

  一、学习内容总结:

  1. 首先是一些基础的办公软件的使用,比如Word、PPT、Excel等的使用,此外还学习了PS的一些基础使用小技巧,比如切图、做辅助线以及图片的存储,主要用来辅助画页面。

  2. 感受到了html和css的强大,一个小小的标签既可以画页面还可以插音频视频甚至做动画效果,很神奇也很好玩,这是我之前完全没有想到的事情。我清楚的记得从开始的基础标签的学习到后面的画色块、填内容、画静态页面到后面的添加动画,我们画的第一个完整的页面就是千锋互联,当时画完的时候很有成就感。

  我们还可以用来画三角形,比如用边框写一个箭头超右的三角形, 思路就是首先写4条边框,其中左边框给颜色,其他三条边框给透明色。并且宽高为0。

  代码如下:

  border-top: 30px solid transparent;

  border-right: 30px solid transparent;

  border-bottom: 30px solid transparent;

  border-left: 30px solid red;

  width: 0;

  height: 0;

  同时,我们还可以给页面添加一些动画效果,让页面看起来更加炫酷,给页面添加动画效果可以使用transition和animation。其中transition的使用需注意以下几点:1.必须结合事件(hover)一起使用;2.看需求设置对应动画效果:希望鼠标滑上去有过渡,鼠标移开没有,就在hover的地方写,希望鼠标滑上去有过渡,鼠标移开也有过渡,就在元素本身添加。Animation的用法更高级一些,原来一些动画片原来就是用animation来实现的,再一次感受到了css的强大。Animation是自发的动不需要结合事件,同时它可以实现多种状态的动画,特别有意思。

  3. 页面布局方式学习。在画页面过程中我们会根据页面内容选择不同的布局方式,其中我特别喜欢弹性盒布局,使用起来很方便,很快捷,特别是在写移动端页面的时候,只要弹性盒用得好可以帮助我们节省很多时间,当然画PC端页面的时候也可以使用。此外还有网格布局和响应式布局等,用来写页面也很方便。

  二、存在的不足

  其实一阶段的学习都是一些比较基础的内容,只要自己肯花时间真正用心去学就完全没有任何问题。经过我的反思,我存在以下不足:1、没有花足够的时间认认真真做好课前预习工作,在接下来的二阶段的学习中我必将提前预习践行到底;2、没有对所学知识进行复习,特别是每天早上来教室以后对老师总结的笔记进行背记,就像老师说的现在就开始做好准备后面背面试题的时候才不会那么辛苦;3、画页面的速度跟不上,这是我觉得我存在的一个最大的问题,由于前期个人私事的原因页面画得少后面明显的感觉得跟不上,在接下来的学习种做到非必要的事情不请假,不错过每一节课,同时平时有时间就多画多练。

  时间飞逝,转眼间一阶段的学习已接近尾声。在这一个月的学习过程中,我接触到了很多新的知识,同时心态上也发生了很大的转变。虽然大学是计算机相关专业,但由于毕业后从事工作与专业无关,这次学习可以算是零基础学习。经过一个多月的学习我从开始的忐忑到现在对接下来的学习充满了期待,对此我将对这一个多月的学习做一个简短的总结,并以此作为我以后的学习指南。

  一、学习内容总结:

  1. 首先是一些基础的办公软件的使用,比如Word、PPT、Excel等的使用,此外还学习了PS的一些基础使用小技巧,比如切图、做辅助线以及图片的存储,主要用来辅助画页面。

  2. 感受到了html和css的强大,一个小小的标签既可以画页面还可以插音频视频甚至做动画效果,很神奇也很好玩,这是我之前完全没有想到的事情。我清楚的记得从开始的基础标签的学习到后面的画色块、填内容、画静态页面到后面的添加动画,我们画的第一个完整的页面就是千锋互联,当时画完的时候很有成就感。

  我们还可以用来画三角形,比如用边框写一个箭头超右的三角形, 思路就是首先写4条边框,其中左边框给颜色,其他三条边框给透明色。并且宽高为0。

  代码如下:

  border-top: 30px solid transparent;

  border-right: 30px solid transparent;

  border-bottom: 30px solid transparent;

  border-left: 30px solid red;

  width: 0;

  height: 0;

  同时,我们还可以给页面添加一些动画效果,让页面看起来更加炫酷,给页面添加动画效果可以使用transition和animation。其中transition的使用需注意以下几点:1.必须结合事件(hover)一起使用;2.看需求设置对应动画效果:希望鼠标滑上去有过渡,鼠标移开没有,就在hover的地方写,希望鼠标滑上去有过渡,鼠标移开也有过渡,就在元素本身添加。Animation的用法更高级一些,原来一些动画片原来就是用animation来实现的,再一次感受到了css的强大。Animation是自发的动不需要结合事件,同时它可以实现多种状态的动画,特别有意思。

  3. 页面布局方式学习。在画页面过程中我们会根据页面内容选择不同的布局方式,其中我特别喜欢弹性盒布局,使用起来很方便,很快捷,特别是在写移动端页面的时候,只要弹性盒用得好可以帮助我们节省很多时间,当然画PC端页面的时候也可以使用。此外还有网格布局和响应式布局等,用来写页面也很方便。

  二、存在的不足

  其实一阶段的学习都是一些比较基础的内容,只要自己肯花时间真正用心去学就完全没有任何问题。经过我的反思,我存在以下不足:1、没有花足够的时间认认真真做好课前预习工作,在接下来的二阶段的学习中我必将提前预习践行到底;2、没有对所学知识进行复习,特别是每天早上来教室以后对老师总结的笔记进行背记,就像老师说的现在就开始做好准备后面背面试题的时候才不会那么辛苦;3、画页面的速度跟不上,这是我觉得我存在的一个最大的问题,由于前期个人私事的原因页面画得少后面明显的感觉得跟不上,在接下来的学习种做到非必要的事情不请假,不错过每一节课,同时平时有时间就多画多练。

相关文章

  • 北京总部地址:北京市海淀区宝盛北里西区28号中关村智诚科创大厦4层
    北京沙河校区:北京市昌平区沙阳路18号北京科技职业技术学院广场服务楼
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
    认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
  • 深圳校区地址:深圳市宝安区宝安大道5010号西部硅谷B座A区6层A605/B座C区1层108
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
    认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
  • 上海校区地址:上海市宝山区同济支路199号智慧七立方3号楼2-4层
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
    认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
  • 广州校区地址:广州市白云区永平街永泰学山塘学山文化创意谷A1栋六楼
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
    认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
  • 郑州二七区校区地址:郑州市二七区航海中路60号海为科技园C区10层
    郑州高新区校区地址:郑州市高新区金梭路与银杏路交叉口教育科技产业园南门D座4层
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
    认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
  • 大连校区地址:辽宁省大连市高新园区爱贤街10号大连设计城A座901
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
    认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
  • 武汉金融港校区地址:武汉市东新区光谷大道77号金融港B18栋三楼
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
    认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
  • 成都校区地址:成都市高新区肖家河沿街138号肖家河大厦三楼
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
    认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
  • 西安校区地址:西安市雁塔区高新六路52号立人科技C座西区4楼
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
    认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
  • 杭州旺田校区:浙江省杭州市江干区九堡旺田书画城A座4层
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
    认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
  • 青岛校区地址:青岛市市北区龙城路31号卓越世纪中心4号楼5层
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
    认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
  • 重庆校区地址:重庆市高新区科园一路2号大西洋国际12-1
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
    认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
  • 长沙校区地址:湖南省长沙市岳麓区麓谷企业广场A2栋三单元306号
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
    认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
  • 哈尔滨校区地址:哈尔滨市松北区世泽路689号 科技创新城4号楼1101
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
    认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
  • 南京校区地址:南京市建邺区应天大街780号弘辉产业园1栋2层
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
    认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
  • 太原校区地址:太原市小店区长治路230号能源互联网大厦6层
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
    认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
  • 沈阳校区地址:辽宁省沈阳市浑南区世纪路16号东大软件园B园B1座A201
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
    认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
  • 合肥校区地址:合肥市包河区徽州大道396号东方广场B座12A
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
    认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
  • 千锋教育服务号

    了解千锋动态
    关注千锋教育服务号

  • 千锋教育移动站

    扫一扫快速进入
    千锋移动端页面

  • 千锋互联服务号

    扫码匿名提建议
    直达CEO信箱

[an error occurred while processing the directive]