跟江哥学习HTML5和CSS的过程中，也跟着做了两个小项目~~
项目一：百度首页
江哥视频里面教我们做百度首页，但我制作的是百度新首页，一共花了我六七个小时，呜呜~~不过做出来后很开心。
制作百度首页时，我没有完全按照视频里面的百度改版前的首页进行编码，而是尝试做百度的新首页。导航条江哥是采用了div容器并且居中的方法，但百度新首页的导航条是在右上角，所以我个人用了无序列表+浮动的方式放到页面右上角，还要去掉列表小圆点，进行项目总结时，脑子突然闪过一个想法，用江哥那种方式，然后设置靠右对齐是否可以达到同样效果呢，试了一下果然可以，而且不需要使用浮动！不需要去圆点！不需要块级元素转换成行内块级元素！不过现在知道也不晚！
中部的logo和搜索条还比较简单，就是新版百度的搜索提交按钮设置了颜色，这时我就有个疑问，可以为按钮botton设置背景颜色吗？在网上查询说是可以设置的，就抱着尝试的心态设置了一下，居然生效了，但不知道代码对不对，江哥曾经说过，页面能够正常显示并不代码代码是正确的！但为了达到效果我还是给按钮设置了天蓝色，但颜色很丑，苦恼！
因为底部还有很多要弄，这个按钮的颜色问题暂时先放一边。
底部的二维码和“手机百度快人一步”是一个小整体，我用定义列表来进行编码，灵感来自江哥讲解定义列表标签时展示的案例，期间也花费了一点时间。制作底部花的时间最长，尤其是对齐问题，底部左侧的定义列表和右侧的几个a标签出现阶梯对齐情况，老是差一点点才能水平对齐，好着急！盯着他们看了好久，里里外外的标签都尝试了去掉内外边距，但还是没有效果，折腾了好久，我想到有可能不是边距的问题，突然想到在某处看到一个案例，或许对此有帮助。然后从文件夹里面找出资料，对比上面的代码，对a标签设置了行高，底部内容看起来跟原版差不多，都在同一水平线上了。
再对比查看一遍电脑上展现的效果，一眼就看到搜索按钮那个丑颜色，想起来WebStorm有取色功能，手指动动就可以用取色器复制颜色到代码里面，哈哈！下面是成品截图，不过还有一些不足，打算去问问江哥，哈哈~~
再对比查看一遍电脑上展现的效果，一眼就看到搜索按钮那个丑颜色，想起来WebStorm有取色功能，手指动动就可以用取色器复制颜色到代码里面，哈哈！下面是成品截图，不过还有一些不足，打算去问问江哥，哈哈~~
项目二：网页邮箱注册页面
江哥讲解制作“注册字母邮箱注册手机号码邮箱注册VIP邮箱”部分时，提到因为还没有学习javascript，没法做到这三个界面的任意切换，但可以直接用图片做背景，可是，网易找不到这个图片背景，提供的资料里面也没有这个图片，倒是在网易注册界面找到了一个精灵图，图片上面有相似的背景颜色。所以回头找前面学过的知识，利用图片定位方法把图片显示到固定位置。
因为网易网上找到的精灵图不是以“蓝白白”进行排列的，只有“蓝白”，而且尺寸也不对，我后面只能给每个li单独添加背景颜色，个中还是各种问题，但最终还是达到了视觉效果~~
碰到一个比较大的困难，中间部分ul下面有3个li ul设置的宽度是412px，每个li的宽度理应是137px，可是我给每个li设置背景颜色后，宽度最多只能设置134px，超出这个数字这3个li就不会在同一个水平线上，怎么也想不明白这个问题！！把边框border去掉之后也还是这样，呜呜~~虽然显示效果跟江哥的一样，可是这个问题还是想不明白。
信息填写部分跟着江哥说的一步步做下去，还是比较简单，但偶尔也会犯一些低级错误，导致预期效果没有显示出来，还是要多多细心。
跟着江哥的视频一步步制作网易注册页面，步骤是容易的，最难的是如何把图片放入各个标签盒子里面，需要用firework的切片工具找出内容尺寸和位置，如果有现成的背景图片会更顺利点。
下面是网易效果图：
学HTML5就选李南江，选培训机构我只选小码哥（www.520it.com）
