边做边学——Dreamweaver CS3网页设计案例教程教学课件 作者 官辛华 02.ppt

本章简介： 　 不管网页内容如何丰富，文本自始至终都是网页中最基本的元素。文本具有产生的信息量大，输入、编辑起来方便，并且生成的文件小，容易被浏览器下载，不会占用太多的等待时间等优点，因此，掌握好文本的使用，对于制作网页来说是最基本的要求。 2.3.4　相关工具 1.设置项目符号或编号 通过项目列表或编号列表按钮设置项目符号或编号，步骤如下。 （1）选择段落。 （2）在“属性”面板中，单击“项目列表”按钮或“编号列表”按钮，为文本添加项目符号或编号。 通过列表设置项目符号或编号，步骤如下。 （1）选择段落。 （2）选择“文本 列表”命令，弹出其子菜单，选择“项目列表”或“编号列表”命令。 2.修改项目符号或编号 （1）将插入点放在设置项目符号或编号的文本中。 （2）通过以下几种方法启动“列表属性”对话框。 单击“属性”面板中的“列表项目”按钮。 选择“文本 列表 属性”命令。 3.设置文本缩进格式 设置文本缩进格式有以下几种方法。 （1）在“属性”面板中单击“文本缩进”按钮或“文本凸出”按钮，使段落向右移动或向左移动。 （2）选择“文本 缩进”命令或“文本 凸出”命令，使段落向右移动或向左移动。 （3）按Ctrl+Alt+]组合键或按Ctrl+Alt+ [组合键，使段落向右移动或向左移动。 4.插入日期 （1）在文档窗口中，将插入点放置在想要插入对象的位置。 （2）通过以下几种方法启动“插入日期”对话框。 选择“插入”面板的“常用”选项卡，单击“日期”工具按钮。 选择“插入记录 日期”命令。 （3）选择相应的日期和时间的格式，单击“确定”按钮完成设置。 5.特殊符号 在网页中插入特殊字符，有以下4种方法。 （1）单击“字符”展开式工具按钮。 （2）选择“插入”面板的“文本”选项卡，单击“字符”展开式工具按钮，弹出12个特殊字符按钮。在其中选择需要的特殊字符的工具按钮，即可插入特殊字符。 （3）选择“插入记录 HTML 特殊字符”命令。 （4）选择“插入记录 HTML 特殊字符”命令，在弹出的子菜单中选择需要的特殊字符。 2.3.5　实战演练-时尚咖啡网页 使用“项目列表”按钮将文字制作成项目列表，使用“属性”命令改变项目列表的样式。 效果图 * 第2章　文本与文档 课堂学习目标 文本与文档 项目符号和编号列表 水平线、网格与标尺 2.1　植物香水网页 案例分析 设计理念 操作步骤 相关工具 2.1.1　案例分析 香水是一种混合了香精油、固定剂与酒精的液体，用来让物体拥有持久且悦人的气味。本例将设计制作植物香水网页，在设计风格上要表现出香水清新自然的迷人气息和魅力。 2.1.2　设计理念 在网页设计制作过程中，上方采用了漂亮的花草图片，使整个面页清新自然。左下方的按钮设计简洁清晰，方便浏览者查找需要的类型和品牌。右下方的区域为内容显示区域，通过对文字和图片的精心编排和设计，提供出浏览者最要了解的香水知识。 植物香水网页效果图 2.1.3　操作步骤 1 2 3 4 2.1.4　相关工具 1.输入文本 应用Dreamweaver CS3编辑网页时，在文档窗口中光标为默认显示状态。要添加文本，首先应将光标移动到文档窗口中的编辑区域，然后直接输入文本，就像在其他文本编辑器中一样。打开一个文档，在文档中单击鼠标左键，将光标置于其中，然后在光标后面输入文本。 2.设置文本属性 利用文本属性可以方便地修改选中文本的字体、字号、样式、对齐方式等，以获得预期的效果。选择“窗口 属性”命令，弹出“属性”面板。 “属性”面板 3.输入连续的空格 在默认状态下，Dreamweaver CS3只允许网站设计者输入一个空格，要输入连续多个空格则需要进行设置或通过特定操作才能实现。 设置“首选参数”对话框 选择“编辑 首选参数”命令，弹出“首选参数”对话框，在对话框中选择“允许多个连续的空格”复选框。 直接插入多个连续空格 在Dreamweaver CS3中插入多个连续空格，有以下几种方法。 选择“插入”面板中的“文本”选项卡，单击“字符”展开式按钮 ，选择“不换行空格”按钮。 选择“插入记录 HTML 特殊字符 不换行空格”命令，或按Ctrl+Shift+Space快捷键。