HTML和CSS各种常用标签和属性熟记于心，却写不出像样的静态网页正常吗？

其实编程本来就是一个要求多练，多改的过程，仅仅是熟记于心确实容易产生力不从心的感觉。掌握知识和转化运用的衔接是大部分程序员在职业生涯的不同阶段都会遇到情况。如何顺利从了解知识度过到运用自如是非常重要的，而对于你没有思路写不出来的情况，可以通过补足上层思维，从上到下思考来解决。

网页的设计和开发不仅仅是搭框架写标签，遵照一个思维的流程，可以帮你解决思路烦乱的问题。

一、对你的页面进行规划

1. 明确网页的目的，是新闻资讯？图片展示？或者视频服务。明确了网页的类型可以决定你的网页重点。

一个新闻网站

一个公司网站

一个购物网站

1. 观察于你目标类似的网站，关注竞品网站情况，进行学习和复用。页面代码都是开放的，多看多学，会有不同的收获。

2. 通过1和2的步骤确定页面排版、导航栏功能、如果是整站设计，要确定好网站地图

一、从功能和使用角度出发

1. 确定网页需要提供的功能，先列出功能列表，包括不同功能的层级关系。从功能列表出发，思考网页应该提供什么样的服务，比如按钮、输入框、对话框等等

2. 整理客户提供给你的资源，例如文字材料、图片、视频资源。确定展现的重点，依据材料的多寡和质量分配页面布局。

3. 按照规划的架构实现简单的组件，化零为整解决问题。

二、学会使用框架开发。当你实在走投无路、脑子空白的时候，不是还有Bootstrap吗？