《dreamweaver8网页制作教程03》由会员分享，可在线阅读，更多相关《dreamweaver8网页制作教程03（29页珍藏版）》请在金锄头文库上搜索。
1、l课堂讲解课堂讲解 l上机实战上机实战 第第1课课 为网页添加文本为网页添加文本 课堂讲解课堂讲解 l l插入文本插入文本 l l格式化文本格式化文本 l l项目列表的应用项目列表的应用 l l标尺和网格标尺和网格 插入文本插入文本 l插入普通文本插入普通文本 l插入特殊字符插入特殊字符 l在字符之间添加空格在字符之间添加空格 l插入其他文本插入其他文本插入普通文本插入普通文本 l l将插入点定位在文档编辑区中，将插入点定位在文档编辑区中，直接输入文本即可。直接输入文本即可。l l在在Word等文本编辑软件中编辑好等文本编辑软件中编辑好文本之后，将其复制到剪贴板上，文本之后，将其复制到剪贴板上
2、，然后在然后在Dreamweaver 8中将插中将插入点定位到文档编辑区中，粘贴入点定位到文档编辑区中，粘贴剪贴板中的文本即可。剪贴板中的文本即可。 插入特殊字符插入特殊字符 在在在在DreamweaverDreamweaver 8 8中编辑文本时中编辑文本时中编辑文本时中编辑文本时，往往会遇到一往往会遇到一往往会遇到一往往会遇到一些无法通过键盘直接输入的特殊字符些无法通过键盘直接输入的特殊字符些无法通过键盘直接输入的特殊字符些无法通过键盘直接输入的特殊字符，如版权符号如版权符号如版权符号如版权符号、注册商标符号注册商标符号注册商标符号注册商标符号等等等等，这时可通过这时可通过这时可通过这时可
3、通过DreamweaverDreamweaver 8 8插插插插入特殊字符的功能进行插入。入特殊字符的功能进行插入。入特殊字符的功能进行插入。入特殊字符的功能进行插入。 在字符之间添加空格在字符之间添加空格 Dreamweaver 8中的文档格式中的文档格式都是以都是以HTML编码形式存在的编码形式存在的，而而HTML编码中只允许字符之间包含一个编码中只允许字符之间包含一个空格空格，所以在所以在Dreamweaver 8中无论中无论按多少次空格键都只会输入一个空格。按多少次空格键都只会输入一个空格。 插入其他文本插入其他文本l插入水平线插入水平线 l l添加水平线添加水平线 l l修改水平线修
4、改水平线 l插入日期插入日期 添加水平线添加水平线 在文档编辑区将插入点定位到所需位置，在文档编辑区将插入点定位到所需位置，在文档编辑区将插入点定位到所需位置，在文档编辑区将插入点定位到所需位置，选择选择选择选择 插入插入插入插入 HTMLHTML 水平线水平线水平线水平线 菜单命令或单击菜单命令或单击菜单命令或单击菜单命令或单击“ “插入插入插入插入” ”栏中的栏中的栏中的栏中的“ “HTML”HTML”选项卡在其中单击选项卡在其中单击选项卡在其中单击选项卡在其中单击 按钮即可添加水平线。按钮即可添加水平线。按钮即可添加水平线。按钮即可添加水平线。 修改水平线修改水平线 初始绘制的水平线的格
5、式初始绘制的水平线的格式往往不能满足实际需要，此时往往不能满足实际需要，此时可通过属性面板对其进行修改。可通过属性面板对其进行修改。 插入日期插入日期 在制作网页时，有时需要插入当在制作网页时，有时需要插入当前的日期，前的日期，Dreamweaver 8提供了快提供了快速插入日期和时间的功能。速插入日期和时间的功能。 格式化文本格式化文本 l l设置字体外观设置字体外观 l l设置字体大小设置字体大小 l l设置颜色设置颜色 l l设置字体样式设置字体样式 l l设置对齐方式设置对齐方式 l l设置标题格式设置标题格式 l l设置样式设置样式 设置字体外观设置字体外观 用户也可对属性面板的用户
6、也可对属性面板的“字体字体”下拉列表框中的字体列表重新编辑。下拉列表框中的字体列表重新编辑。 设置字体大小设置字体大小 在属性面板的在属性面板的“大小大小”下拉列表下拉列表框中选择相应的选项，并选择其后的框中选择相应的选项，并选择其后的“单位单位”下拉列表框中相应的单位选项，下拉列表框中相应的单位选项，即可设置所选文本的字体大小。即可设置所选文本的字体大小。 其中字体的度量单位有像素其中字体的度量单位有像素（px）、）、厘米（厘米（cm）等，可根据具体等，可根据具体情况进行选择，但一般都以像素为单位。情况进行选择，但一般都以像素为单位。 设置颜色设置颜色 单击属性面板中的单击属性面板中的 按钮
7、，按钮，在弹出的颜色列表框中选择相应的在弹出的颜色列表框中选择相应的选项可设置所选文本的字体颜色，选项可设置所选文本的字体颜色，在其后的文本框中直接输入颜色的在其后的文本框中直接输入颜色的英文名（如英文名（如Red、Green等）或以等）或以“#”开头的十六进制颜色代码（如开头的十六进制颜色代码（如#ff0000、00ff00）设置所选文设置所选文本的颜色。本的颜色。设置字体样式设置字体样式 l粗体粗体 根根根根据据据据在在在在“ “首首首首选选选选参参参参数数数数” ”对对对对话话话话框框框框的的的的“ “常常常常规规规规” ”选选选选项项项项中中中中设设设设置置置置的的的的样样样样式式式式
8、参参参参数数数数选选选选择择择择，将将将将或或或或标标标标签签签签应应应应用用用用于于于于选选选选定定定定的的的的文文文文本本本本，即即即即对对对对所所所所选选选选文文文文本本本本加加加加粗粗粗粗。单单单单击击击击按按按按钮钮钮钮即即即即可可可可设设设设置置置置“ “加粗加粗加粗加粗” ”设置，再次单击按钮可取消设置，再次单击按钮可取消设置，再次单击按钮可取消设置，再次单击按钮可取消“ “加粗加粗加粗加粗” ”设置。设置。设置。设置。l斜体斜体 根据在根据在根据在根据在“ “首选参数首选参数首选参数首选参数” ”对话框的对话框的对话框的对话框的“ “常规常规常规常规” ”选项中选项中选项中选项
9、中设置的样式参数选择，将设置的样式参数选择，将设置的样式参数选择，将设置的样式参数选择，将或或或或标签应用于选标签应用于选标签应用于选标签应用于选定的文本，即对所选文本进行倾斜设置。选中按钮即定的文本，即对所选文本进行倾斜设置。选中按钮即定的文本，即对所选文本进行倾斜设置。选中按钮即定的文本，即对所选文本进行倾斜设置。选中按钮即可将所选的文本应用可将所选的文本应用可将所选的文本应用可将所选的文本应用“ “倾斜倾斜倾斜倾斜” ”。再次单击按钮可取消。再次单击按钮可取消。再次单击按钮可取消。再次单击按钮可取消“ “倾斜倾斜倾斜倾斜” ”设置。设置。设置。设置。 设置对齐方式设置对齐方式 通过属性面
10、板中的通过属性面板中的通过属性面板中的通过属性面板中的“ “左对齐左对齐左对齐左对齐” ”按钮、按钮、按钮、按钮、“ “居中对齐居中对齐居中对齐居中对齐” ”按钮、按钮、按钮、按钮、“ “右对齐右对齐右对齐右对齐” ”按钮和按钮和按钮和按钮和“ “两端两端两端两端对齐对齐对齐对齐” ”按钮可设置文本的对齐方式。按钮可设置文本的对齐方式。按钮可设置文本的对齐方式。按钮可设置文本的对齐方式。 设置标题格式设置标题格式 在属性栏的在属性栏的在属性栏的在属性栏的“ “格式格式格式格式” ”下拉列表框中可设置标下拉列表框中可设置标下拉列表框中可设置标下拉列表框中可设置标题格式，其中题格式，其中题格式，其
11、中题格式，其中“ “段落段落段落段落” ”是应用是应用是应用是应用标签的默认格式，标签的默认格式，标签的默认格式，标签的默认格式，“ “标题标题标题标题 1”1”选项应用选项应用选项应用选项应用标签，设置该选项可以将标签，设置该选项可以将标签，设置该选项可以将标签，设置该选项可以将所选的文本设置成各种标题。标题号越小，字体越大。所选的文本设置成各种标题。标题号越小，字体越大。所选的文本设置成各种标题。标题号越小，字体越大。所选的文本设置成各种标题。标题号越小，字体越大。 设置样式设置样式 属性面板中的属性面板中的属性面板中的属性面板中的“ “样式样式样式样式” ”下拉列表框可用下拉列表框可用下
12、拉列表框可用下拉列表框可用于显示当前应用于所选文本的样式。于显示当前应用于所选文本的样式。于显示当前应用于所选文本的样式。于显示当前应用于所选文本的样式。项目列表的应用项目列表的应用 l l有序列表有序列表l l无序列表无序列表l l定义列表定义列表 l l为现有文本创建列表为现有文本创建列表 l l创建嵌套列表创建嵌套列表 l l设置项目列表属性设置项目列表属性 有序列表有序列表 有有序序列列表表又又称称为为编编号号列列表表，是是有有一一定定排排列列顺顺序序的的列列表表，一一般般前前面面有有数数字字前前导导字字符符，其其中中前前导导字字符符可可以以是是阿阿拉拉伯伯数数字、英文字母或罗马数字等
13、。字、英文字母或罗马数字等。 无序列表无序列表 无序列表又称为项目列表，是一系列无无序列表又称为项目列表，是一系列无无序列表又称为项目列表，是一系列无无序列表又称为项目列表，是一系列无顺序级别关系的项目文本组成的列表，一般前顺序级别关系的项目文本组成的列表，一般前顺序级别关系的项目文本组成的列表，一般前顺序级别关系的项目文本组成的列表，一般前面是用项目符号作为前导字符。面是用项目符号作为前导字符。面是用项目符号作为前导字符。面是用项目符号作为前导字符。 定义列表定义列表 定义列表不使用项目符号或定义列表不使用项目符号或数字这样的前导字符，通常用在数字这样的前导字符，通常用在词汇表或说明书中。词
14、汇表或说明书中。 为现有文本创建列表为现有文本创建列表 除了先创建列表项再除了先创建列表项再输入文本外，还可以先输输入文本外，还可以先输入文本，然后再设置列表入文本，然后再设置列表项。项。 创建嵌套列表创建嵌套列表 嵌套列表是包含在其他列表中的列表。嵌套列表是包含在其他列表中的列表。 设置项目列表属性设置项目列表属性 使用使用使用使用“ “列表属性列表属性列表属性列表属性” ”对话框可以设置列表对话框可以设置列表对话框可以设置列表对话框可以设置列表项的外观，包括编号样式、项目符号样式等。项的外观，包括编号样式、项目符号样式等。项的外观，包括编号样式、项目符号样式等。项的外观，包括编号样式、项目
15、符号样式等。 标尺和网格标尺和网格 l标尺标尺 l网格网格 标尺标尺 标尺分为水平标尺和垂直标尺，分别显标尺分为水平标尺和垂直标尺，分别显标尺分为水平标尺和垂直标尺，分别显标尺分为水平标尺和垂直标尺，分别显示在示在示在示在DreamweaverDreamweaver 8 8文档编辑区的上方和文档编辑区的上方和文档编辑区的上方和文档编辑区的上方和左侧。标尺的单位包括像素、厘米和英寸，左侧。标尺的单位包括像素、厘米和英寸，左侧。标尺的单位包括像素、厘米和英寸，左侧。标尺的单位包括像素、厘米和英寸，在默认状态下使用像素为单位。在默认状态下使用像素为单位。在默认状态下使用像素为单位。在默认状态下使用像
16、素为单位。 网格网格 网格与标尺都是定位工具，但在网页布网格与标尺都是定位工具，但在网页布网格与标尺都是定位工具，但在网页布网格与标尺都是定位工具，但在网页布局中使用网格更方便。文档编辑区中显示了网局中使用网格更方便。文档编辑区中显示了网局中使用网格更方便。文档编辑区中显示了网局中使用网格更方便。文档编辑区中显示了网格后，就可以对网页元素进行准确的定位了。格后，就可以对网页元素进行准确的定位了。格后，就可以对网页元素进行准确的定位了。格后，就可以对网页元素进行准确的定位了。 上机实战上机实战 在本课的上在本课的上在本课的上在本课的上机实战中，将在机实战中，将在机实战中，将在机实战中，将在已有基本框架已有基本框架已有基本框架已有基本框架（相关知识将在（相关知识将在（相关知识将在（相关知识将在后面几课详细讲后面几课详细讲后面几课详细讲后面几课详细讲解）的解）的解）的解）的“ “风行天风行天风行天风行天科技科技科技科技” ”网站的首网站的首网站的首网站的首页页面中添加文页页面中添加文页页面中添加文页页面中添加文本、项目列表，本、项目列表，本、项目列表，本、项目列表，并对它们进行设并对它们进行设并对它们进行设并对它们进行设置，如缩进、加置，如缩进、加置，如缩进、加置，如缩进、加粗、倾斜、大小、粗、倾斜、大小、粗、倾斜、大小、粗、倾斜、大小、颜色等。颜色等。颜色等。颜色等。
