Presentation is loading. Please wait.

Presentation is loading. Please wait.

第6章 文本 文本在网络上传输速度较快,用户可以很方便地浏 览和下载文本信息,故其成为网页主要的信息载体。 整齐划一、大小适中的文本能够体现网页的视觉效 果。因而文本处理是设计精美网页的第一步。本章 将结合具体实例介绍在Dreamweaver CS4中如何插 入文本,对文本进行排版及一些文本辅助功能。

Similar presentations


Presentation on theme: "第6章 文本 文本在网络上传输速度较快,用户可以很方便地浏 览和下载文本信息,故其成为网页主要的信息载体。 整齐划一、大小适中的文本能够体现网页的视觉效 果。因而文本处理是设计精美网页的第一步。本章 将结合具体实例介绍在Dreamweaver CS4中如何插 入文本,对文本进行排版及一些文本辅助功能。"— Presentation transcript:

1 第6章 文本 文本在网络上传输速度较快,用户可以很方便地浏 览和下载文本信息,故其成为网页主要的信息载体。 整齐划一、大小适中的文本能够体现网页的视觉效 果。因而文本处理是设计精美网页的第一步。本章 将结合具体实例介绍在Dreamweaver CS4中如何插 入文本,对文本进行排版及一些文本辅助功能。

2 6.1 插入文本 Dreamweaver CS4提供了多种插入文本的方法供读者 选择。
6.1 插入文本 Dreamweaver CS4提供了多种插入文本的方法供读者 选择。 标题、栏目名称等少量文本,可以选择直接在文档 窗口中键入; 段落文本,可以选择从其它文档中复制粘贴; 整篇文章或表格,可以选择导入Word、Excel文档。

3 将文本添加到文档 在Dreamweaver CS4中输入文本与Word略有不同,下 面通过实例来说明。要注意不换行空格,换行符的插 入,文本添加效果如图6.1所示。

4 插入日期 在网页中经常需要插入日期,比如网页的更新日期, 文章的上传日期等。Dreamweaver CS4提供了日期对 象,可以方便地插入当前日期。下面这个例子就是利 用“日期”按钮插入更新时间,效果如图6.8所示, 更新时间显示为当前编辑文档的时间。

5 插入特殊字符 前两节学习了在网页中添加文本与日期, Dreamweaver CS4还提供了丰富的特殊字符插入功能, 可以插入如注册商标、版权、货币符号等特殊符号。 下面以网页中经常用到的版权符号为例,演示如何在 文档中插入特殊符号。具体操作步骤如下:

6 导入数据文档 除了直接键入文本和复制粘贴文本以外, Dreamweaver CS4还可以直接将表格式文档、Word文 档、Excel文档导入到当前文档,省去了复制粘贴的 麻烦。下面通过实例演示如何导入Excel表格,最终 效果如图6.15所示。

7 6.2 设置文本格式 6.1节介绍了在网页中插入文本的几种方法,由于插 入的文本大小、字体格式不一致,需要对文本属性进 行设置,使其风格保持统一。

8 6.2.1 关于设置文本格式 设置文本格式有两种方法:使用HTML标签格式化文本, 使用层叠样式表(CSS)。
关于设置文本格式 设置文本格式有两种方法:使用HTML标签格式化文本, 使用层叠样式表(CSS)。 使用HTML标签和CSS都可以控制文本属性,包括特定字 体和字大小;粗体、斜体、下划线;文本颜色等。两者 区别在于,使用HTML标签仅仅对当前应用的文本有效, 当改变设置时,无法实现文本自动更新。而CSS则不同, 通过CSS事先定义好文本样式,当改变CSS样式表时,所 有应用该样式的文本将自动更新。此外,使用 CSS 能 更精确地定义字体的大小,还可以确保字体在多个浏览 器中的一致性。 默认情况下,Dreamweaver CS4 使用 CSS 而不是HTML 标签指定页面属性。CSS功能强大,除控制文本外,CSS 还可以控制网页中的其他元素,具体内容将在第13章中 详细讲解。这里主要介绍使用属性检查器设置文本属性 的基本操作。

9 使用属性检查器设置文本属性 使用“属性检查器”可以方便地设置字体的类型、格 式、大小、颜色,对于初学者来说这种方法简单易用。 下面结合具体实例来学习如何使用“属性检查器”设 置文本属性,效果如图6.20所示。页面中的文本格式 为段落,字体为宋体,颜色为灰色,大小为12像素。

10 6.3 设置段落格式 本节将学习设置段落格式,包括对齐文本、缩进文本、 使用水平线等常用功能。

11 对齐文本 在网页文字排版时,经常用到对齐文本功能。对齐文 本方式主要有四种:左对齐,居中对齐,右对齐,两 端对齐。操作步骤类似,下面以其中一种对齐方式 “右对齐”为例来说明如何操作。

12 缩进文本 在对网页中的段落进行排版布局时,经常会用到“缩 进文本”命令,缩进页面两侧的文本长度,留出一定 的空白区域,使页面更美观。其操作步骤如下:

13 使用水平线 使用水平线进行文本段落分割,也是常用的方法。例 如,在制作网页时,通常会在页面下部版权文字的上 方插入一条水平线,用以分隔文档内容,使文档结构 清晰明确。效果如图6.33所示。

14 6.4 列表 在网页中使用列表将内容分级显示,使侧重点一目了 然,内容更有条理性。在Dreamweaver CS4中创建列 表有两种方法:使用“属性检查器”或“文本”菜单 下的“列表”命令。Dreamweaver CS4中的列表主要 分为项目列表,编号列表,定义列表三种。搜狐网站 中就同时应用了上述三种样式的列表,如图6.38所示。

15 创建列表 创建列表有两种方式:创建新列表,使用现有文本创 建列表。两者创建列表方式操作类似。下面结合实例 说明如何创建嵌套列表,效果如图6.39所示。

16 设置列表属性 通过设置列表属性,可以改变列表的类型以及样式。 下面就以上一节创建的嵌套列表为例,改变其属性。 具体操作步骤如下:


Download ppt "第6章 文本 文本在网络上传输速度较快,用户可以很方便地浏 览和下载文本信息,故其成为网页主要的信息载体。 整齐划一、大小适中的文本能够体现网页的视觉效 果。因而文本处理是设计精美网页的第一步。本章 将结合具体实例介绍在Dreamweaver CS4中如何插 入文本,对文本进行排版及一些文本辅助功能。"

Similar presentations


Ads by Google