第3章在网页中插入文本和表格.ppt

网页制作与网站建设

第3章在网页中插入文本和表格

插入文本

设置段落格式

格式化文本

插入项目列表

插入表格

一、插入文本

插入普通文本

插入特殊字符

插入空格

插入水平线

插入日期

插入普通文本

将插入点定位在文档编辑区中，直接输入文本即可。

在Word等文本编辑软件中编辑好文本之后，将其复制到剪贴板上，然后在Dreamweaver8中将插入点定位到文档编辑区中，粘贴剪贴板中的文本即可。

插入特殊字符

在Dreamweaver8中编辑文本时，经常会遇到一些无法通过键盘直接输入的特殊字符，如版权符号©、注册商标符号®等，这时可通过Dreamweaver插入特殊字符的功能进行插入。

执行“插入”|“HTML”|“特殊字符”命令

插入空格

HTML只允许字符之间有一个空格；若要在文档中添加其它空格，必须插入不换行空格。可以设置一个在文档中自动添加不换行空格的首选参数

插入空格的两种操作如下：

选择“插入”|“HTML”|“特殊字符”|“不换行空格”

按Ctrl+Shift+空格键

设置首选参数

插入水平线

水平线可用于将文本和对象分开，对于组织信息很有用。在页面上，可以使用一条或多条水平线使页面元素的安排更加井井有条。另外，水平线还可为标题和其他元素加下划线，起到强调作用

在“插入”工具栏的“HTML”类别中单击“水平线”按钮。

选择水平线，选择“窗口”|“属性”打开属性面板，可以根据需要对水平线的属性如宽、高、对齐方式等进行设置

插入日期

Dreamweaver提供了一个方便的日期对象，该对象使用户可以以任何喜欢的格式插入当前日期，用户可以选择在每次保存文件时都自动更新该日期。

在“插入”工具栏的“常用”类别中，单击“日期”按钮

二、设置段落格式

设置段落格式

段落对齐

段落缩进

定义预格式化文本

设置段落格式

在HTML中定义了6级标题，分别用不同的HTML标记表示。

对段落应用标题标签时，Dreamweaver自动添加下一行作为标准段落。

段落对齐

使用属性面板或“文本|对齐”子菜单可以在水平方向上对齐页面上的段落。

对齐的方式有四种：

左对齐

右对齐

居中对齐

两端对齐

段落缩进

执行“文本|缩进”命令和“文本|凸出”命令可以在段落的两侧缩进文本和取消缩进。

缩进在HTML是用blockquote标记实现的。

定义预格式化文本

预格式化是指用户预先对pre和/pre标记之间的文字进行格式化，浏览器在显示其内容时，会完全按其原来的格式显示。

HTML的预格式化标记为pre和/pre。

三、格式化文本

设置文本的字体和样式(编辑字体列表)

设置文本的字号

设置文本的颜色

设置文本对齐方式

设置段落的缩进

设置并应用文本样式style

编辑字体列表

网页中的颜色

使用属性面板中的颜色选择器，打开调色板，从中选择一种颜色。

还可以直接在属性面板的颜色值框中输入颜色名称（如green）或表示颜色值的十六进制数字(#00ff00)。

颜色值用#RRGGBB的形式表示时，RR、GG、BB分别表示红色、绿色、蓝色的16进制值。

应用文本样式（例3-1）

四、插入列表

列表有三种：项目列表、编号列表和定义列表。

项目列表：

带前导项目符号

编号列表：

带前导顺序编号

定义列表：不使用前导字符，通常用于词汇表或说明

四、插入列表

执行“文本|列表”命令可以方便地创建三种列表。

例3-2创建编号列表

例3-3创建定义列表

列表还可以嵌套，嵌套列表是包含其他列表的列表。

五、插入表格

表格由一行或多行组成，每行又由一个或多个单元格组成。

每个单元格内可以放置文本信息和图像等内容。

可以对表格的内容进行排版。

创建表格例3-4

创建表格

执行“插入”|“表格”命令

编辑表格

选择整个表格

选择行或列

选择单元格

插入行或列

删除行或列

删除表格

拆分或合并单元格

复制、粘贴和删除单元格

调整表格、列和行的大小

设置表格属性

表格的大小、边框宽度、背景颜色、单元格之间的间距等属性，单元格的高度、宽度、边距、背景色、背景图像等。

设置表格属性

表格总体格式的设置

单元格的属性设置

例3-5

表格属性设置实例