hxzdw第3章文本操作.ppt

《hxzdw第3章文本操作.ppt》由会员分享，可在线阅读，更多相关《hxzdw第3章文本操作.ppt（33页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下第第3 3课课 为网页添加文本为网页添加文本 首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下p插入文本插入文本 p格式化文本格式化文本 p项目列表的应用项目列表的应用 p标尺和网格标尺和网格 首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下插入

2、文本插入文本 p插入普通文本插入普通文本 p插入特殊字符插入特殊字符 p在字符之间添加空格在字符之间添加空格 p插入其他文本插入其他文本首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下插入普通文本插入普通文本 p将插入点定位在文档编辑区中，直接输入文将插入点定位在文档编辑区中，直接输入文本即可。本即可。p在在WordWord等文本编辑软件中编辑好文本之后，等文本编辑软件中编辑好文本之后，将其复制到剪贴板上，然后在将其复制到剪贴板上，然后在Dreamweaver 8Dreamweaver 8中将

3、插入点定位到文档编辑区中，粘贴剪贴中将插入点定位到文档编辑区中，粘贴剪贴板中的文本即可。板中的文本即可。p打开要将打开要将WordWord或或ExcelExcel文件的内容复制到的目文件的内容复制到的目标标WebWeb页。选择页。选择 文件文件 导入导入 WordWord文档文档 或或 文件文件 导入导入 ExcelExcel文档文档 菜单命令。在打菜单命令。在打开的开的“打开打开”对话框中，选择要添加的文件，对话框中，选择要添加的文件，然后单击然后单击“确定确定”按钮，按钮，WordWord或或ExcelExcel文档的文档的内容将出现在页面中。内容将出现在页面中。首页首页中文中文Dream

4、weaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下插入特殊字符插入特殊字符 在在DreamweaverDreamweaver 8 8中编辑文本时中编辑文本时，往往会遇到往往会遇到一些无法通过键盘直接输入的特殊字符一些无法通过键盘直接输入的特殊字符，如版权符号如版权符号、注册商标符号、注册商标符号 等等，这时可通过这时可通过DreamweaverDreamweaver 8 8插插入特殊字符的功能进行插入。入特殊字符的功能进行插入。首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培

5、训教程调音调音返回返回 结束结束向上向上末页末页向下向下插入特殊字符插入特殊字符p如果还需要输入其他的特殊字符，可以在“字符”下拉列表中选择“其他字符”选项，打开如下图所示的“插入其他字符”对话框。p单击需要的字符后再单击【确定】按钮即可输入相应的字符。p也可以选择插入HTML特殊字符菜单命令下的相应命令插入相应字符。首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下插入特殊字符插入特殊字符首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调

6、音返回返回 结束结束向上向上末页末页向下向下在字符之间添加空格在字符之间添加空格 插入不换行空格，可执行如下操作之一。插入不换行空格，可执行如下操作之一。p在在“插插入入”栏栏的的“文文本本”选选项项卡卡中中，单单击击“字字符符”按按钮钮，在在下下拉拉列列表表中中选选择择“插插入入不不换换行空格行空格”选项。选项。p选选择择 插插入入 HTMLHTML 特特殊殊字字符符 不不换换行行空空格格 菜单命令。菜单命令。p按按【Ctrl+ShiftCtrl+Shift+空格键空格键】键输入。键输入。*设置添加不换行空格的参数设置添加不换行空格的参数 nbsp;首页首页中文中文Dreamweav

7、erDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下插入其他文本插入其他文本p插入水平线插入水平线 n添加水平线添加水平线 n修改水平线修改水平线 p插入日期插入日期 首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下添加水平线添加水平线 在文档编辑区将插入点定位到所需位置，在文档编辑区将插入点定位到所需位置，选择选择 插入插入 HTMLHTML 水平线水平线 菜单命令或单击菜单命令或单击“插入插入”栏中的栏中的“HTML”HTML

