优秀的网页设计软件和 HTML 编辑器 [关闭]答案

【问题标题】：Good web design software and HTML editor [closed]优秀的网页设计软件和 HTML 编辑器 [关闭]
【发布时间】：2011-03-18 21:14:43
【问题描述】：

我使用dreamweaver，我正在尝试教我的朋友HTML 和CSS，但他需要一个像dreamweaver 这样免费的程序。你知道任何适合初学者的网页设计程序吗？

【问题讨论】：

这完全是题外话，已在此处和超级用户上多次回答。
呃，Dreamweaver 根本不是用来教授 HTML 和 CSS 的。

标签： html css editor

【解决方案1】：

Notepad++ 在 Windows 上

TextMate 或 Coda 在 Mac 上

或者，如果您喜欢正则表达式并且有无限时间学习命令：VIM

进入那里并在浏览器上弄脏代码并混搭 F5（如果您使用的是 Windows 或 Mac 上的 Command + R），这是学习 HTML 和 CSS 的最佳方式。所见即所得的编辑器只是一个坏影响，因为他们不教你最佳实践。

html-dog 的一些教程是您想要开始的地方。

【讨论】：

这甚至与我所要求的相差甚远
@master565 你不明白吗？你不使用所见即所得的编辑器来学习 HTML 和 CSS，你编写代码来学习基础知识，从一开始就养成的坏习惯是最难改掉的。
如果你推荐一个 Mac 应用程序（Coda），你不应该说 F5 :)
@Myles Gray：Influence 在这种情况下没有复数形式。
-1 未提及 VIM。开个玩笑；）

【解决方案2】：

您对@Myles 的回答不满意，所以让我详细说明一下。

您说您想教您的朋友 HTML 和 CSS：嗯，最好的方法是获得一个文本编辑器并开始编写代码。可能会有一个稍微陡峭的学习曲线，因为在做一些软件会使用 GUI 为您做的事情时，总是会出现这种情况，但在短时间内，您实际上会节省时间，而不必通过 GUI 来实现你想要达到的目标。

Notepad++，就您的非 vim、非 eMacs 文本编辑器而言，是适用于 Windows 的非常好的解决方案。 Textmate 将是 Mac OS 的绝佳替代品。

到目前为止，答案都非常不愿意提供 Dreamweaver 的 WYSIWYG 替代方案，因为整个社区都不愿意使用这些工具，这是有充分理由的。在网站由基于表格的意大利面条组成的时代，像 Dreamweaver 这样的工具很可能会派上用场。但现在重点是编写干净、语义标记和可重用的 CSS，自动驾驶仪上的 WYSIWYG 编辑器将无法胜任这项工作。

另一件事： Adobe 产品套件非常擅长他们的工作。 Dreamweaver 是市场领导者。但是当 Dreamweaver 本身存在缺陷时，您为什么要求助于一个糟糕的替代方案？

【讨论】：

会 +1，但在接下来的 2 小时内所有选票都消失了 :(
@Myles Gray 然后回来 ;)
你的+如约而至:)

【解决方案3】：

一些工具：

尾声，来自恐慌：http://panic.com/coda
Emacs
Vim
Butterflies

对于实际设计，Photoshop 和 Pixelmator 似乎都不错。

如果你想要如此可怕的所见即所得，我唯一能想到的就是 Dreamweaver 或 Frontpage，但我从未与他们合作过，我永远不会这样做。

【讨论】：

【解决方案4】：

试试Kompozer，它的开源。

先查看截图：http://kompozer.net/screenshots.php

【讨论】：

【解决方案5】：

对于 HTML/CSS，我同意 Myles Gray。选择一个简单的文本编辑器，而不是像 Dreamweaver 这样的 IDE 或所见即所得的应用程序；如果您从自己输入代码开始，您会更快地习惯代码..即使这意味着要花费大量时间。

一旦您彻底了解了语法/代码/等，请继续使用 Aptana、NetBeans、Coda 或其他您喜欢的 IDE。

祝你好运。

【讨论】：

我不是想自己学习，而是想教别人
尽管如此，他还是必须认真地编写代码才能将其全部纳入并真正学习。最好的方法是使用像 Notepad++ 或 Textmate 这样的简单编辑器。一旦他得到了他的 html/css 代码，他就可以继续使用 IDE。你不是通过使用代码提示来学习的。
我宁愿尝试在 dos 提示符中编写 html 而不是使用 Dreamweaver
@Nick 我宁愿把它写在cat 然后使用 Dreamweaver
@master565，我建议你让他在你教他时犯错时让他使用 Dreamweaver 1 小时。他会很快吸取教训。

【解决方案6】：

使用 Sun Microsystems 的 NetBeans

【讨论】：

@markus 好点。 @Xcoder，您应该以与其他人指出文本编辑器在编写标记和样式方面的相对优点相同的方式进行详细说明。 FWIW NetBeans 是一个 IDE，所以它有一些额外的东西，比如代码完成、测试、调试、编译等等。确保你的机器中有大约 1TB 的 DDR3 内存，否则它会毁了它！
XXXcoder 是一位伟大的程序员！我爱你

【解决方案7】：

如果您使用的是 Mac，Smultron 有一个基本的 WYSIWYG，但我并没有试图将它推得太远。你总是会遇到浏览器渲染问题。

【讨论】：