Question

在我看来，通过搜索stackoverflow，手动编码html / css优于使用WYSIWYG编辑器。我学习html和css几周了，到目前为止我只手工编写了代码（尽管我有Adobe套件）。

我的问题：是否值得学习如何使用WYSIWYG编辑器（如Dreamweaver）？而且，更重要的是，何时将其用于手动编码会更好？

Answer 1

简而言之，除非你只是搞砸了，否则我认为学习如何手工编写代码而不是学习WYSIWYG程序是不值得的，但无论如何都要使用一个来帮助您学习如何做另一个。

WYSIWYG编辑器的目的是尽可能多地隐藏代码。有时这是一件好事（重复，无聊的任务），但有时候不是（学习，调试，代码优雅和效率）。

如果你想拼凑一个简单的网站，可能不会制作经常，不需要或想知道底层代码的网站，那么所见即所得是完美的。如果你是一般的Web开发新手，并且仍然掌握了编程的一般概念，那就更好了，不要试图自己理解HTML和CSS。

但是，如果您的意图不是那么随意，（或者不是网络开发的新手），您准备花一些时间查看文档并从教程中学习，那么尽可能避免所见即所得。手动编码有更陡峭的学习曲线，需要更多的耐心，但这是值得的;您的最终代码将更高效，更清晰，并且因为您可以在内部和外部了解它，您也可以更轻松地调试它。

所有这一切都说，拥有一个好的IDE代码可以产生重大影响，即使它只是语法高亮和自动完成。 Dreamweaver并不是很棒，但我任何时候都会把它拿到写字板上！ Notepad++是一个伟大的，极简主义的程序，用于编写网站，并且是一个非常好的起点。我个人使用Netbeans，但你可能会发现HTML和CSS有点OTT。

Answer 2

我曾经使用WYSIWYG编辑器（即Dreamweaver）很长一段时间，我对此并不感到羞耻。它们是许多情况下非常好的工具。然而，是什么让我切换到几乎完全手工编码我的标记

使用各种模板系统与所见即所得有效无关的CMSs;和
需要完全控制标记的各个方面 - 优化，处理跨浏览器的怪癖，可用性等。

我建议在有意义时使用WYSIWYG编辑器：当WYSIWYG编辑器可以使工作变得简单时，有很多情况需要将内容简单地填充到HTML页面中（特别是在没有CMS的情况下）。如果它产生的HTML是好的（仔细看看！）使用这样的编辑器是完全可以的IMO。

当您为网站或网络应用程序构建模板时，我建议坚持使用手动编码。

Answer 3

这取决于您使用您正在创建的网站尝试实现的目标。如果您只创建一个包含几个页面的个人网站，您可能不会经常更改这些页面 WYSIWYG编辑器用于其目的，对于任何更大，不断更新的网站，您最好使用手动编码CMS或使用现成的选项。

另一个问题是能够使用最新技术，所见即所得编辑可能会或可能不会拥有最新的网络功能，具体取决于开发公司的货币实力。

Answer 4

当你编写一些最终会有代码似的东西的列表时：

 <ul>
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
   <li>Item 4</li>
   <li>Item 5</li>
   <li>Item 6</li>
   <li>Item 7</li>
 </ul>

确定您正在编写列表并输入内容可能不那么繁琐。

Answer 5

我一般不相信任何编辑的WYSIWYG视图。我只是在浏览器中打开页面;这是你对页面看起来最真实的测试。

Answer 6

嗯，首先你应该学习硬编码 - 而不用触及所见即所得的编辑器。我只使用Dreamweaver进行语法高亮和自动完成 - 而不是使用WYSIWYG编辑器。

当你真的现在如何手工编写html / css时，你可以尝试使用WYSIWYG - 但我相信你不会再喜欢使用它了...

Answer 7

不，因为没有你所看到的就是你在网上得到的东西。如果你不关心你得到什么，那么任何可以帮助你减少花费的事情都可以。学习不是首选，所以要使用你已经知道的东西。

Answer 8

那么，你最终想要的是使用脚本来诚实地自动执行一些常见任务。你手工编写那个脚本代码，但是你只需要填写一些参数来生成你的XHMTL页面。

与WYSIWYG编辑的关键是，他们按照他们的说法做，他们专注于布局，你看到的确实是你得到的。如果Web用于布局，我们将使用PDF，矢量格式或图像。

网络是关于您网页的结构。尝试搜索关于“语义网”和“表示和结构分离”的一些指示，当你试图简单地缩进时，你会发现你实际上使用了一个块引用。

HTML不是设计布局的语言，也不是那样的，如果你只想使用PDF，HTML就是为了便于表达文档的结构而设计的，它的布局应该很容易改变，同时保留相同的逻辑结构。这被称为“表达和结构的分离”。理想情况下，您应该只需使用不同的CSS工作表即可完全重新布局布局。

至于乏味，嗯，你可以像我之前说的那样使用脚本。我的意思是，作为之前的列表示例，我刚刚做的是：

(li demonstration
(I am an item.)
(I am another one.)
(I am an item that \(includes parentheses\) you see))

可能会呈现为：

<li class="demonstration"><li>I am an item</li> ....</li>

嗯，实际上，理想的是一个WYSIWYG编辑器，它只生成结构，一个可视编辑器，它最初并不关心布局，并允许您稍后定义样式表，手动或每个鼠标，不确定如果存在，任何人都知道吗？我很想做一个简化我自己的工作并推广好的做法，如果不存在的话。

何时使用WYSIWYG编辑器？

8 个答案: