HTML5阶段总结

    对HTML5的第一印象是害怕,由于之前并没有接触过代码,在Java小游戏阶段曾因为代码问题掉了好多头发,现在走过来还是要接触面对代码,内心的胆怯没办法消除,害怕自己会在这一阶段翁栽倒。可是该来的总会来,只能去面对,

  在去学习之前,我小心翼翼的从那些已经把这一阶段过完的学长学姐们,HTML的大致情况,得出的结论是,前期与Java一点也不掺杂,完全是另外一种语言,而且可简单,当时心里有一块超级大的石头终于落了下来。

  学习HTML,我采用的是百度加上菜鸟网站的系统化学习,当然,如果有本合适的书的话将会效果加倍,(从图书馆借书最好借那些有关html和css结合的书)。刚刚开始一个新的事物只能说是手无足措,不知道应该从哪里开始。只能去尝试,我第一个做的便是模板上的logo,算下来应该有2天时间去安排他,期间学会了如何从网页源代码上抠图和抠代码,位置一直在用position来定位,用最笨的办法,在自己的代码里一直改数据,甚至用到数学的加减乘除来计算长度,现在想想甚是搞笑,然后一遍又一遍的打开成品网页来比照(可以刷新网页来改变),花费了很大的时间(数据其实可以在审查元素中来调试)。

   其实,到现在才明白,HTML里最先应该了解的是什么呢?是HTML和css的定义,接着是布局和选择器的应用。由于自己的出发点就是偏离的,导致前期做好的东西不符合规则,浪费大量的时间。所以说有这个大体的了解是非常有必要的。

   HTML一旦入门之后,后期将会比较容易,布局的话,大部分可采用盒子布局,由于时代的变迁,flex弹性的布局将是未来的趋向。希望可以多多了解一些这种方式。

   布局一旦确定好了,便是css的样式链接,css样式设置便是重点了,其实网页并不需要太过于花哨,但是需要我们的设计布局能够给人一种舒适感,合适的颜色搭配以及位置摆放在这个阶段过去之后,我看到了前端的走向。动画,过渡,轮播也要有适度的使用。

   之后我没注意到的就是命名了,不管做什么,都要在自己心里想着,我以后是一个要做一个精致的人,命名要规范,能够在后期的整理修改上,快速找到自己要修改的地方。

   一般地第一遍做出来的网页是需要大改的,我第一次修改的是命名,第二次是布局,减少了position的使用,加大了table,flex,以及盒子模型,float,的使用,第三次改的是路径./与../的区别,把链接都过一遍。

   之后的难点转移到表单input上,验证表单,以及表单的设计,难为了我好多天,只能说最后还是用的正则来解决的,心里难受。

   动画应该是一个加分点,但同时也可能是你知识点的失分点。

考核的时候,他们把重点放在了选择器这个基础之上,也让我明白自己做的真的简单没啥东西,基础还没扎厚实,下一个阶段js,这个就要与Java缠上东西了,放平心态去学习。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,741评论 1 45
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1 92
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,068评论 0 0
  • H5移动端知识点总结 阅读目录 移动开发基本知识点 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇阅读 4,627评论 0 26
  • 因为其他老师都去别市比赛,以及绿地店长去做产检的原因,我今天来绿地店值班,只有我和璐璐两个老师在这里,(对了,还吃...
    白眉小耳阅读 376评论 0 1