8、”选项卡在其中单击选项卡在其中单击 按钮即可添加水平线。按钮即可添加水平线。首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下修改水平线修改水平线 初始绘制的水平线的格式往初始绘制的水平线的格式往往不能满足实际需要，此时可通过往不能满足实际需要，此时可通过属性面板对其进行修改。属性面板对其进行修改。首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下插入日期插入日期 在制作网页时，有时需要插入当前的

9、日期，在制作网页时，有时需要插入当前的日期，DreamweaverDreamweaver 8 8提供了快速插入日期和时间的功提供了快速插入日期和时间的功能。设置能。设置 后可以再次编辑日期。后可以再次编辑日期。首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下格式化文本（格式化文本（01html01html基础基础9 9）p设置字体外观设置字体外观 p设置字体大小设置字体大小 p设置颜色设置颜色 p设置字体样式设置字体样式 p设置对齐方式设置对齐方式 p设置标题格式设置标题格式 p设置样式设置样

10、式 首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下设置字体外观设置字体外观 用户也可对属性面板的用户也可对属性面板的“字体字体”下拉列表框下拉列表框中的字体列表重新编辑。中的字体列表重新编辑。首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下设置字体大小设置字体大小 在属性面板的在属性面板的“大小大小”下拉列表框中选下拉列表框中选择相应的选项，并选择其后的择相应的选项，并选择其后的“单位单位”

11、下拉下拉列表框中相应的单位选项，即可设置所选文列表框中相应的单位选项，即可设置所选文本的字体大小。本的字体大小。其中字体的度量单位有像素（其中字体的度量单位有像素（pxpx）、）、厘厘米（米（cmcm）等，可根据具体情况进行选择，但等，可根据具体情况进行选择，但一般都以像素为单位。一般都以像素为单位。首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下设置颜色设置颜色 单击属性面板中的单击属性面板中的 按钮，在弹按钮，在弹出的颜色列表框中选择相应的选项可设出的颜色列表框中选择相应的选项可设置所选文

12、本的字体颜色，在其后的文本置所选文本的字体颜色，在其后的文本框中直接输入颜色的英文名（如框中直接输入颜色的英文名（如RedRed、GreenGreen等）或以等）或以“#”#”开头的十六进制颜开头的十六进制颜色代码（如色代码（如#ff0000#ff0000、00ff0000ff00）设置设置所选文本的颜色。所选文本的颜色。首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下设置字体样式设置字体样式 p粗体粗体 根根据据在在“首首选选参参数数”对对话话框框的的“常常规规”选选项项中中设设置置的的样样

13、式式参参数数选选择择，将将或或标标签签应应用用于于选选定定的的文文本本，即即对对所所选选文文本本加加粗粗。单单击击按按钮钮即即可可设设置置“加粗加粗”设置，再次单击按钮可取消设置，再次单击按钮可取消“加粗加粗”设置。设置。p斜体斜体 根据在根据在“首选参数首选参数”对话框的对话框的“常规常规”选项中设选项中设置的样式参数选择，将置的样式参数选择，将或或 标签应用于选定的标签应用于选定的文本，即对所选文本进行倾斜设置。选中按钮即可将文本，即对所选文本进行倾斜设置。选中按钮即可将所选的文本应用所选的文本应用“倾斜倾斜”。再次单击按钮可取消。再次单击按钮可取消“倾倾斜斜”设置。设置。首页首页中文中文

14、DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下设置对齐方式设置对齐方式 通过属性面板中的通过属性面板中的“左对齐左对齐”按钮、按钮、“居中对居中对齐齐”按钮、按钮、“右对齐右对齐”按钮和按钮和“两端对齐两端对齐”按钮可设按钮可设置文本的对齐方式。置文本的对齐方式。两端对齐左对齐右对齐居中对齐首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下设置标题格式设置标题格式 在属性栏的在属性栏的“格式格式”下拉列表框中

