做网页布局大家用什么工具？除了dreamweaver

dreamweaver

网页

布局

59 条回复 • 1970-01-01 08:00:00 +08:00

1

alexrezit

2013-01-24 20:57:34 +08:00

没懂楼主要问什么. Pixelmator? VIM?

2

alexrezit

2013-01-24 20:58:38 +08:00

1

帮你 @ 一个前端攻城湿. @squallsdjl

3

ystar

2013-01-24 21:05:36 +08:00

一直用aptana 主要是一种习惯

4

levon

2013-01-24 21:15:51 +08:00

sublime text, firebug

5

HarryZD

2013-01-24 21:16:30 +08:00

sublime text 2是正解

6

laoyuan

2013-01-24 21:31:27 +08:00

firebug

7

aisin

2013-01-24 22:23:39 +08:00

免费用sublime text, 破解用webstorm, 都是牛逼的工具

8

linuxer

2013-01-24 22:27:10 +08:00

sublime text+firebug.

9

luin

2013-01-24 22:31:15 +08:00 via iPhone

vim和chrome

10

gucheen

2013-01-24 22:32:03 +08:00

除了上述，adobe 家的 brackets spring 的live preview功能很好，保存自动刷新，Win/OS X

11

Ricepig

2013-01-24 22:41:47 +08:00

我明白lz说的是啥，需要一个直观的网页设计工具。

还是推荐编辑器+浏览器模式吧，不过有一个很好的工具叫F5，它可以让你保存了html代码以后，浏览器中自动刷新。

12

wencheng

2013-01-24 22:59:51 +08:00

sublime text, chrome

13

foru17

2013-01-24 23:02:30 +08:00

sublime text +1

14

paloalto

2013-01-24 23:03:38 +08:00

sublime text, firebug

15

limon

2013-01-24 23:10:43 +08:00 via iPad

1

vim + livereload

16

Mutoo

2013-01-24 23:22:07 +08:00

bootstrap

17

squallsdjl

2013-01-25 00:06:08 +08:00

2

@alexrezit 感谢受邀 ^_^
其实新人很容易问这样的问题，但是很难找到合适的答案。为什么呢？因为缺“好师傅”，或者“好老师”。其实这里深入理解不是需要什么工具的问题，而是找到合适自己的设计模式，也就是完成设计需要的工作方式。dw我觉得可以完成很棒的作品，当然你也可以选择VIM（如果mm，暂定认为是mm。不知道是什么的话可以自己度娘一下），我觉得需要引导的地方是mm你需要团队协作的经验，那怕是一个实验性项目也可以参与一下，如果是自己的网站你也可以邀请做程序的朋友一起来参与，这样你就会熟悉自己的方式，也许是探索。
如果单纯是做网页布局的话，我的经验是先在大脑里面酝酿，然后用纸随便画画，找到自己要的感觉，然后尝试在ps上设计框架，拼贴初稿的图片素材进去和尝试配色，然后不断对设计进行迭代。中间可能需要大幅度修改，以及脱稿操作，这里指的是开始进入前端代码的测试，把设计与交互结合起来进行，不断调整设计细节，再测试，再调整，反复直到完成作品。

也许回答有点抽象，欢迎追问。有时间的话也欢迎大胆来访问我们。地址：
http://sparker5.com/contact

18

Sunya

2013-01-25 02:41:42 +08:00

st2, notepad++

19

tangzx

2013-01-25 08:22:23 +08:00 via iPad

firebug+1

20

thewei

2013-01-25 09:33:03 +08:00

看题目似乎是想问做页面前端时用什么编辑器吧。
说说我的吧。简单，时间短的用notepad++，时间持续比较长会用sublime text，调试直接用chrome自带的开发者工具。
页面的布局看设计稿而定，边看边打代码，无非就是那几种布局，无它。
如果你想页面的设计也搞定，那就是学一个图像工具吧。比如PS，FW。

21

forest520

2013-01-25 09:35:40 +08:00

http://jsfiddle.net/

22

hzlzh

2013-01-25 09:50:33 +08:00 via iPhone

ST2+FireBug

23

BigZ

2013-01-25 12:32:53 +08:00

ublime text 2+chrome

24

ltjwork

2013-01-25 12:44:44 +08:00

firebug+1

25

zzz

2013-01-25 14:45:36 +08:00

