如何一步一步抄出来一个网站的界面
2013-11-09 09:34
274 查看
对于新手来说,可以先找一本html的书看看,把基本的东西弄得差不多了,比如能写一个列表导航条,大概了解了浮动就差不多了。
然后找一个网页的截图,在ps里一点一点扣出来图片,把截图做成网页,尽量做到和图片一样的效果。推荐使用chrome浏览器,按下F12进行调试。
下一步,到http://themeforest.net/里找一个不太困难的网站demo,然后先用F12了解它的页面布局,大致有个基本概念,然后看资源选项
这里有很多不会的js,其实很多都是别人写好的插件,使用Google找到它,学会配置它,然后一些简单的效果就可以实现了。
还有css,里面可能用到了别人的框架,比如bootstrap,Foundation , Crusher等等,会导致其中的div嵌套很多,可以先了解一下框架的基本内容,
再开始抄,抄的过程一定有很多问题,不过多使用Google解决。
PS: 抄写的目的在于学习,如果把网站前端源码直接另存就没有意义了。
然后找一个网页的截图,在ps里一点一点扣出来图片,把截图做成网页,尽量做到和图片一样的效果。推荐使用chrome浏览器,按下F12进行调试。
下一步,到http://themeforest.net/里找一个不太困难的网站demo,然后先用F12了解它的页面布局,大致有个基本概念,然后看资源选项
这里有很多不会的js,其实很多都是别人写好的插件,使用Google找到它,学会配置它,然后一些简单的效果就可以实现了。
还有css,里面可能用到了别人的框架,比如bootstrap,Foundation , Crusher等等,会导致其中的div嵌套很多,可以先了解一下框架的基本内容,
再开始抄,抄的过程一定有很多问题,不过多使用Google解决。
PS: 抄写的目的在于学习,如果把网站前端源码直接另存就没有意义了。
相关文章推荐
- 如何一步一步用DDD设计一个电商网站(十三)—— 领域事件扩展
- 如何一步一步用DDD设计一个电商网站(八)—— 会员价的集成
- 如何一步一步用DDD设计一个电商网站(五)—— 停下脚步,重新出发
- 如何一步一步用DDD设计一个电商网站(十二)—— 提交并生成订单
- 如何一步一步用DDD设计一个电商网站(十一)—— 最后的准备
- 如何一步一步用DDD设计一个电商网站(十四)—— 回顾与总结
- 如何一步一步用DDD设计一个电商网站(十四)—— 回顾与总结
- 如何一步一步用DDD设计一个电商网站(三)—— 初涉核心域
- 如何一步一步用DDD设计一个电商网站(六)—— 给购物车加点料,集成售价上下文
- 如何一步一步用DDD设计一个电商网站(十四)—— 回顾与总结
- 如何一步一步用DDD设计一个电商网站(九)—— 小心陷入值对象持久化的坑
- 如何一步一步用DDD设计一个电商网站(十三)—— 领域事件扩展
- 如何一步一步用DDD设计一个电商网站(十二)—— 提交并生成订单
- 如何一步一步用DDD设计一个电商网站(二)—— 项目架构
- 如何一步一步用DDD设计一个电商网站(十)—— 一个完整的购物车
- 如何一步一步用DDD设计一个电商网站(十四)—— 回顾与总结
- 如何一步一步用DDD设计一个电商网站(十四)—— 回顾与总结
- 如何一步一步用DDD设计一个电商网站(十四)—— 回顾与总结
- 如何一步一步用DDD设计一个电商网站(一)—— 先理解核心概念
- 如何一步一步用DDD设计一个电商网站(十三)—— 领域事件扩展