如何把设计师的图片变成网页呢?

2015-01-30 00:00:44 +08:00
 laomutuo

网上看到下面这个图片,赶脚挺漂亮的,就是不知道该如何将它变成代码;(
略懂css,js,html,但还是不知道如何将下面的图片变成网页:(

大家给点思路神马的吧:)

6086 次点击
所在节点    程序员
68 条回复
zikkeung
2015-01-30 00:26:20 +08:00
找前端来做啊
laomutuo
2015-01-30 01:06:47 +08:00
@zikkeung 偶就是前端...
yukirock
2015-01-30 01:14:13 +08:00
佈局用 Bootstrap 綽綽有餘，導航欄用 .navbar-fixed-top，下面 3+9 兩欄就好。UI 似乎就是 BS 的默認樣式，稍微修改一下就可以。
uuair
2015-01-30 01:41:28 +08:00
ps里面切片，直接成网页
laomutuo
2015-01-30 01:46:02 +08:00
@uuair 可以直接导出为网页么?
wadezhao
2015-01-30 01:50:25 +08:00
@laomutuo 问出这样的问题，说明你还不够资格当前端啊………………
0x142857
2015-01-30 01:58:07 +08:00
header
h1
nav
.wrap
.row
.left
.main
0x142857
2015-01-30 01:59:21 +08:00
WTF, V2EX 也过滤掉了空格.
0x142857
2015-01-30 02:00:30 +08:00
布局都一样 http://ohmycss.com
em70
2015-01-30 02:05:01 +08:00
前端的工作就是把别人设计的东西给做出来,要是一键就生成代码了,前端这个职位还有什么存在的价值
laomutuo
2015-01-30 02:44:02 +08:00
@0x142857 小破站你的?
0x142857
2015-01-30 02:48:27 +08:00
@laomutuo 233
laomutuo
2015-01-30 02:52:59 +08:00
@0x142857 亲搞前端多久了,好厉害的样子
0x142857
2015-01-30 03:05:24 +08:00
@laomutuo 我也是前端入门级玩家。
WhyLiam
2015-01-30 03:06:34 +08:00
前端還沒有入門那
0x142857
2015-01-30 03:13:40 +08:00
楼主的每个问题似乎都是求 Block 的。
Perry
2015-01-30 03:19:02 +08:00
@0x142857 你把我想说的话说了
thonatos
2015-01-30 03:23:13 +08:00
这个问题好难。
jprovim
2015-01-30 04:29:12 +08:00
Keyword: Slicing PSD to HTML
jprovim
2015-01-30 05:02:30 +08:00
https://code.tutsplus.com/articles/slice-and-dice-that-psd--net-2476

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/166639

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX