使用 Inkspace 或 Gimp 导出 HTML/CSS

发布于 2024-11-17 02:27:37 字数 1459 浏览 6 评论 0原文

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

倾其所爱 2024-11-24 02:27:37

可以设计网页吗
使用 inkspace 或 gimp 并将其导出
作为 html/css?

我想要一个我设计的解决方案
拖/放,无需编写大量内容
HTML/CSS 始终掌握

在过去 20 年左右的时间里,我们已经看到数十种产品来来去去都在尝试做到这一点。它们都没有真正起作用。


我建议选择其中一种:

  • 学习媒介(HTML、CSS、JS)。这是你最好的选择。
  • 花时间为您设置(或雇用某人)合适的 CMS。 WordPress 是流行的开源选项之一。设置完成后,您无需接触 HTML/CSS 即可更新您的网站
  • 。与可以将您的视觉设计转换为 HTML/CSS/JS 的人员合作。这仍然不是理想的工作流程,但会给他们带来您正在寻找的“拖放”自由。

Is it possible to design web pages
using inkspace or gimp and export them
as html/css?

No

I want a solution where I design using
drag/drop and don't have to write lots
of HTML/CSS bu hand all the time

For the past 20 years or so, we've seen dozens and dozens of products come and go all trying to do that. None of them really work.


I'd suggest one of these options:

  • learn the medium (HTML, CSS, JS). That's your best bet.
  • take time to set up (or hire someone) a proper CMS for you. WordPress is one of the popular open source options. Once it's set up, you can update your site without having to touch HTML/CSS
  • Work with someone that can take your visual designs and turn them into HTML/CSS/JS for you. This is still not an ideal workflow, but would give them the 'drag and drop' freedom you are looking for.
九厘米的零° 2024-11-24 02:27:37

学习编码,这是唯一的方法,市场上有很多所见即所得的编辑器,但它们确实不如 4 英寸厚的 HTML 和 HTML 中包含的知识那么好。 CSS 圣经。

您想建立网站,学习编码。

当我在大学时,我们有一位讲师让我们使用记事本编写 JavaScript 代码,这在当时是一场噩梦,但它教会了我们语法。

Learn to code, its the only way, there are so many WYSIWYG editors on the market that really dont do as good a job as the knowledge contained in a 4 inch thick HTML & CSS bible.

You want to build websites, learn to code.

When I was at Uni we had a lecturer that made us code JavaScript using Notepad, nightmare at the time but it taught us the syntax.

凉城已无爱 2024-11-24 02:27:37

你可以看看你提到的插件,我刚刚使用它,它会导出 css 布局,但你仍然需要更新并用你的内容填充标签等。所以需要一点 CSS 的学习。如果您还需要它来导出图像,我建议使用 http://registry.gimp.org/node /18440 然后 http://registry.gimp.org/node/20778 进行优化
e+ 图像尺寸。

伊恩

You can look at the plugin you mentioned, I have just been using it it will export a layout in css but you still have to update and fill in the tags with your content etc. so a little learning of CSS is required. If you need it to export images as well I would suggest using the http://registry.gimp.org/node/18440 and then http://registry.gimp.org/node/20778 to optimis
e+ the image sizes.

Ian

嗳卜坏 2024-11-24 02:27:37

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

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

GIMP and Inkspace are both image editors, the latter being an SVG image. While you could make a webpage that has images, you'd generally not want to use just an image, as that cannot have links, selectable text, etc.

If it must be a WYSIWYG editor, try OpenOffice.org and export to HTML.

夏末 2024-11-24 02:27:37

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

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

While not an HTML editor, there is an option in GIMP to slice an image, and export it as an HTML table, with onmouseover effects for basica animation. You have to have GIMP-Python installed (authomatic on Linux, but requires some steps on Windows) -- then check for the filters->web->pyslice. It can save some time in design for menu areas and such.

To create the whole page, however, you have to edit HTML by hand.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文