|
3．在没有为文档设置属性时，Dreamweaver会自动为页面默认属性。例如在设定文档背景颜色之前，文档的背景颜色就默认为是#FFFFFF。
下面就来详细给大家介绍一下比较重要的页面属性选项的意义。
（1）选择页面属性窗口中的“分类”栏中“外观”选项，则在页面属性窗口右侧出现的“左边距”、“右边距”、“上边距”、“下边距”用来设置页面主体部分距离浏览器窗口各个边框的距离。
（2）选择页面属性窗口中的“分类”栏中“标题”选项，则在页面属性窗口右侧出现的“标题”是为HTML中的六级标题设置字体大小和颜色。
（3）选择页面属性窗口中的“分类”栏中“标题/编码”选项，则在页面属性窗口右侧现现的“编码”是为当前文档选择编码信息，一般来说应该选择“简体中文（GB2312）”。而“标题”是为HTML文档设置的标题。
页面属性 还包含很多其他选项，具体操作将在后面的章节的实例中进行介绍。
三、插入页面元素
制作网页需要向页面中插入各种各样的页面元素和布局对象，包括文本、图片和表格等多种页面元素，同时讲解了Dreamweaver MX 2004中一个重要的概念即行为，下面就来简单介绍一下。
1．插入文本
一般来说，一个功能完备的网页离不开文本信息，而在Dreamweaver8中可以像使用文本编辑软件一样在文档窗口插入文本，并对文本的格式进行设定。而设定文本格式则有两种方式：使用HTML标记和使用层叠样式表（CSS）。
HTML样式是Dreamweaver自带的一个方便工具，它实际上是一系列的HTML格式化标记的组合，用于一次对文本对象进行多个方面的格式设置。
文本的属性参数可以通过文本的属性面板和“文本”菜单进行修改。文本的属性面板如图2.9所示，可以对文本的字体、大小、颜色和对齐方式进行设定，也可以在这里设置文本的CSS样式，还可以引用外部的CSS样式和新建自己的CSS样式。
图2.9 文本属性面板
还可以使用层叠样式表（CSS）来设置文本的格式，但很多效果需要IE4.0版本以上的浏览器才能显示。具体的设定操作将在随后的CSS样式表应该中详细介绍。
2．插入图片
图片和文本一样，也是最基本的页面元素，并在制作网页过程中被大量使用。美中不足的是在网页中插入图片还不能像在word中那样自由排版，可以轻松实现文字环绕等效果。但也是可以实现的，只是需要一些技巧。
在文档中插入图片的具体操作步骤如下。
（1）将光标放在文档中需要插入图片的地方，依次选择菜单“插入→图像”则可以在打开的“选择图像源文件”对话框中选择要插入的图片。
（2）单击“确定”按钮把图像插入到文档中。
可以在图片属性面板中设定图片属性，具体方法如下。
（1）选中图片，则属性面板如图2.10所示
图2.10 图像属性面板
（2）在属性面板的左上方有一个选中图片的缩略图，旁边的数字表示了这个图片的文件大小，本例中为“70K”，下面的空格可以输入图片名称。右边是图片的宽和高，以像素为单位，“源文件”输入框中显示了图片的路径，：“链接”输入框中可以为图片设置超级链接。
（3）“替代”输入框中可以输入有关图片的信息，当图片不能正常显示时，可以显示“替代”输入框中的内容。“垂直边距”为图片在垂直方向上与文字的间距，“水平间距”为图片在水平方向上与文字的间距。
 （4）选中表格，还可在属性面板窗口中对表格的各个属性进行设置，如图2.12所示，除了可以设置大小外，还可以设置背景颜色、背景图像等。
3．插入表格
表格在制作网页中有着非常重要的作用。除了显示表格数据之外，还有更重要的作用，就是写位页面元素。
插入表格和编辑表格的具体操作步骤如下。
（1）可以依次选择菜单“插入→表格”菜单项，然后在打开的“表格”对话框中对要插入的表格进行设定，如图2.11所示。
（2）可以在表格窗口中设置表格的行数、列数、宽度、边框粗细、单元格边距和间距，其中单元格边距为单元格中的内容与单元格边线间的像素；单元格间距为单元格之间距离的像素数。还可以在“辅助功能”选项里为表格添加标题。
（3）设置好表格的参数后，单击“确定”按钮，则向页面中插入一个表格。
（4）选中表格，还可在属性面板窗口中对表格的各个属性进行设置，如图2.12所示，除了可以设置大小外，还可以设置背景颜色、背景图像等。
图2.12表格属性面板
上一页 [1] [2] [3] [4] 下一页 |
网友评论：