使用Inkscape或Gimp导出HTML/CSS

3
能否使用Inkspace或Gimp设计网页并将它们导出为HTML/CSS文件?
  • 我需要一个拖放式设计解决方案,不想一直手写大量的HTML/CSS代码
  • 我更喜欢使用开源软件
  • 对于Gimp,我找到了这个,但不确定它是否真正有效
  • 对于Inkspace,我在这里找到了教程,但似乎不能从中导出HTML/CSS文件

请分享您的经验/想法

谢谢


1
你可以尝试一些免费且开源的东西 - http://microweber.com - Boyan
5个回答

2
“是否可能使用Inkscape或GIMP设计网页并将其导出为HTML/CSS?” “不可能。” “我想要一个解决方案,可以拖放设计,而不必一直手写大量的HTML/CSS。” “在过去的20年左右,我们看到了许多产品试图做到这一点,但它们都没有真正起作用。”
我建议其中之一:
  • 学习媒介(HTML、CSS、JS)。这是你最好的选择。
  • 花时间设置(或聘请人员)一个适当的内容管理系统(CMS)给你。WordPress 是流行的开源选项之一。一旦设置完成,你就可以更新你的网站,而不必触及 HTML/CSS。
  • 与能够将你的视觉设计转化为 HTML/CSS/JS 的人合作。这仍然不是理想的工作流程,但会给他们带来你所寻找的“拖放”自由。

1

学习编程,这是唯一的方法。市场上有很多所谓所见即所得编辑器,但它们并不能像厚达4英寸的HTML和CSS圣经中所包含的知识那样做得好。

如果你想建立网站,就要学会编程。

我在大学时曾有一位讲师,让我们使用记事本编写JavaScript,当时非常困难,但它教会了我们语法。


1

你可以看一下你提到的插件,我刚刚一直在使用它,它会导出一个CSS布局,但你仍然需要更新并填写标签与你的内容等,所以需要一些CSS的学习。如果你需要将图像也导出,我建议使用http://registry.gimp.org/node/18440,然后使用http://registry.gimp.org/node/20778来优化图像大小。

伊恩


0

GIMP和Inkspace都是图像编辑器,后者是SVG图像。虽然您可以制作一个包含图像的网页,但通常不希望仅使用图像,因为它不能具有链接、可选择的文本等。

如果必须使用所见即所得编辑器,请尝试OpenOffice.org并导出为HTML。


我猜文字浏览器会向HTML中添加一堆垃圾(至少根据我使用Microsoft Word的经验是这样的;以前从未使用过OpenOffice)。 - Kevin Ji
加载。个人而言,我建议学习HTML和CSS,但如果只是一个临时网站或没有什么大不了的,他们可以应付,我想。 - John

0

虽然不是HTML编辑器,但GIMP中有一个选项可以将图像切片,并将其导出为HTML表格,带有基本动画的onmouseover效果。您必须安装GIMP-Python(在Linux上自动安装,但在Windows上需要一些步骤)--然后检查过滤器->web->pyslice。这可以节省设计菜单区域等方面的时间。

但是,要创建整个页面,您必须手动编辑HTML。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接