1.5 HTML编辑器介绍

可以通过多种编辑器开发HTML页面，下面介绍一些常见的HTML编辑器，如图1-7所示。

图1-7 形形色色的开发工具

FrontPage：微软公司提供的老一代静态网页设计工具，现在已经停止更新。

Dreamweaver：原为Macromedia公司的老牌网页设计工具，于2005年被Adobe公司收购，是目前最流行的HTML开发工具之一。最新版的Dreamweaver支持实时预览、跨浏览器兼容、CSS检查等高级功能。

Expression Web：微软公司提供的FrontPage替代工具，可以通过可视化的方式快速开发符合Web标准的HTML页面，并且支持与后台服务的集成开发。

下面以Dreamweaver CS 5中文版为例，学习如何通过编辑器快速开发HTML页面。

启动Dreamweaver后会出现欢迎界面，此时选择“文件”→“新建”命令，弹出图1-8所示的对话框。

图1-8 “新建文档”对话框

在“文档类型”下拉列表中选择“无”，然后单击“创建”按钮，Dreamweaver就会创建一个包含标准结构的HTML网页，并以默认视图打开，如图1-9所示。

图1-9 创建HTML网页

注意：Dreamweaver生成的代码中包含元素“<meta http-equiv="Content-Type" content="text/html; charset=utf-8">”，此元素用来指定页面中字符的编码格式。编码格式会影响页面的文本，常见的网页编码有UTF-8、GB2312、GBK、BIG5、ISO-8859-1等，其中GB2312和GBK均为简体中文的编码，BIG5为繁体中文编码，ISO-8859-1为英文编码，而UTF-8编码为比较通用的字符集，可以容纳世界上大多数的语言文字，使用UTF-8作为网页的编码格式可以让网页具有较高的通用性。有时我们在浏览网页时会发现网页显示为乱码，多数是因为编码格式设置不正确引起的。

网页创建成功后既可以在源代码视图中直接编辑代码，也可以在可视化视图中通过更简单的方式编辑网页内容（注意：在学习HTML语言的初期，为尽快熟悉HTML标记，应尽量使用源代码视图编辑代码）。当页面编辑完成后可以通过“预览”按钮在浏览器中查看效果，如图1-10所示。

图1-10 预览网页

每次预览时Dreamweaver会自动保存文件内容，首次预览时会提示输入文件名，请注意HTML文件的扩展名应为“.htm”或“.html”。