V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 4118 days ago, the information mentioned may be changed or developed.
网上看到下面这个图片,赶脚挺漂亮的,就是不知道该如何将它变成代码;(
略懂css,js,html,但还是不知道如何将下面的图片变成网页:(
大家给点思路神马的吧:)
 |
1
zikkeung Jan 30, 2015
找前端来做啊
|
 |
3
yukirock Jan 30, 2015
佈局用 Bootstrap 綽綽有餘，導航欄用 .navbar-fixed-top，下面 3+9 兩欄就好。UI 似乎就是 BS 的默認樣式，稍微修改一下就可以。
|
 |
4
uuair Jan 30, 2015 via iPhone
ps里面切片，直接成网页
|
 |
7
0x142857 Jan 30, 2015
header
h1 nav .wrap .row .left .main |
|
8
0x142857 Jan 30, 2015
WTF, V2EX 也过滤掉了空格.
|
|
9
0x142857 Jan 30, 2015
布局都一样 http://ohmycss.com
|
 |
10
em70 Jan 30, 2015  1
前端的工作就是把别人设计的东西给做出来,要是一键就生成代码了,前端这个职位还有什么存在的价值
|
 |
15
WhyLiam Jan 30, 2015
前端還沒有入門那
|
|
16
0x142857 Jan 30, 2015 via Android 1
楼主的每个问题似乎都是求 Block 的。
|
 |
18
SuYia Jan 30, 2015 via Android
这个问题好难。
|
 |
19
jprovim Jan 30, 2015
Keyword: Slicing PSD to HTML
|
 |
21
broker Jan 30, 2015
|
|
22
broker Jan 30, 2015
google prevent 第一个就是这个site https://preventnow.com/faq
|
 |
23
babyname Jan 30, 2015 via iPhone
这么简单的页面实现不了能叫前端？那前端是做什么的？
|
 |
24
zjgsamuel Jan 30, 2015
|
 |
25
ityao Jan 30, 2015
把 CSS 另存下来, 然后HTML也另存
然后你懂的 |
 |
26
shakoon Jan 30, 2015
楼主你真的是做前端的？PS切图是前端人员的入门级技能哦
|
|
29
uuair Jan 30, 2015
@laomutuo http://helpx.adobe.com/cn/photoshop/using/slicing-web-pages.html
我其实不该再来回答的，因为google都有这么多答案。 |
 |
30
loading Jan 30, 2015
楼主在2楼的回复把我乐坏了，感谢你给我快乐的一天！
|
 |
31
cnkuner Jan 30, 2015 via Android
切图啊
|
 |
34
66beta Jan 30, 2015
楼主，我宁愿相信你是来搞笑的
|
 |
35
xychang Jan 30, 2015
这页面根本不需要ps切图啊……
|
 |
36
userlogin Jan 30, 2015
一定是猴子请来的逗比。
|
 |
37
chshouyu Jan 30, 2015
请问楼主你所认为的前端都是做什么的。。
|
 |
38
zhuziyi Jan 30, 2015
楼主你这不是人品有问题么？说自己做前端的，还问这个问题，真奇怪~
|
 |
39
loveuqian Jan 30, 2015
。。。。。。。。。。。。。。。
来卖萌的？ |
|
40
zhuziyi Jan 30, 2015
楼主只是来活跃气氛的~
|
 |
41
LuckyHJH Jan 30, 2015
哈哈哈这么简单，直接把图片放进img或者background里然后摆上去网站啊
|
 |
42
learnshare Jan 30, 2015
前端是干嘛的？
把设计图改名为 index.html，丢到服务器完事 |
 |
43
thanksir Jan 30, 2015
2333333333333333333
|
 |
44
Vt463o3364vZ98Y7 Jan 30, 2015
楼主如果是前端的话，不应该问出这种问题吧~~~~~
|
 |
45
shyrz Jan 30, 2015
逗
|
 |
46
Phariel Jan 30, 2015 via Android
我懂了 楼主5铜币拿好不送
|
 |
47
dcirplan Jan 30, 2015
疯狂coding之后，把图切下来，贴上去~ok
|
 |
48
rayps Jan 30, 2015
这个页面根本不需要切图...
|
 |
49
GuangTsang Jan 30, 2015
楼主是 前台端水的吧
|
 |
51
ryanyu104 Jan 30, 2015
你是前端 这个页面你搞不出来... 逗我们呢？
|
 |
52
wheatcc Jan 30, 2015
LZ是来开心大家的么？
|
 |
53
Wenwei Jan 30, 2015
你可以找重构帮你做，前端负责写js就好了。
|
 |
54
momou Jan 30, 2015
这切个毛的图啊，直接写了。。。
|
 |
55
javerccc Jan 30, 2015
LZ你确定你知道什么是前端？
|
 |
56
acgeo Jan 30, 2015
有个工作叫做 切图仔
被尊称为 前端开发工程师 |
 |
57
lance26 Jan 30, 2015
|
 |
58
along Jan 30, 2015
这是什么节奏？怎么有种吐槽，又不知道从何吐起的感觉！
|
 |
60
benjiam Jan 30, 2015 via Android
不会，切图容易，用CSS实现效果，鼠标点击效果，移动效果 多平台一直
|
 |
61
omi4399 Jan 30, 2015
这是谁的小号来卖萌的？
|
 |
62
zoosucker Jan 30, 2015
你可以把它另存为图片，然后用img做成个背景就行了。
|
 |
63
yaoyuan1072 Jan 30, 2015
1.切图
2.CSS 3.楼上+1 |
 |
64
RaymondYip Jan 31, 2015
2333333333楼主确定是前端?? 无法直视啊
|
 |
65
xmi Jan 31, 2015 via Android
@GuangTsang 这解释。。2333
|
|
66
xmi Jan 31, 2015 via Android
对了 楼上也说了 该网站成品也出来了 可以直接去打开网页查看源代码：）
|
 |
68
SoberZhou Feb 3, 2015
既然略懂，那么 这个页面一点都不需要切。 直接码出来
|
Select Language