美文网首页
L了个Y跟着李南江学习HTML5——项目总结

L了个Y跟着李南江学习HTML5——项目总结

作者: L了个Y | 来源:发表于2016-11-18 18:23 被阅读846次

    Talk is cheap. Show me the code
    翻译一下就是我江哥的名言:废话不多说,直接上代码!!!

    小码哥官网
    江哥简书

    一:项目展示

    项目 一:百度首页
    百度首页.png
    项目二:网易邮箱
    网易邮箱.png

    二:项目心得

    在整套课程中,江哥每讲到一些重要知识点就会教我们写个小案例,其中成体系的和比较综合得应该就是百度首页和网易邮箱了。在江哥的指导下,我也早早的把这两个项目自己做了出来,虽然现在做起来并不难,但是第一次写的时候还是遇到了许多问题,比如说:
    1 .百度首页——我采用的是CSS和HTML分开写的,所以现在引用CSS的时候因为文件命名大小写的格式错误,F5刷新一直显示错误。
    2 .网易邮箱—— 网易邮箱是一个综合的项目,原来不怎么会精灵图的测量和切割,经过这个项目,现在算是非常的6了。浮动方面遇到了一个问题就是最上面的logo和右侧的“了解更多|反馈意见”始终不能对齐在水平方向上,这个问题让我头大了好久,后来静下心来发现左侧选择器忘了写左浮动,又联想到江哥总结的那句话“标签浮动后的位置取决于浮动前在标准流中的位置”,问题瞬间就解决了。还有一个问题是设置垂直居中的line-height时候如果用快捷键会出现line-height: 27px;line-height: 27;少一个px的情况,我猜测可能是编辑器的问题,也因此经常F5刷新的时候达不到要求,还要自己找到代码重新添加像素单位。
    3 .其实无论是百度首页还是网易新闻,在开发过程中都面临一个相同的问题:那就是当项目足够大的时候因为标签嵌套太多、选择器太多、类和id的使用越多,使得开发变得繁琐,想设置一个标签背景色却找不到在哪,想删除一个元素却误删了别的,诸如此类,非常烦恼,为此我也总结了一些方法,比如1:添加注释,2:将CSS和HTML分离:3:提前画好层级结构图优化代码结构。

    三:最后

    说真心话,其实跟着江哥学的远不止于此,东西实在太多就不一一赘述了,感谢江哥如此认真的备课,让我
    能学到这么好的课程,希望能顺利进入小码哥学习前端课程,早日找到理想工作
    

    真心祝愿小码哥在李明杰和李南江两位大神的带领下将中国的IT培训行业重新洗牌,愿小码哥越做越大、越做越强!!!

    学HTML5就选李南江,选培训机构我只选小码哥(www.520it.com

    相关文章

      网友评论

          本文标题:L了个Y跟着李南江学习HTML5——项目总结

          本文链接:https://www.haomeiwen.com/subject/fzjmuttx.html