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

[shutupATnight]

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

先说下我的水平：

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

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

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

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

[jedicxl]

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

[shutupATnight]

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

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

[Keinez]

找一个设计师。

[popoge]

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

[wolfan]

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

[sadaharu09]

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

[loyd1234]

想法不能太土先

[jjplay]

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

[bombless]

从找一个设计师开始！

[mcfog]

推荐看看这个视频

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

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

[macpig]

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

[zzutmebwd]

从不支持ie6开始

[zzvrps]

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

[Heracles]

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

[mjar]

模仿

[xi4oh4o]

bootstrap

[sammo]

@JoyNeop 有什么想说的

[guiguan]

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

[sammo]

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

[Dreista]

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