百度首页
百度首页
百度首页作为我们课程中的一个小作业，算是我们做的第一个网页。当然，算是个老版本的百度首页，因为样式、结构都是比较简单清晰。不过虽然是一个被精简过的页面，但是作为第一个网页还是让我们懵了一下，要考虑如何准确的还原网页。
百度首页采用的是标准流布局，所以对于我们基本只要考虑水平居中跟上下距离就可以了。再根据南江老师的视频讲解，做出来也是很快，也让我们体验了一把做网页。
网易邮箱注册界面
网页邮箱注册界面
网易邮箱是我们学习到第八天的时候的一项作业，也是先由南江老师分步骤讲解，把网页分成了几个部分，也是要求我们按照这样的布局来撰写代码。南江老师花了较长的篇幅来详细讲解布局方法，这是我们第一项涉及到浮动布局的网页练习，也给我们带来了不小的挑战。
我们跟着视频一步一步来敲代码，遇到问题的时候就回过头来看老师的代码，也能边敲边学，还是感觉会有学到新知识的感觉。看别人写的代码也能学习别人代码的规范性，使自己的代码更加具有可读性。
小米官网
小米官网
小米官网使我们到目前为止遇到的最大、最复杂、最难的一个项目，不止是小米官网的内容巨大，还是因为官网里涉及到的知识更加全面也更加有深度。所以我们也是十分认真，这次页面编写也花费了1天多的时间。值得一提的是，在小米官网我们第一次使用上了iconfont这么一个字符表情，在做一些小图icon的时候也更加方便。小米官网也是在我们学习CSS3动画特性的时候做的，所以我也加上了许多动画效果，虽然我们是按照一张静态图片做的，但是我还是想让它像一个真正的网页，最后的结果来看也是十分满意。
总结
学完这半个月的基础班，自身的水平也是得到了极大的进步，放在以前，真是想都不敢想自己能做出这么棒的网页，虽然是模仿别人的，但是也是自己一行一行代码敲出来的，所以还是十分兴奋的，在这里的半个月也十分充实，让自己觉得学习起来也是很愉快。项目的由易到难，由浅入深也是安排的很合理，特别是教室的氛围，完全就是学习的天堂，每天下完课之后还有许多人要学习到很晚才肯走，这也是小码哥吸引人的地方吧。
学HTML5就选李南江，选培训机构我只选小码哥（www.520it.com）
网友评论