经过一个月的学习,我基本掌握了HTML5的一些标签的用法和特性,以及一些CSS3的属性的特点和用法。

在本周安排的为期四天的第一阶段的课程的项目实训中,我基本能够熟练运用学到的知识,完成页面的速度和质量有明显的提高,经过自己加班加点的书写,在第三天中午就完成了所有项目的整体内容。不过,我知道网页的优化书写是没有终点的,并不是说完成了整体内容就算了事了,在做的过程中,明显有很多内容并没有特别细致的完善。我对自己的项目成果也不能满意。所以又用了1天的时间去修改完善细节部分的内容,对于部分小的图标进行了一些调整,比如PC端主页中的index中的“分享到QQ空间”,“分享到新浪微博”的图标都用了从原网站上找的雪碧图进行了细致的替换和调整。对网页中的一些效果也进行了改进,比如PC端new页面中右侧的上下自动滚动的动态板块中,加入了动画元素,视觉上完成了动态上下滚动的效果。

本次项目的实践过程中,也遇到了一些问题。比如做PC端页面的过程中,由于匆匆赶进度,对一些内容布局存在一些问题,直接导致了PC端主页index页面的轮播图效果在后面想添加的时候出现了问题,导致在最后项目展示的之间砍掉了相应的代码。由于感觉工作量比较大,初期工作的过程中,并没有仔细对布局进行细致的注释说明,导致后面的修改和添加出现了一些困难。

其中,本次项目遇到的最大的问题应该就是第一次涉及具体的移动端网页布局。虽然经过项目经理的讲解,能够对移动端布局有了一些了解,不过在真正书写的时候还是感觉到一些问题。后面通过向同事请教才渐渐明白了移动端布局的一些原理。

总结一下自己本次项目的成果,最大的感触就是自己的成果还是比较粗糙的,自己只是本着完成项目的想法,做完了项目,并没有对自己提出更高的要求,比如一些很明显的可以做hover效果的地方,自己只是轻描淡写了一下,并没有花时间去深入研究用户体验的内容,这对于一个前端工程师来说已经是一种工作态度的问题了。后面看了其他同事的项目成果,自己才明白过来,其实可以添加很多hover效果很蒙版效果进去,这是我应该反思的地方。

第一阶段的实训已经结束,明显感觉到自己落下了很多东西没有深入挖掘,比如Bootstrap的理解,less和sass在书写CSS项目中的运用,以及flex弹性盒子的运用等方面的内容都存在很多欠缺。这些都是我接下来要花时间来深入完胜的地方。对于接下来进入的JavaScript相关的内容,我应该鼓足勇气,坚持掌握每一点每一滴内容,不能让自己有知识盲区,只有这样才能成为一个合格的前端开发工程师。

