Up2date技术/工具来创建合适的CSS / XHTML [英] Up2date techinques/tools to create proper CSS/XHTML

问题描述

我想，iam目前尝试的样式的HTML / CSS在简单的*。CSS文本文件...我的问题是，我需要创建一个复杂的WebApp，需要找出最好的方式开始问题：我是一个黑客，没有设计师^^

所以，我现在的计划是：

• 购买一个不错的css书（因为我真的缺乏知识），而不是尝试n错误作为iam现在做的

  >
  

• 使用您建议的工具之一（如果有的话）来创建设计

$ b $所以，市场上有没有顶级狗工具？不幸的是我无法得到谷歌回答这个问题...

谢谢！

解决方案

以上所有都很出色。 Dreamweaver（imho）具有用于设计页面的最完整的功能集（Adobe实际上授权来自TopStyle的一些技术，同时改进他们的功能集）。

另一个免费的工具（记住，Dreamweaver会花费你至少几百，除非你偷了它）是 Aptana IDE 。它具有Dreamweaver拥有的大多数代码完成选项，以及类似的验证工具。

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

• 像素完美：允许您添加半透明背景图像排列页面上的元素（在Firebug插件中显示为额外的选项卡）。


• 代码Burner：添加html& css参考标签到firebug。


• ColorZilla（纯FirefoX扩展）：分析您的颜色并帮助您管理它们。


• ：当Firebug不够时，帮助您测量页面上元素之间的距离。


• Web开发工具栏：可以处理各种各样的漂亮内容，但是我只使用它来调整浏览器的大小窗口大小（如800x600）。

I figured, that iam currently "trying" to style the HTML/CSS in the plain *.css textfiles... My problem is, that i need to create a complex WebApp and need to figure out the best way to start with this designstuff... Problem: I am a hacker, no designer ^^

so, my current plan would be:

• Buy a nice css-book ( as i am really lacking of knowledge here ), instead of try n error as iam doing at the moment

• Use one of your suggested tools ( if there are any ) to create the design

So, are there any "top-dog"-tools in the market? Unfortunately i could'nt get google to answer this question...

Thanks!

解决方案

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:

• Pixel Perfect: allows you to add a semi-transparent background image to line up elements on a page (shows up as extra tab within the Firebug plugin).
• Code Burner: adds html & css reference tab to firebug.
• ColorZilla (plain FireFOX extension): analyzes your colors and helps you manage them.
• MeasureIt (plain FireFOX extension): Helps you measure distances between elements on a page when Firebug isn't enough.
• WebDeveloper toolbar: does all sorts of nifty stuff, but I only use it to resize the browser to a specific window size (like 800x600).

这篇关于Up2date技术/工具来创建合适的CSS / XHTML的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！