开发中会遇到领导指着一个网页说,这个不错,咱们页面也按这个布局和风格做吧。直接用html+css+js生写还是挺费工的。最快的方法是直接照抄网页。本文例子不需要其它工具,只用浏览器的“另存页面为”和“查看页面源代码”两个功能来照抄网页,结果证明,不考虑js功能,仅看网页外观,是完全可以做出一模一样的网页的。
以下面网页为例,布局简单,但是要自己从头开始写,肯定要调试很久。
网页上鼠标右键,查看页面源代码
浏览器的新标签中会打开一个完整的html文件,
复制html全部内容到testindex.html,这个文件就是我们网页的主页面。将红框中引入的css文件和js文件的目录去掉../../是为了我们建立目录方便,改完后只需要在testindex.html同级目录下建立