HTML5+CSS3项目总结的更多相关文章

  1. HTML5+CSS3静态页面项目-PayPaul的总结

    学习前端有一段时间了,一直在看书上的理论知识,而实战项目却很少.师兄常说,想要知道自己的实力有多少,知识掌握了多少,最好的方法就是去实践了,实践出真知嘛.于是决定在这个假期里,主要是通过项目的实践以及 ...

  2. 【项目1-1】使用HTML5+CSS3绘制HTML5的logo

    作为一个WEB小萌新,自学了有一段时间,总是感觉停滞不前.最近反思中,想到前贤一句话:书读百遍其义自见.说到底,还是项目做的少,如果做多了,想必自然会得心应手. 利用HTML5+CSS3绘制HTML5 ...

  3. HTML5+CSS3静态页面项目-BusinessTheme的总结

    因为期末考试.调整心态等等的种种原因,距离上一次的项目练习已经过了很久了,今天终于有时间继续练习HTML5+CSS3的页面架构和设计稿还原.设计图很长,整个页面分为了好几个区域,所以就不放完整的设计图 ...

  4. 【HTML5&CSS3进阶04】CSS3动画应该如何在webapp中运用

    动画在webapp的现状 webapp模式的网站追求的就是一个体验,是HTML5&CSS3浪潮下的产物,抛开体验不说,webapp模式门槛比较高: 而体验优化的一个重点便是动画,可以说动画是w ...

  5. 12款非常精致的免费 HTML5 & CSS3 网站模板

    01. Joefrey Mahusay 很炫的单页网站模板,基于 HTML5 & CSS3 制作,适合用于设计师个人简历.摄影师和平面设计师的个人作品展示. 演示  下载 02. Folder ...

  6. html5+css3实现跑动的爱心/动态水滴效果[原创][5+3时代]

    大风起兮云飞扬,安得猛士兮走四方!html5+css3,不学不行. 做web开发已经有好几年了,见证了太多语言的崛起和陨落. 其实作为一个程序员最苦逼的事情莫过于每天要不停的追赶各大公司新出的框架和语 ...

  7. Html5+css3+angularjs+jquery+webAPi 开发手机web(一)

    前言 随着浏览器的发展 HTML5+CSS3 的使用也越来越广泛,一直想学这个,想学那个折腾下来几乎没学到什么东西.工作经验告诉我,要掌握一门技术,就需要在项目中去磨练, 所以我就准备开发一个手机端的 ...

  8. 9款超绚丽的HTML5/CSS3应用和动画特效

    1.CSS3飘带状3D菜单 菜单带小图标 这次我们要来分享一款很特别的CSS3菜单,菜单的外观是飘带状的,并且每一个菜单项有一个精美的小图标,鼠标滑过菜单项时,菜单项就会向上凸起,像是飘带飘动一样,形 ...

  9. HTML5&CSS3&JavaScript&PHP&MySQL学习笔记

    1.在文字间添加一条水平线  使用<hr />  注意该符号不是成对出现的 2.<q> </q>用来标记于段落中的较短引用,浏览器会在它之间的语句两端加上双引号. ...

随机推荐

  1. post请求和get请求的区别

    1:如果表单是以post方式发送,那么表单中的数据会放在请求报文体中,发送到服务端.但是如果是以get方式提交表单,那么表单中用户输入的数据都是以URL地址的方式发送到服务端. 2:在服务端接收数据时 ...

  2. 使用DataReader

    string sqlStr="select * from tb_news"; SqlCommand myCmd=new SqlCommand(sqlStr,myConn); myC ...

  3. OpenGL ES 2.0 绘制方式

    OpenGL ES 中支持的绘制方式大致分3类,包括点.线段.三角形,每类中包括一种或多种具体的绘制方式. GL_POINTS 传入渲染管线的一系列顶点单独进行绘制. GL_LINES   传入渲染管 ...

  4. 寻找子串位置 codevs 1204

    题目描述 Description 给出字符串a和字符串b,保证b是a的一个子串,请你输出b在a中第一次出现的位置. 输入描述 Input Description 仅一行包含两个字符串a和b 输出描述  ...

  5. Visual C++基础知识(win32exe)

    1.Visual C++简称VC或者VC++ 是一个集成开发环境(编辑器+调试器+编译器) gcc---Linux和Unix的C++编译器 Vc----Windows的C++编译器 2.MFC(Mic ...

  6. 快速搭建Android 开发环境-使用ADT Bundle

    一.搭建Android开发环境 近日要学Android开发基础,就着手搭建Windows下的Android开发环境. 找了一些相关的博文参考,基本上都是要分别下载和安装JDK, Eclipse, An ...

  7. weblogic启动问题

    昨天测试环境上网银系统突然出现启动weblogic控制台出错问题,执行startWebLogic.sh脚本后tail到nohup文件时没有反应,nohup.out文件一直没有反应.对于此问题同事想re ...

  8. unity3D对象的显示和隐藏

    SetActive/active/SetActiveRecursively 后两者比较旧,现在通常用第一个SetActive 必须先new一个gameobject对象用于实例化,然后再设置其activ ...

  9. CART剪枝

    与上篇文章中提到的ID3算法和C4.5算法类似,CART算法也是一种决策树分类算法.CART分类回归树算法的本质也是对数据进行分类的,最终数据的表现形式也是以树形的模式展现的,CART与ID3,C4. ...

  10. Codeforces 582B Once Again

    http://codeforces.com/contest/582/problem/B 题目大意:给出一个序列,是由一个长度为n的序列复制T次得到的,问最长非下降子序列的长度. 思路:我们建立一个n* ...