做个别人家的网页

本文适用如下场景

领导指着一个网页说，这个不错，咱们页面也按这个布局和风格做。这时你直接用html+css+js生写还是挺费工的。最快的方法当然是直接照抄网页。本文不需要其它工具，只用浏览器的“另存页面为”和“查看页面源代码”两个功能来搞定照抄网页，结果证明，不考虑js功能，仅看网页外观，是完全可以做出一模一样的网页的。

举个例子

以下面网页为例，布局简单，但是要自己从头开始写，肯定要调试很久。

网页上鼠标右键，查看页面源代码

浏览器的新标签中会打开一个完整的html文件，

复制html全部内容到testindex.html，这个文件就是我们网页的主页面。将红框中引入的css文件和js文件的目录去掉…/…/，这是为了我们建立目录方便，改完后只需要在testindex.html同级目录下建立common目录，避免到testindex.html所在目录的外面建立目录。