也就是说，HTML是构成Web页面和表示Web页面的符号标记语言。1995年10月，推出了HTML 3.0版。1997年12月，W3C联盟发布了HTML 4.0版，其中增加和增强了许多功能。2000年，W3C组织发布了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的新语言，其目的是实现基于XML的应用。XHTML是一种增强了的HTML，它的可扩展性和灵活性更适应未来网络应用的需求。XHTML恰恰就是HTML 4.0的重新组织。它们依然非常相似，可以把XHTML看作是在HTML 4.0基础上的延续，XHTML最终将取代HTML。

当在浏览器中查看时，不显示图像占位符的标签文字和大小文本。插入图像占位符的具体操作步骤如下：在文档窗口中，单击第一个表格的第一行内部。单击“插入”菜单→“图像对象”→“图像占位符”项，如图9-15所示。图9-15“图像占位符”对话框单击“确定”按钮。图9-16插入图像占位符后的显示如果系统安装有Fireworks，则可以根据图像占位符创建新的图形。

normal恢复为默认间距。例如：div｛letter-spacing：8px｝div｛letter-spacing：0.5pt｝h2｛letter-spacing：6px｝3.行高语法：line-height：lengthnormal说明：本属性的作用是设置对象的行高。本属性只应用于整块的内容。

从XHTML文档的基本结构可以看出，XHTML文档的第一行称为DOCTYPE声明，用来说明该XHTML或者HTML文档是什么版本。要建立符合标准的网页，DOCTYPE声明是必不可少的组成部分。其中的DTD叫文档类型定义，里面包含了文档的规则，浏览器根据设计者定义的DTD来解释页面中的标识，并展现出来。这三种DTD文件所在的URL网址分别是："http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"＞：表示结束DTD的声明。

前面介绍的是表格中的各个单元格的属性。与图片一样，表格在浏览器窗口中的位置也有三种：居左、居中和居右。使用＜table＞标记的align属性设置表格在页面中的位置，格式为：＜table align="left|center|right"＞...＜/table＞当表格位于页面的左侧或右侧时，文本填充在另一侧。默认情况下，文本在表格的下面。--文件名：ex5-13.html--＞＜！图5-13表格在页面中的位置

下面通过制作一个简单的网页，了解在Dreamweaver中创建网页的一般过程。为某水果行制作一个封面型网页，如图8-9所示。图8-14“页面属性”对话框中的“链接”项图8-15“页面属性”对话框中的“标题/编码”项最后，单击“确定”按钮回到网页编辑窗口，如图8-16所示。

如果停止使用相对定位，则文字的显示位置将恢复正常。只有当position属性值为absolute或者relative时，此值方可生效。对于img对象，当仅指定此属性时，其height值将根据图片源尺寸等比例缩放。length是由数字和单位标识符组成的长度值或百分数。

在样式表中，规定了一个容器BOX，每一整块对象或替代对象都包含在样式表生成器的BOX容器内，它存储对象可操作的所有样式。图7-14BOX属性图7-15尺寸与边框等样式表属性的关系1.外延边距属性外延边距也称外补丁。例如：body｛margin：20pt 25pt 30pt｝body｛margin：12%｝body｛margin：12%12%12%12%｝2.边框属性常用的边框属性有7项，即border-top、border-right、border-bottom、border-left、border-width、border-color、border-style。length由数字和单位标识符组成的长度值，不可为负值。两条单线与其间隔的和等于指定的border-width值。

使用标签选择器可以在页面上某个图像的两侧添加div标签，然后根据需要为图像设置边距、边框或颜色。图10-25选中横幅图形如果未启用自动换行，则选择“查看”菜单→“代码视图选项”→“自动换行”命令启用自动换行。图10-26“标签选择器”对话框在标签选择器中，选中“HTML标签”类别→“格式设置和布局”→“常规”项，右窗格中将出现一个标签名列表，选中div。单击“确定”按钮返回到标签选择器，单击“关闭”按钮。图10-27插入div标签后

计算机以矢量图或位图格式显示图形。编辑矢量图形时，用户修改的是描述其形状的线条和曲线的属性。图13-9叶子的矢量图图13-10矢量绘图工具另外，Fireworks提供了多种方法对绘制的矢量对象进行编辑，可以通过移动、添加或删除点来更改对象形状，可以通过点手柄来更改邻近路径段的形状。

使用“CSS样式”面板创建新规则比手动键入规则更简便。单击“确定”按钮后，将弹出“CSS规则定义”对话框，表示正在fl1.css文件中创建一个名称为.bd的类样式。图10-9“CSS规则定义”对话框在“CSS样式”面板中，选择“全部”，并展开fl1.css类别。图10-10应用类样式

Fireworks中的画布相当于图像的背景。在绘图的过程中，为了使画布的大小、色彩能够与前景的图像保持协调，用户经常要修改画布的相关属性。单击画布，或者在画布的工作区外单击一下，从而显示相应的画布“属性”面板。图13-6设置画布颜色2.设置画布大小单击“属性”面板中的“画布大小”按钮，将弹出“画布大小”对话框，如图13-7所示。在“锚定”栏中设置画布的固定点，当画布的大小被改变时会以选中的固定点为基准来更改画布的大小。

图9-3“表格”对话框单击“插入”菜单→“表格”命令，弹出“表格”对话框。该表格的宽度为700像素，边框、单元格边距和单元格间距均为0。插入表格后，可看到由绿色线条指示的表格选择器。图9-4插入第一个表格单击该表格右侧外部，取消对表格的选中状态。此时，闪烁的插入点光标出现在第二个表格右边框外。图9-7插入第三个表格在上面的页面布局中分别插入了3个表格，为什么不用一个表格呢？

在网页设计中，常需要在一个框架中显示文档目录，当单击某目录名时，则会在另一个框架中显示相应的具体内容。这时目录就是热点文本，需要在框架之间建立超链接，并指明显示的目标文件的框架。target="_parent"：当框架嵌套时，链接的目标文件显示在父框架中；否则显示在整个浏览器窗口中。图6-14框架间的链接框架说明文件ex6-13.html的内容为：＜！DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"＞＜html xmlns="http://www.w3.org/1999/xhtml"＞＜head＞＜meta http-equiv="Content-Type"content="text/html；charset=gb2312"/＞＜title＞框架间的链接＜/title＞＜/head＞＜frameset rows="20%，*"＞＜frame src="ex6-13-top.html"name="top"/＞＜！

如果链接到的文件不是HTML文件，而是作为下载的文件，其格式为：＜a href="下载文件名"＞超链接显示文本＜/a＞链接到下载文件。在编辑窗口输入下面的代码：＜！

在jianjie.txt文档窗口中，按Ctrl+A键选中所有文本。文本文件中的文本出现在所选表格单元格中。图9-29复制文本文件内容图9-30设置插入正文文本的颜色在“属性”面板中，从“垂直”下拉列表中选择“顶端”，这时刚粘贴的文本沿表格单元格的顶端对齐。