4 网页布局设计
本章主要讲解文本编辑的方法，与Word中的编辑文本方法基本相同。
编辑文本时，常涉及一个重要的概念－－样式。
样式：是一组用于编辑的格式命令。样式可设定字体、段落、边框、编号方式和定位等六类格式。
使用样式：可以保持文本的一致性。如，同级的各个标题的字体、字号、字形、行距等完全一致。
使用样式：可以大幅度减少编辑工作量。如，当将某个段落样式应用到一个段落后，该段落即具备了该样式所规定的各项格式，而不必进行单项格式。
4．1 输入标题（Top）
实际上就是应用标题样式。
HTML语言本身包含的样式有：普通、带格式的、地址和标题1－6。其中：
标题1－6，字体默认、字号6－1级、字型加粗。
格式刷－用于复制文本格式的工具栏按钮命令。
4．2 修饰文本（Top）
所谓修饰文本就是设置文本属性的方法。
文本属性包括：字体、字号、颜色、效果等。
设置文本属性的途径主要有两个，一是利用“格式”工具栏上的“样式”、“字体”及“字号”框；二是利用“字体”对话框（单击“格式”·“字体”即可打开）。前者只能设置部分文本属性。
例如，选中一段文字后，在“常用”工具栏的“字体”框中选定“华文行楷”、“字号”框中选定“6（24磅）”。这段文字即以24磅的华文行楷显示。
注意：主题和层叠样式表中，包含预先设定的文本属性。
“字体”对话框设置：
“字体”选项卡（Top）
1、字体
默认中文字体：宋体。
如果设置的中文字体在访问者的电脑中没有，则将以宋体显示。
默认英文字体：Times New Roman。
2、字型
“常规”、“倾斜”、“加粗”和“加粗 倾斜”四种。也可利用工具栏相应按钮进行设置。
3、大小
注意：除“普通”和七个级别外，可以设置磅为单位的文本大小，如，38磅。利用工具栏“字号”框，则无法做到这一点。
4、颜色
与利用工具栏“字体颜色”按钮设置的方法一样。
5、效果
在效果选项区中，选中所需的复选框即可。部分效果可利用工具栏按钮进行设置。如，下划线。
“字符间距”选项卡（Top）
1、间距
若选定“扩充”或“紧缩”，则可“间距大小框中设定扩充或紧缩值。
2、定位
若选定“上移”或“下移”，则可“移动量”框中设定上移或下移值。可以用于上/下标设置。
4．3 边框与阴影（Top）
边框：指每个文本段落（<p>、</p>之间）的边框。
阴影：指背景颜色和背景图片。
设置在“边框与阴影”对话框的“边框”或“阴影”选项卡上进行。
边框与阴影的设置有两类：
一是选定文本后直接设置。
二是通过样式、主题等间接设置。
但都是在“边框与阴影”对话框上进行。
4．3．1 设置边框（Top）
设置在“边框与阴影”对话框的“边框”选项卡上进行。
“设置”选项区，一组单选框
①“无”：没有边框
②“方框”：所选段落周围添加矩形框
③“自定义”：所选段落四周，添加一、二或三条边线。
“样式”框，有8种边框样式供用户选择。
“颜色”框，设定边框线颜色。
“宽度”框，设定边框线宽度。
“填充”选项区，设定文本与边框之间的距离。
4．3．2 设置阴影（Top）
设置在“边框与阴影”对话框的“阴影”选项卡上进行。
1、“填充”选项区
“背景颜色”框，设定段落文本的背景颜色。
“前景颜色”框，设定段落文本的颜色。
2、“图案”选项区
“背景图片”框，设定作为段落文本背景的图片文件名及其路径。
“垂直位置”、“水平位置”设定背景图片与段落的相对位置。
“重复”框，当图片相对段落较小时，图片的显示方式。如同显示属性中，桌面背景图片的显示方式一样。
“附件”框
4．4 定位内容（Top）
FrontPage所说的定位，就是Dreaweaver所说的层，以后再讲。
4．5 使用列表（Top）
应用主题的网页，使用列表时，不能使用课本上所说的方法。只能通过在应用的样式中设置项目符号和编号方式。
对初学者来说，一方面用处不大，另一方面学习较烦琐，因此，略！
4．6 改变段落样式（Top）
4．6．1 “普通”样式（Top）
字体默认、字号3级（12磅）
4．6．2 “带格式的”样式（Top）
字体默认、字号2级（10磅）。特别之处是不能自动换行。
4．6．3 “地址”样式（Top）
字体默认、字号3级（12磅）、字型倾斜
主页 （TOP）
|
