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

2016-11-18  本文已影响846人  L了个Y

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

上一篇下一篇

猜你喜欢

热点阅读