HTML布局结构，三点经验
HTML的布局，鄙人认为就是HTML文档的结构，比如导航、标题、正文、页脚、侧边栏、推荐栏等等该怎么摆放、设计。这不是一篇博客文章或教程可以具体讲得清楚，所以关于HTML布局设计，这篇文章只是写一些鄙人开发网站前端过程中的经验之谈，不会提供具体的代码，如下：
HTML布局设计的三点经验
- 使用前端框架：鄙人尝试过不用前端的框架进行web页面的设计，然而，不仅费时费力，而且还不好看，很多JS动态的交互效果还要自己去设计，比如弹出个对话框或窗口，下拉菜单等等；优秀的前端开源的框架有很多，比如本站使用的bootstrap，里头有个栅格的布局设计，十分好用；
- 多看看主流门户网站的布局设计：这一点主要还是在内容的参考上，比如要不要进行响应式的设计，网站的VI视觉系统要怎么选择，然后内容页的标题该怎么放，要不要居中，图像的宽度要不要设置成100%等等；
- 多尝试：虽然目前有很多优秀的前端框架可以使用，但是初次使用进行web页面的设计的时候也不一定能够一蹴而就，说不定会产生许多bug，需要多多尝试练习；
当然，HTML网页的布局还是要根据网站本身的特点来进行设计，比如本站笨鸟工具（x1y1z1.com）主要还是以工具博客教程为主的内容站，图片较少，或尽量不使用图片，以减轻服务器存储和带宽的压力，所以设计的也相对简约，以突出内容为主。