美文网首页HTML5
一枚小蜗牛跟着李南江学习HTML5-项目总结

一枚小蜗牛跟着李南江学习HTML5-项目总结

作者: 一枚小蜗牛 | 来源:发表于2017-01-11 18:58 被阅读0次

         通过这段时间学习了HTML+CSS,跟着江哥做了几个小项目,刚开始看完视频觉得这些项目原来这么的简单,等关了视频自己敲代码的时候,发现只是江哥做起来很简单,自己还是有难度,因为标签属性等等还没有用得熟练,只是单个掌握,还没有做到综合运用。通过这些项目总结性的将学习的知识全部运用起来,一边积累项目经验一边考核自己这段时间学到的知识是否可以灵活运用了

    新闻列表

    表格练习

           在做百度首页的时候,江哥都是利用高度来让每个部分有一定的距离,学过内外边距以后,自己回过头再做的时候用来margin,虽然也实现了,但是代码没有江哥的简介,不管怎么说都是一种尝试吧。

    百度首页

        做网易界面的时候,江哥视频里使用精灵图的,可是文件夹里没有精灵图,但是江哥给了一张完成的网易注册界面的图,所以就用Adobe Fireworks CS6做切片将用到的图片导出来,然后用到网页中。在注册字母邮箱和注册手机号码邮箱、注册VIP邮箱那里,江哥只做了第一个,我看了网易的官网,里面是有用到js,目前还不会,所以我就用过渡效果来简单实现鼠标点到上面背景变成蓝色,虽然和网易本身的效果差很多,对自己权当练习属性运用的熟练度了。

    网易注册界面

         没看云层效果的视频的时候我感觉这好神奇,看了视频之后发现原来现在的知识已经可以实现这个效果了,不过看视频的时候我就在想如果不是江哥这么写了代码,我自己是肯定怎么也想不到把宽度设为400%,更加的证实了江哥在交给我们思路,就是古话说的授人鱼不如授人渔。

    云层效果

    学到做3D播放器这里的时候,我好像学会了看到一个页面怎么去分析它,它有哪些元素,大体知道怎么去布局了,心里挺高兴的。

    3D播放器

    多重背景

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

    相关文章

      网友评论

        本文标题:一枚小蜗牛跟着李南江学习HTML5-项目总结

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