用于 css 和 html 的 Dreamweaver？
我是一个纯粹的后端程序员，我发现定位 div 和添加 css 样式非常困难。
您有什么建议可以让我的事情变得尽可能简单？
使用 Dreamweaver 吗？它到底能帮助我做什么。
我不知道如何向我的原型添加样式或处理 div 和元素的定位。一些指南？工具？软件？在线脚本？
欢迎所有建议！引导我完成......我所有的都是业务逻辑，没有设计头脑。
例如。 http://www.workey.se。你如何从布局、设计和所有这些东西开始......
im a pure backend programmer and i find it so difficult to position divs and add css styles.
what are your advices to make this as simple as possible for me?
use dreamweaver? what can it help me with exactly.
i have no idea how to add style to my prototype or handling positionings of divs and elements. some guides? tools? softwares? online scripts?
please all suggestions are welcome! guide me through...im all business logic and none design head.
eg. http://www.workey.se. how do you start with layout, design and all that stuff...
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（5）
具体取决于您需要做什么，但是学习 css 基础知识非常容易，掌握它当然要困难得多。我建议你学习CSS并确保你有一个像firebug这样的像样的浏览器插件，这样你就可以准确地看到正在发生的事情。我个人不是 Dreamweaver 的粉丝。
Depends exactly what you need to do, but learning the basics of css is pretty easy, mastering it is far more difficult of course. I'd suggest you just learn CSS and makes sure you get a decent browser add in like firebug so that you can see exactly what is going on. I'm not a fan of dreamweaver personally.
Dreamweaver 是初始设计的一个很好的工具，但我不会推荐它做更多的事情。当然，很多人专门使用它。
为什么不尝试一些像 960 grid 这样的 CSS 框架呢？它可以帮助在页面上定位元素，让您不必担心设计的具体实现，例如字体和颜色。
http://960.gs/
Dreamweaver is a good tool for initial design but I wouldn't recommend it for much more than that. Of course many people use it exclusively.
Why not try some CSS framework like the 960 grid? It can help with positioning elements on the page and leave you to worry about the specific implementation of your design like fonts and colors.
http://960.gs/
如果您想要简单的页面布局，例如 YUI 可能会帮助您。它有大量预构建的代码供您使用。特别是 Grid Builder 非常适合创建多个部分以填充到页面中。
至于工具，只要它有合适的语法突出显示任何文本编辑器就可以了。就个人而言，DreamWeaver 过于努力地“提供帮助”，反而成为了障碍，但我对原始标记感到更满意。
If you want simple page layouts something like YUI might help you. It has a large collection of pre-built code for you to use. Particularly the Grid Builder is great for creating multiple sections to populate within pages.
As for tools as long as it has decent syntax highlighting any text editor would be fine. Personally DreamWeaver tries too hard to 'help' and instead gets in the way but then I'm happier just with the raw mark-up.
我同意上面的一些帖子，并理解您在开始时可能遇到的“像素推送”困难。
我已经创建和重新创建 HTML 布局大约 5 年了，在尝试 YUI、Google Blueprint、几个 css 重置库和我自己的自制布局之后，我发现 YUI 的网格、字体和重置是最灵活和最有效的。有用。他们的模板有点棘手，但也只是一点点。
这是我对非常相似的问题的回答（如果人们宁愿不点击查看答案...如果这是垃圾邮件或违反规则，请告诉我，我将删除答案）
:
“
以上所有内容都非常出色。Dreamweaver（恕我直言）拥有最完整的页面设计功能集（Adobe 实际上不久前从 TopStyle 获得了一些技术许可，以改进其功能集）。并且它具有出色的内置验证功能 非常
另一个免费工具（请记住，除非您窃取它，否则 Dreamweaver 将花费您至少几百美元）是 Aptana IDE，它具有 Dreamweaver 所具有的大多数代码完成选项，并且类似的 Firefox 验证工具
好 。此外，还有非常有用的 Firebug 扩展和其他 Firefox 插件：
”
I agree with some of the posts above, and empathize with the "pixel pushing" difficulties you might encounter when starting out.
I've been creating and recreating HTML layouts for about 5 years now, and after trying YUI, Google Blueprint, several css reset libraries, and my own home-brew layouts, I find YUI's grids, fonts, and resets are the most flexible and useful. Their templates are a little tricky, but only a little.
Here's my answer to a very similar question (in case people would rather not click through to see the answer...if this is spamming or against the rules, please let me know and I will remove the answer)
:
"
All of the above are excellent. Dreamweaver (imho) has the most complete set of features for designing pages (Adobe actually licensed some of the technology from TopStyle a while back to improve their feature set). And it has excellent validation built-in.
Another FREE tool (remember, Dreamweaver will cost you at least a few hundred unless you steal it) is Aptana IDE. It has most code completion options that Dreamweaver has, and similar validation tools.
Aptana and Firebug plugin for Firefox make a pretty good combination. In addition, there are Firebug extensions and other Firefox plugins that are tremendously useful:
"
你应该使用CSS模板（这里有一个列表< /a>）
或下载一个已经制作好的布局（网络上随处可见）并使用 firebug 更改位，看看什么让您满意。 （示例）
编辑：我也是“唯一的代码”，我手动设计我的网络用户界面。但是 Firefox 有很多插件可以极大地帮助您设计布局。 （这是一个列表）
you should use css templates (a list here)
or download an already made layout (everywhere on the net) and change bits with firebug to see what pleases you. (An example)
Edit : i am 'only code' too, i style my web UIs by hand. But there's a lot of addons for firefox that will greatly help you design your layout. (Here's a list)