想开始学做一个看上去不土的网站，要怎么开始呢？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3600 天前的主题，其中的信息可能已经有所发展或是发生改变。

主要是想做一个想做一个不要太土的网站，准备用来放我之后要做的东西的。

先说下我的水平：

会一点 HTML，只限于显示个链接，按钮啥的。
会一点 javascript，了解了一下前端的框架，打算试试 Semantic-UI。
会一点点的 PHP，没用过什么框架，会保存数据到 mysql 和 redis。

想请教哪位做前端的几个问题：

我要用什么方法排版页面呢？不至于要一行一行的写吧，是不是有什么帅气的工具可以直接生成页面排版的？
那个 sematic-ui 怎么和设计好的页面交互呢？

给个工具名字 or 简单的教程连接就好。

排版

前端

页面

25 条回复 • 2015-01-18 12:55:18 +08:00

jedicxl

2015-01-16 20:36:00 +08:00

不土？
视觉效果不土，还是技术底蕴不土？
按照你写的自身条件，估计后者短期无法实现
实现前者嘛，其实需要比后者耗时更久，而且更比拼天赋，好在：你可以抄

shutupATnight

2015-01-16 20:42:10 +08:00

技术底蕴就不比了，不能太强迫自己不是。

主要是看上去不土，比如像广告里 http://www.jobdeer.com/ 看上去就不土，反之有些机关单位网站就挺土的。

Keinez

2015-01-16 20:45:03 +08:00 via Android

找一个设计师。

popoge

2015-01-16 20:53:33 +08:00

去看wordpress主题的设计，然后学会用css+html5+javascript实现它，或者你可以用各种好看的前端框架，很快就能设计出时尚的页面，部门网站确实难看，<table>标签和flash满页都是，无力吐槽

wolfan

2015-01-16 21:01:03 +08:00

1、大背景一张。
2、短短的一段内容。
3、一个隐形的按钮。
保证不土，而且会觉得你屌爆了。

sadaharu09

2015-01-16 21:11:44 +08:00

试试Tumult Hype，加上一段HTML5动画，保证你觉得碉堡。

loyd1234

2015-01-16 21:14:43 +08:00

想法不能太土先

jjplay

2015-01-16 21:14:48 +08:00

以前刚入门的时候我觉得Dw简直是神器，可以可视化做网页，后来慢慢的发现那种生成的东西完全越来越不符合自己的需求了，所以大多数人都是这样过来的，最终还是都要自己一行一行的写

bombless

2015-01-16 21:18:23 +08:00

从找一个设计师开始！

mcfog

2015-01-16 21:28:37 +08:00

推荐看看这个视频

http://www.confreaks.com/videos/522-roa2011-design-hacks-for-the-pragmatic-minded

想法，想象力，设计理念最重要，至于实现工具，作为程序员找工具实现想法是本业，不会成为瓶颈

macpig

2015-01-16 21:29:07 +08:00

找做的不土的页面的人来设计

zzutmebwd

2015-01-16 21:29:14 +08:00 via Android

从不支持ie6开始

zzvrps

2015-01-16 21:35:19 +08:00

建议还是找个人来设计。。。自己设计的基本都很土。

Heracles

2015-01-16 22:30:50 +08:00

既然你是初学者，给你推荐一个网站： http://www.awwwards.com/
选一个喜欢的照着抄就行了。

mjar

2015-01-16 22:32:41 +08:00

模仿

xi4oh4o

2015-01-16 22:43:46 +08:00

bootstrap

sammo

2015-01-16 22:55:27 +08:00

@JoyNeop 有什么想说的

guiguan

2015-01-16 23:05:07 +08:00

前端排版什么的试试Twitter的bootstrap然后结合jquery实现你要的logic。欢迎参考我最近用bootstrap做的一个project page: http://unicall.guiguan.net

sammo

2015-01-16 23:28:42 +08:00

愚见是：首先，找到好看的网页，再找到它的代码，然后，为了复刻这个网页而手写 css

Dreista

2015-01-17 02:00:52 +08:00

多看看优秀的作品。代码只是为了实现预想的效果。

loveuqian

2015-01-17 02:05:39 +08:00 via iPhone

amaze ui，直接上，站着例子网站改，存放东西，静态够了

titanp

2015-01-17 03:44:34 +08:00

找个框架呗~

xuwenmang

2015-01-17 07:22:48 +08:00

花钱找专业的。

hjc4869

2015-01-17 09:36:30 +08:00 via iPhone

试试用winjs写一个web app

shutupATnight

2015-01-18 12:55:18 +08:00

感谢各位，我就不一一回复了，先去申请一个空间和域名。