游荡的天光跟着李南江学习HTML5——项目总结。

我只是一个初入前端的菜鸟，甚至不能称之为一个程序员。之前分享的两篇文章只是代表自己的看法。我的文笔不好，我只是想将自己最真实的想法分享给大家。我想把这个当作日记一般。它将会记录我学习的每一个过程，时刻提醒我不能懈怠。

前几天跟着江哥学习了HTML和CSS的基本用法。于是给我们布置了很多做网站首页这方面的作业。他说这就相当于一个小项目。目的也是为了增强我们的思路以及能力。其实之前没学过这个的时候以为能做个网页就好牛逼。事实上发现你上网进的那些网站的首页学几天基本的知识就能够做出来。

老师让我们结合HTML和CSS陆续做了百度首页丶新浪首页丶努比亚手机官网首页丶绿色食品网首页丶小米官网首页等还有一些小网站。在这里我就拿我自己做的几个小网页首页来给大家分享一下感受吧！

美橙首页

新浪注册首页

网易这个注册界面其实不是很难。也就是分几个板块。其他的板块倒不是很难，只是那个注册界面会很麻烦。要用很多的表单元素，还有它如何排版。每次我打代码时，总是不能够让他们很有 规律的排列，不是这个框子出来了就是那个框子被挤出去了。中间还要插入图片。所以一直都没有弄好。越弄不好我的心情就会越差。心情越差，有情绪就越弄不好，这就形成了一个死循环。直到江哥讲了之后我才觉得恍然大悟。每次他的方法总是很简单。总是能够达到最大的效果。这就是我佩服他的原因.

小米首页

其实开始做小米这个时，还是遇到了很多困难的。因为之前没接触过，所以我们的思路并不清晰。开头的那张大图还是能很轻松的完成的。接下来做导航栏时。我们一开始是用div做的。做了很久，用了什么各种浮动，定位，勉强做好了。但是江哥提示我们用ul li标签能很快，于是我们就是试了下，结果真的是很快就写完了。感觉之前的写的代码都是多余重复的。这个就证明有时候虽然可以通过多种方法来达到我们想要的效果，但是我们可以有最简单最便捷的方式来完成。不然代码量太大，自己大的都是多余的废代码。然后接下来很多导航栏都是通过这个方法解决的。然后江哥让我们用自己的方式先做完，他再讲，这样我们会记忆深刻些。

当我们写完时，居然用了一天多。然后看江哥讲这个网页，却如同切菜一般，看他讲的时候思路很清晰。先构建网页的整个布局，然后再一步步的由外到里，由上到下。很轻松的就完成了。在这个过程中，他一直引导着我们布局，一步步带我们完成。讲的很仔细，很耐心。真的超级棒。他让我们先搭好框架，其次就是内容填充好，最后注意细节。这样就很很轻松的完成一个首页的制作。

通过写这个项目我觉得做什么事都不能急，碰到很棘手的问题时，我们先要理清自己的思路，一步步来 ，不慌。我觉得问题就再也不是问题了。当然，一个好的导师，一个好的学院会让你少走不少弯路的哦。这个就不用我多说了吧。

学html5就选李南江，选培训机构就选小码哥www.520it.com