11.4 在Dreamweaver中编辑XHTML文件

XHTML的编写并不需要特殊的软件环境,可以在任何文本编辑的环境中开发。在实际制作中,为了提高开发效率,通常会使用相关软件。目前使用较多的是Dreamweaver。Dreamweaver有很多版本,我们以DreamweaverCS3为例讲解,其界面图如图11.2所示。

image216_1

图11.2 Dreamweaver CS3工作界面

在如图11.2所示的Dreamweaver软件界面中,有3个视图,分别是代码视图、拆分视图和设计视图。在设计视图中,可以使用菜单栏和插入栏直接插入各种元素,然后在属性面板中设置各种属性值。在代码视图中,则可以用直接编写代码的方式制作页面。下面讲解创建XHTML页面的方法,具体操作步骤如下。

1 打开Dreamweaver,单击【文件】|【新建】命令,打开【新建文档】对话框,如图11.3所示。

image216_2

图11.3 【新建文档】对话框

2 在如图11.3所示的界面中,在右边的文档类型列表框中单击三角箭头,打开下拉菜单,选择文档类型,如图11.4所示。

image216_3

图11.4 选择文档类型

3 单击【创建】按钮,创建一个XHTML页面。单击【另存为】按钮,保存页面并命名。这样就制作了一个XHTML页面,如图11.5所示。

image216_4

图11.5 创建XHTML页面

制作好的XHTML文档可以在通常使用的各种浏览器中运行。由于XHTML代码编写的页面为普通文本文档,可以被任何文本编辑器读取。所以使用XHTML代码的页面可以在手机、掌上电脑等各种便携式设备上显示。由于不同的浏览环境对XHTML语言的支持程度不同,显示效果会有所差别。