html5实战—实现百度首页布局（初级版）

1、点击file新建工程，选择HTML5

2、在工程下，新建一个index.html文件，

3、对照百度的首页，确定开发思路（利用div之间的嵌套完成页面布局），在title中写入标题

1、在body中，写入5个div，分别作为总区域、标题栏、搜索区域、内容区域、底部导航，五个模块，为了方便清晰的操作，为五个div建立四个css文件，分别对应五个模块。

2、打开sum.css，设计总区域的样式，宽度布满全屏，高度指定为固定高度为1000px(这里的高度可以自己随意设定)

3、打开index.html文件，在id为head的div中，利用a标签，写入超链接文字

4、打开 head.css，按照百度首页的字体颜色和字体样式，进行编码

1、打开search.css，布局搜索区域

2、打开index.html，利用form标签，在form内，添加整个搜索区域的元素

1、在index.html中，利用a标签，和span标签，布局底部导航

2、打开low.css，设置整个底部导航的样式

3、至此，完成整个步骤，可以点击run，预览一下效果了