第三部分、内容篇

二、 如何抓住浏览者的注意力。网页制作人员不仅仅是简单的输入、编辑、格式化网页内容，更重要的是如何使你的内容更有吸引力，使浏览者可以享受你的内容，而不仅仅是得到你的内容。

1、 文字内容组织要点。文字在网页中出现已经很久了，与其它文本处理相比网页文本处理有许多相似的部分，例如标题、段落、列表、对齐方式等等，但网页文本有它独特的要求，即必须努力的精简代码，必须尽可能使样式和内容分离，必须尽可能使样式保持一定的规律。看看文本的属性面板，相信大多数参数对朋友们来说都不陌生，因为在其他的文本处理软件中也会遇到相似的这些设置参数。

在各个页面之间进行文本的格式化时，保持前后的一致性非常重要，一个站点的各个页面标题、子标题、主题内容都应有着统一的格式。但我想提醒大家的是：尽可能的忘记属性面板最上方的<font>属性和它的参数，在可能的情况下不要使用这部分参数，因为反复的使用font定义文本不仅会使代码复杂，而且缺乏有效的控制手段。我们推荐使用样式表来对文本进行全面的控制，后面我们将详细介绍样式表的功能。

2、 网页中图像的使用。 图像是使网页充满吸引力的最早的非文本元素，插入图像虽然简单，但使图像和其他页面内容能布局合理却并不简单。

1） 插入：对象面板中点击 图标插入图像后，在属性面板我们可以看到此时图像只有最基本的宽和高尺寸参数以及图片路径，其他参数并未设置。

2） 设定边框：改变Border的数值可以使图片添加指定数值的边框，而边框的颜色将与当前文档的文本默认颜色一致。有时为图片添加链接时，会突然出现一个蓝色的边框，这时只要将Border值设为0级可消除这个边框。

3） 设置边距：V Space和H Space的值可以使图片与周围的元素保持一定的数值。

4） 命名标识：在属性面板图像缩略图旁边可以给图片一个标识文字，这个标识名可以使页面中的其他交互式程序能够调用这个图片进行交互动作。

5） 图像说明：Alt名称可以使鼠标移到图像上方时显示这个名称。

6） 指定低分辨率替代图片Low Src：在这个栏里可以为当前图片指定一个低分辨率版本的替代图片。在正式图片文件下载之前会先显示这个图片，所以我们常制作一个图片的灰度、低分辨率版本来使浏览者尽早看到图片外观。

7） 对齐方式：与普通文字的左中右对齐方士相比，图片还增加了更多的对齐选择，这个选项主要是指定图片与周围的文本的排版方式。其中设定此参数为Left和Right可以使图片与周围的文本混合起来排列，如图：

同使会在文本中出现一个标示图片实际位置的浮动图像锚，移动它可以改变图片和文本的实际排列位置。

8） Reset Size：有时我们常常不小心改变了图片的原始尺寸，使用这个恢复尺寸按钮可以使图片以原始尺寸显示。

3、 创建链接。Web最重要的特点就是不同的文件和资源之间的相互链接，也就是说网络上的任何资源都可以通过链接的方法得到。链接不仅可以指向外部的一个文件，同时也可以指向当前文档中的一个部分。

1) 添加链接。选定一个文本或图片，通过在链接地址中添入链接文件或地址，或者从打开文件按钮定位外部的一个文件，我们都可以为指定的对象添加链接。链接格式可能是标准的http://www.bitgenius.com绝对地址，也可能是../lesson/lessons.htm相对地址格式。需要注意的事，通常中文路径和文件名不能得到很好的支持，所以最好避免这种现象的发生。

2) 添加锚点链接。如果想准确的定位到当前文档的特定位置，可以先在目标位置插入一个命名锚符号，这可以通过Object面板的 符号插入。然后点击属性面板链结旁边的指向锚点符号，指向此位置即可。如图：

3) 目标窗口。我们还可以指定链接的目标文件打开的方式，_blank将使文件在一个新窗口中打开;_parent使文件在当前窗口的父级窗口中打开；_self使目标文件替代当前文件在同一窗口中打开；_top使目标文件在窗口组的最外级窗口中打开，这常用在框架结构的页面组中。

4、 创建列表内容。列表可以清晰的创建可识别的大纲和目录结构，常用的列表有无需列表和有序列表两种形式。

1) 无序列表。在属性面板点击无序列表按钮，可以在当前位置插入一个无序列表符号，输入你的列表文字后回车，会自动添加下一个列表项。在添加了多个列表项后。

2) 有序列表。有序列表的优点是可以自动产生项目的编号。

3) 嵌套列表。我们也可以改变某个列表项的层次，选中一个列表项点击缩进按钮，当前列表项会自动成为上一个列表项的子内容列表，即多级列表，而前面的列表符号也自动与它的父级不同。

4) 改变列表符号。将光标定位在一个列表项中，打开属性面板的List Item对话框，我们可以修改列表符号的默认外观，对于无序列表，有矩形和圆形两种符号。对于有序列表有多种编号形式可选择。但需要注意的是，当列表内容包含在表格中时，这个选项并不会出现。这也许是一个小小的Bug。

以上我们简单的介绍了网页制作中添加常规内容需要注意的事项，实际工作中我们还会面对更多种类型的内容，如多媒体音频和视频文件等等，但只要你牢牢地掌握他们各自相对应得属性面板，你就会运用自如的操作这些内容。