0

我是一个纯粹的后端程序员,我发现定位 div 和添加 css 样式非常困难。

你有什么建议让我尽可能简单?

使用 Dreamweaver?它到底能帮我什么。

我不知道如何为我的原型添加样式或处理 div 和元素的定位。一些指南?工具?软件?在线脚本?

欢迎所有建议!指导我完成...我所有的业务逻辑,没有设计负责人。

例如。http://www.workey.se。你如何从布局、设计和所有这些东西开始...

4

5 回答 5

3

完全取决于您需要做什么,但是学习 css 的基础知识很容易,掌握它当然要困难得多。我建议你只学习 CSS 并确保你得到一个像萤火虫一样的像样的浏览器插件,这样你就可以准确地看到发生了什么。我个人不是 Dreamweaver 的粉丝。

于 2009-12-05T09:28:13.490 回答
2

Dreamweaver 是一个很好的初始设计工具,但我不推荐它。当然,很多人专门使用它。

为什么不试试像 960 网格这样的 CSS 框架呢?它可以帮助定位页面上的元素,让您担心设计的具体实现,如字体和颜色。

http://960.gs/

于 2009-12-05T09:34:23.510 回答
1

如果你想要简单的页面布局,YUI之类的东西可能会对你有所帮助。它有大量的预构建代码供您使用。特别是Grid Builder非常适合创建多个部分以填充到页面中。

至于工具,只要它有合适的语法突出显示任何文本编辑器都可以。就个人而言,DreamWeaver 过于努力地“提供帮助”,反而妨碍了我,但我对原始标记更满意。

于 2009-12-05T10:06:34.210 回答
1

我同意上面的一些帖子,并同情您在开始时可能遇到的“像素推送”困难。

我已经创建和重新创建 HTML 布局大约 5 年了,在尝试了 YUI、Google 蓝图、几个 css 重置库和我自己的自制布局之后,我发现 YUI 的网格、字体和重置是最灵活和有用。他们的模板有点棘手,但只有一点点。

这是我对一个非常相似的问题的回答(如果人们不想点击查看答案...如果这是垃圾邮件或违反规则,请告诉我,我将删除答案):

 

 

  "

以上都是优秀的。Dreamweaver(恕我直言)拥有最完整的页面设计功能集(Adobe 实际上不久前从 TopStyle 获得了一些技术许可以改进其功能集)。它具有出色的内置验证功能。

另一个免费工具(请记住,除非您盗用 Dreamweaver,否则您至少要花几百美元)是 Aptana IDE。它具有 Dreamweaver 拥有的大多数代码完成选项以及类似的验证工具。

用于 Firefox 的 Aptana 和 Firebug 插件是一个很好的组合。此外,还有非常有用的 Firebug 扩展和其他 Firefox 插件:

  • Pixel Perfect:允许您添加半透明背景图像以排列页面上的元素(在 Firebug 插件中显示为额外选项卡)。
  • Code Burner:向 firebug 添加 html 和 css 参考选项卡。
  • ColorZilla(普通的 FireFOX 扩展):分析您的颜色并帮助您管理它们。
  • MeasureIt(普通的 FireFOX 扩展):当 Firebug 不够用时,帮助您测量页面上元素之间的距离。
  • WebDeveloper 工具栏:做各种漂亮的事情,但我只用它来调整浏览器到特定的窗口大小(如 800x600)。

"

于 2009-12-05T15:40:47.823 回答
0

你应该使用 css 模板(这里有一个列表

或者下载一个已经制作好的布局(网络上的任何地方)并用萤火虫改变位,看看你喜欢什么。(一个例子

编辑:我也是“唯一的代码”,我手动设置我的 Web UI。但是有很多用于 Firefox 的插件可以极大地帮助您设计布局。(这里有一个清单

于 2009-12-05T09:29:26.863 回答