我是一个纯粹的后端程序员，我发现定位 div 和添加 css 样式非常困难。
你有什么建议让我尽可能简单？
使用 Dreamweaver？它到底能帮我什么。
我不知道如何为我的原型添加样式或处理 div 和元素的定位。一些指南？工具？软件？在线脚本？
欢迎所有建议！指导我完成...我所有的业务逻辑，没有设计负责人。
例如。 http://www.workey.se。你如何从布局、设计和所有这些东西开始...
【问题讨论】：
标签： php css dreamweaver frontend
这完全取决于您需要做什么，但是学习 css 的基础知识很容易，掌握它当然要困难得多。我建议你只学习 CSS 并确保你得到一个像萤火虫一样的像样的浏览器插件，这样你就可以准确地看到发生了什么。我个人不是 Dreamweaver 的粉丝。
【讨论】：
Dreamweaver 是一个很好的初始设计工具，但我不推荐它。当然有很多人专门使用它。
为什么不试试像 960 网格这样的 CSS 框架呢？它可以帮助定位页面上的元素，让您担心设计的具体实现，如字体和颜色。
【讨论】：
如果您想要简单的页面布局，YUI 之类的东西可能会对您有所帮助。它有大量的预构建代码供您使用。特别是 Grid Builder 非常适合创建多个部分以填充到页面中。
至于工具，只要它有合适的语法突出显示任何文本编辑器都可以。就个人而言，DreamWeaver 过于努力地“提供帮助”，反而妨碍了我，但我对原始标记更满意。
【讨论】：
我同意上面的一些帖子，并对您在开始时可能遇到的“像素推送”困难表示同情。
我已经创建和重新创建 HTML 布局大约 5 年了，在尝试了 YUI、Google 蓝图、几个 css 重置库和我自己的自制布局之后，我发现 YUI 的网格、字体和重置是最灵活和有用的。他们的模板有点棘手，但也只是一点点。
这是我对very similar question 的回答（如果人们不想点击查看答案...如果这是垃圾邮件或违反规则，请告诉我，我将删除答案） ：
"
以上都很好。 Dreamweaver（恕我直言）拥有最完整的页面设计功能集（Adobe 实际上不久前从 TopStyle 获得了一些技术许可以改进其功能集）。它内置了出色的验证功能。
另一个免费工具（请记住，Dreamweaver 将花费您至少几百美元，除非您盗用它）是 Aptana IDE。它具有 Dreamweaver 拥有的大多数代码完成选项，以及类似的验证工具。
用于 Firefox 的 Aptana 和 Firebug 插件是一个很好的组合。此外，还有非常有用的 Firebug 扩展和其他 Firefox 插件：
"
【讨论】：
你应该使用 css 模板 (a list here)
或下载一个已经制作好的布局（网络上的任何地方）并用萤火虫更改位，看看你喜欢什么。 (An example)
编辑：我也是“唯一的代码”，我手动设计我的 Web UI。但是有很多用于 Firefox 的插件可以极大地帮助您设计布局。 (Here's a list)
【讨论】：