15、可设置标题格下拉列表框中可设置标题格式，其中式，其中“段落段落”是应用是应用标签的默认格式，标签的默认格式，“标标题题 1”1”选项应用选项应用标签，设置该选项可以将所选的标签，设置该选项可以将所选的文本设置成各种标题。标题号越小，字体越大。文本设置成各种标题。标题号越小，字体越大。首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下设置样式设置样式 属性面板中的属性面板中的“样式样式”下拉列表框可用于显示当下拉列表框可用于显示当前应用于所选文本的样式。前应用于所选文本的样式。首页首页中文中文Dr

16、eamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下项目列表的应用（项目列表的应用（01html01html基础基础1111）p有序列表有序列表p无序列表无序列表p定义列表定义列表 p为现有文本创建列表为现有文本创建列表 p创建嵌套列表创建嵌套列表 p设置项目列表属性设置项目列表属性 首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下有序列表有序列表 有有序序列列表表又又称称为为编编号号列列表表，是是有有一一定定排排列

17、列顺顺序序的的列列表表，一一般般前前面面有有数数字字前前导导字字符符，其其中中前前导导字字符符可可以以是是阿阿拉拉伯伯数数字字、英英文文字字母母或或罗罗马马数数字字等等。按按回回车车键键即即可可输输入入下下一一条条内内容容，两两次次回回车车完完成成列列表的创建。表的创建。首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下列表项目一列表项目二列表项目三列表项目四首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页

18、末页向下向下无序列表无序列表 无序列表又称为项目列表，是一系列无序列表又称为项目列表，是一系列无顺序级别关系的项目文本组成的列表，无顺序级别关系的项目文本组成的列表，一般前面是用项目符号作为前导字符。一般前面是用项目符号作为前导字符。列表项目一列表项目二列表项目三首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下定义列表定义列表 定义列表不使用项目符号或数定义列表不使用项目符号或数字这样的前导字符，通常用在词汇字这样的前导字符，通常用在词汇表或说明书中。表或说明书中。首页首页中文中文Dreamw

19、eaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下为现有文本创建列表为现有文本创建列表 除了先创建列表项再除了先创建列表项再输入文本外，还可以先输输入文本外，还可以先输入文本，然后再设置列表入文本，然后再设置列表项。项。首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下创建嵌套列表创建嵌套列表 嵌套列表是包含在其他列表中的列表。嵌套列表是包含在其他列表中的列表。首页首页中文中文DreamweaverDreamweaver 8

20、 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下设置项目列表属性设置项目列表属性 使用使用“列表属性列表属性”对话框可以设置列表对话框可以设置列表项的外观，包括编号样式、项目符号样式等。项的外观，包括编号样式、项目符号样式等。首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下标尺和网格标尺和网格 p标尺标尺 p

21、网格网格 p辅助线辅助线首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下标尺标尺 标尺分为水平标尺和垂直标尺，分别显示标尺分为水平标尺和垂直标尺，分别显示在在DreamweaverDreamweaver 8 8文档编辑区的上方和左侧。文档编辑区的上方和左侧。标尺的单位包括像素、厘米和英寸，在默认状标尺的单位包括像素、厘米和英寸，在默认状态下使用像素为单位。态下使用像素为单位。首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下网格网格 网格与标尺都是定位工具，但在网页网格与标尺都是定位工具，但在网页布局中使用网格更方便。文档编辑区中布局中使用网格更方便。文档编辑区中显示了网格后，就可以对网页元素进行显示了网格后，就可以对网页元素进行准确的定位了。查看准确的定位了。查看/网格网格/网格设网格设置置 首页首页中文中文DreamweaverDreamweaver 8 8网页设计培训教程网页设计培训教程调音调音返回返回 结束结束向上向上末页末页向下向下上机实战上机实战 p列表练习列表练习p列表和页面属性设置练习列表和页面属性设置练习