美文网首页
Mr.Woo跟着李南江学习HTML5—项目总结

Mr.Woo跟着李南江学习HTML5—项目总结

作者: MrWoo | 来源:发表于2017-03-06 17:39 被阅读0次

    1.百度首页

    整个页面基本没什么难度,主要是各部分的划分,了解清楚各部分是怎样组成的,然后排版分布很快就完成了

    2.网易注册界面

    同样一上来看下整个页面的布局,分别由哪几部分组成。整个页面的难度我觉得主要在中间注册上,不过关于中间做法,跟江哥的教学一样,先把第一部分做好,然后之后基本规律一样,再修改细节就ok了。项目中用到的知识:浮动布局,精灵图的应用,表单的应用,用span给局部内容设置样式。

    3.京华数码

    这是一个比较完整的网站,在做这个网站的时候也算挺顺利的,基本没碰上什么难度,就是在代码的编辑速度上还不够清晰快速,有待加强。

    4.努比亚官网

    虽然把整个努比亚官网完完整整的打出来,但是从细节上将里面还是有很多地方存在不足。例如在整个网页宽度设置上一开始给设置了具体高度,导致整体的网站跟原网站还是存在区别,而且在中间banner部分图片只是直接给定了100%宽度,但是并没有使主体部分图片居中,不利于用户对网站的阅览。还有在中间内容部分,经过老师的教学,居然可以用到浮动的贴靠现象,顿时让自己也是茅塞顿开。总体来说,整个网站还是有许多需要修改的地方。

    5.小米官网

    在制作小米官网上,给我最大的感觉就是重复的代码比较多,在制作的过程中没有很好的提取公共类,很笨拙的每行代码写出来,导致浪费了太多时间。这让明白了对一些内容量比较多的网站应该先分析下里面有没有重复可提取的公共类,这样可以提高代码的阅读性还有打代码的效率。

    相关文章

      网友评论

          本文标题:Mr.Woo跟着李南江学习HTML5—项目总结

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