chrome，bootstrap + 随便一支持语法高粱编辑器 vim emacs sublime 也行

26

ry_wang

2013-01-25 16:40:55 +08:00

有了 Bootstrap 之后，Dreamweaver此类纯CSS、HTML编辑器真的没那么重要了。

27

sykp241095

2013-01-25 16:43:28 +08:00

铅笔，vim。

28

dingtianran

2013-01-25 18:48:43 +08:00

@squallsdjl 呃。。。。东五环是广院的校友吗。。。。

29

squallsdjl

2013-01-25 19:00:22 +08:00

@dingtianran 哈哈～差点是校友～因为之前差点去报考广院的数媒研究生。现在住得比较近，几个好朋友也是广院的

30

liuxurong

2013-01-25 19:03:49 +08:00

notepad ++ firefox firebug

31

laoyuan

2013-01-25 19:33:55 +08:00

sublime text 2 写 html、css 啥的大家用什么插件啊？？

32

laoyuan

2013-01-25 19:34:37 +08:00

我觉得chrome的调试工具好挫啊，还不如IE的

33

maxbbn

2013-01-25 20:20:07 +08:00

浏览器是最好的布局调试工具

34

wwqgtxx

2013-01-25 21:13:03 +08:00 via Android

notepad++，firefox firebug，eclipse

35

NFSwind

2013-01-27 01:32:18 +08:00

IETest

36

zhouquanbest

2013-01-27 04:39:36 +08:00 via Android

这么多sub党
我是emacs+firebug
dw这种东西少用为好

37

Ceelog

2013-01-27 22:33:33 +08:00

手写。Notepad++ && Chrome

38

tingwind

2013-01-27 22:48:24 +08:00

不用firebug好多年，说chrome 调试不好的，绝对能力是也是水货

39

alexrezit

2013-01-27 22:49:51 +08:00

@tingwind
Chrome 现在就是作死, 新版装个 userscript 屁事儿都那么多. 要不是因为 Apple 把 Safari 的开发者工具搞得特别傻逼 Chrome 就被我删了.

40

yetone

2013-01-27 23:32:32 +08:00

vim 和 Chrome，大家都差不多吧

41

leavic

2013-01-27 23:39:04 +08:00

6年前，用editplus +firebug

42

jinwyp

2013-01-28 00:49:34 +08:00

windows 强烈推荐 webstorm 基本dw可以完全扔掉了.
mac下还是sublime text2

43

zythum

2013-01-28 00:51:03 +08:00

@alexrezit Apple 把 Safari 的开发者工具搞得特别傻逼+1

44

cai314494687

2013-01-28 09:04:03 +08:00

已经好多年没有用Dreamweaver了。

45

d0a1ccec

2013-01-28 10:17:01 +08:00

@alexrezit Apple 把 Safari 的开发者工具搞得特别傻逼+1

46

enj0y

2013-01-28 10:37:30 +08:00

Notepad++ && Chrome

47

CatJia1990

2013-01-28 11:51:26 +08:00

为什么没有人提 Espresso……

48

zyw

2013-01-28 12:11:41 +08:00

sublime text+firebug. +1

49

evilcoder

2013-01-28 13:09:57 +08:00

editplus + Chrome

50

b362311

2013-01-31 12:55:33 +08:00

不是用CSS吗？和所用的软件关系不大吧

51

conis

2013-01-31 15:26:21 +08:00

Firefox(Firebug)+手写

52

kebot

2013-02-01 14:13:50 +08:00

@CatJia1990 那货太小众了

53

CatJia1990

2013-02-06 23:15:55 +08:00

@kebot 超好用啊谁用谁知道…… = =

54

darkhucx

2013-02-06 23:53:55 +08:00

vim加框架手写 Dreamwaver 那货生成的垃圾代码太多

55

will

2013-02-07 00:04:24 +08:00

@aisin WebStorm不贵 http://www.oschina.net/shop/jetbrains

56

zhez

2013-02-07 07:14:49 +08:00 via iPhone

espresso

57

scarlex

2013-02-08 17:08:10 +08:00

sublime text2

58

RoshanWu

2013-02-08 17:26:50 +08:00

是不是跟知乎上的这个问题很类似？

59

RoshanWu

2013-02-08 17:26:56 +08:00

是不是跟知乎上的这个问题很类似？http://www.zhihu.com/question/20760034?group_id=9437651#1569461