文斌跟着李南江学习HTML5—项目总结

文斌跟着李南江学习HTML5—项目总结_第1张图片
文斌跟着李南江学习HTML5—项目总结_第2张图片

       废话不多说,先上几张效果图,成就感十足!不过在这背后还是满艰辛的,课上看着南江老师操作的行云流水,自己也听的很认真,感觉都听懂了,可是到了自己做的时候,还是会卡壳,在做手风琴的时候,总是会出现白屏的效果,反复查看代码,一直没找到错误原因,后面和同学交流,终于找到了原因,原来是我的div的宽度和子元素img图片的宽度不匹配,导致图片被拉出来的时候出现一部分白屏,而且鼠标悬停在img图片上让图片被放大这个属性也是记得不牢固,后面手抄十几遍才慢慢根深蒂固了;最后说说小米的网页,那真是要了命,不仅网页长不说,布局也是各种奇葩,一会一样,一会搞的不一样,对于我们这些没实际开发经验的人来说,前期就是垒代码垒起来的,最后找自己的CSS代码都头晕了,不仅如此,效果还是各种奇葩,总之就是苦不堪言,还好后面南江老师给我们详细讲解了几个网页,让我们对网页的书写方面有了全新的认知,HTML5结构与CSS样式分离,增加适量注释,这样对自己对他们的阅读性都大大提高了,终于熬了一天才写出来了小米网页,虽然不是1:1逼真,但也差不多能到70%左右了,甚是开心!

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

你可能感兴趣的:(文斌跟着李南江学习HTML5—项目总结)