HTML—开发工具

HTML的开发工具

对于HTML的开发工具几乎没有任何要求,可以使用Windows自带的记事本(notepad)进行开发,可以使用专业的 HTML 编辑器来编辑 HTML:

  • Adobe Dreamweaver
  • Microsoft Expression Web
  • CoffeeCup HTML Editor

通过专业的工具在开发效率上往往可以达到事半功倍的效果。

不过,我们同时推荐使用文本编辑器来学习 HTML,比如 Notepad (PC) 或 TextEdit (Mac)。我们相信,使用一款简单的文本编辑器是学习 HTML 的好方法。

记事本开发

通过记事本,依照以下四步来创建您的第一张网页。

步骤一:启动记事本

如何启动记事本:

开始
    所有程序
        附件
            记事本

步骤二:用记事本来编辑 HTML

在记事本中键入 HTML 代码:

记事本

步骤三:保存 HTML

在记事本的文件菜单选择“另存为”。

当您保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别,完全根据您的喜好。

在一个容易记忆的文件夹中保存这个文件,比如 w3school。

步骤四:在浏览器中运行这个 HTML 文件

启动您的浏览器,然后选择“文件”菜单的“打开文件”命令,或者直接在文件夹中双击您的 HTML 文件。

结果应该类似这样:

在浏览器中查看

Dreamweaver开发

Dreamweaver开发可以有效的提高工作效率,同时其支持在线查看效果,避免额外打开浏览器查看效果。

工作效率

Dreamweaver有智能提示和很多工具,因此用该工具可以极大的提高工作效率,智能提示如图所示。

html-tool2

所见即所得

通过Dreamweaver的对比模式可以在工具中直接看到效果,而不用单独打开浏览器。

html-tool

关于HTML的开发工具还有很多,本文不再一一介绍,可以上网搜索。

如果引用本站的原创文章,请注明原文链接:,本站保留追究责任的权利!

发表评论