从 Mockup 到 CSS 的最佳工具?
我一直在使用 Paint.NET 为我的 Web 应用程序创建模型。它们很漂亮,并且保存组成的图形元素并不难。然而,将布局转换为 CSS 的过程完全是手动且耗时的。
我知道有更好的工具可以做到这一点。我应该查看 DreamWeaver 吗?我并不是在寻找任何自动生成的网络或数据访问功能,并且我很乐意自己编写所有行为的代码。我主要是在寻找一个既美观又理解分层成像和 CSS 的布局编辑器。 (最好是能够将分层图像映射到 HTML 并生成具有正确样式的初始 CSS 的图像。)
预先感谢您提供的所有见解!
杰夫
I've been using Paint.NET to create mockups for my web application. They're pretty, and it's not hard to save the constituent graphical elements. However, the process of getting my layout into CSS is completely manual and time-consuming.
I'm aware there are better tools out there for this. Should I be looking at DreamWeaver? I'm not looking for any auto-generated web or data access functionality, and I'm happy to code all the behavior myself. I'm mostly looking for a great-looking layout editor that understands both layered imaging and CSS. (Preferably, one that can map a layered image to HTML and generate initial CSS with the right styling.)
Thanks in advance for any and all insight!
Jeff
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
一个文本编辑器,真的。
是的,这很耗时,但做正确的事情也很耗时。我还没有使用任何程序来构建具有我认为可以接受的标记质量水平的网站设计。如果您可以为 div 指定一个
userInfo
类,大多数布局程序可能会为该 div 指定一个style12
类或同样无用的东西。这会导致无法维护的标记,尤其难以构建到 Web 应用程序中。所以先学会手工,然后再手工。
A text editor, really.
It's time consuming, yes, but so is doing anything right. I have yet to use any program that builds the design of a website with a level of markup quality that I find even remotely acceptable. Where you may give a div a class of
userInfo
, most layout programs might give that div a class ofstyle12
or something equally unhelpful. This results in unmaintainable markup, which is especially hard to build into a web application.So learn how to do it by hand, and then do it by hand.
Axuer 可用于获取模型/原型并导出为 HTML/CSS:http://www.axure.com/
我只用它来制作原型。
Axuer can be used to take mockups/prototypes and export as HTML/CSS: http://www.axure.com/
I only ever used it for prototyping.
没有任何应用程序可以使其成为 css3,现有的应用程序将为您提供大量图像精灵和 css2 以及许多必须手动修复的错误:/
因此,建议手动编码或雇用某人来完成它(现在有点便宜,即使我得到足够好的报酬,我也会这样做)
There are no apps that will make it a css3, they apps that exist will give you a lot of image sprites and css2 and a lot of bugs you have to fix manually :/
So suggest coding it manually or hiring someone who does it(Kinda cheap these days even I would do it if I get paid well enough)