文本及其格式化.ppt

Chapter 3文本及其格式化 3.1 文本及其格式化概述 文本就是网页中的文字和特殊字符。 文本的格式化就是对文本的格式进行设置。 样式就是设置文本的一个或一组格式。 3.1 文本及其格式化概述 CSS（Cascading Style Sheets，层叠样式表）是专门用来进行网页元素定位和格式化的。在网页设计中，特别是中文网页设计中，CSS的使用非常广泛，其良好的兼容性、精确的控制方法、更少的编码受到了更多网页设计者的青睐。 3.2 文本的输入 输入文本有两种方法： 直接在文档窗口中输入文本。即先选择要插入文本的位置，然后直接输入文本。 在其他编辑器中复制已经生成的文本，然后切换到Dreamweaver 8文档窗口中，将选取插入点，然后选择“编辑”|“粘贴”选项。 3.2 文本的输入 如果要在文本中另起一个段落，可以按回车键。如果只是想使文本另起一行，则应该按Shift+Enter组合键。 3.2 文本的输入 在页面中插入符号，具体操作步骤如下： （01）将光标停留在需要插入符号的位置（“版权符号”的右侧单元格内），即确定插入点，如图3-1所示。 3.2 文本的输入 （02）选择文档窗口菜单栏中的“窗口”|“插入”选项，打开“插入”工具栏（再次选择此选项可隐藏“插入”工具栏）。 （03）进入“插入”工具栏上的“文本”面板。 （04）在“文本”面板中单击“字符”按钮右侧的下拉箭头 ，在弹出的菜单中选择“版权”选项 ，如图3-2所示。 3.2 文本的输入 3.2 文本的输入 （05）按照相同的方法，在“注册商标符号”右边的单元格内单击，在“字符”下拉菜单中选择“注册商标”选项 。 （06）将光标置入“特殊符号”右边的单元格内单击，在“字符”下拉菜单中选择“其他字符”选项 。 3.2 文本的输入 （07）此时，弹出“插入其他字符”对话框，如图3-3所示，在其中单击 作为插入的对象。 （08）单击“插入其他字符”对话框中的“确定”按钮，所选择的字符即插入到相应的位置。 3.2 文本的输入 有时需要☆、※、○、◇、□、△和→之类的符号，而Dreamweaver 8没有提供这些特殊符号，这时可以使用区位码或其他标准输入法输入。输入的方法是：先按V键，然后直接加数字，如V1，V2等，下面是一些比较有用但不太常见的特殊符号及其区位码： 3.2 文本的输入 3.2 文本的输入 在HTML中规定，连续输入多个空格将被忽略，只显示一个空格（pre标签内的除外）。这样，如果要输入多个空格的话就成了问题。 要在文档中插入空格，可执行下列操作之一： 选择“插入”|“HTML”|“特殊字符”|“不换行空格”选项。 直接按Ctrl + Shift +Space组合键。 3.2 文本的输入 在有的网页中会看到有日期显示。Dreamweaver 8提供了一个插入日期的对象，利用这个日期对象，可在文档中插入当前时间；同时Dreamweaver 8还提供了日期更新选项，当保存文件时，日期也随着更新。在文档中插入日期的步骤如下： 3.2 文本的输入 （01）在文档窗口中，将插入点放置到要插入日期的位置。 （02）选择“插入”|“日期”选项，或者单击“插入”工具栏中“常用”面板上的“日期” 按钮，弹出“插入日期”对话框，如图3-4所示。 （03）选择一种日期格式，然后单击“确定”按钮，即完成插入日期的操作。 3.2 文本的输入 3.3 创建项目列表 从总体上分，HTML有两种类型的项目列表：一种是无序项目列表；另一种是有序项目列表。从功能上分，有定义列表、目录列表和菜单列表。无序项目列表使用项目符号来标记项目，有序项目列表则使用编号来标记项目顺序。 在Dreamweaver 8中，允许设置多种项目列表格式。 3.3 创建项目列表 在HTML中，可以创建的列表有：无序列表、有序列表、定义列表、目录列表和菜单列表。下面分别对这几种列表进行说明。 1．无序列表 在无序列表中，各个列表项之间没有顺序级别之分，无序列表通常使用一个项目符号作为每条列表项的前缀。 3.3 创建项目列表 在HTML中，有3种类型的项目符号：球形、环形和矩形。图3-5显示了这几种不同的项目符号。 3.3 创建项目列表 2．有序列表 有序列表同无序列表的区别在于：有序列表使用编号，而不是用项目符号来编排项目。对于有序编号，可以指定其编号类型和起始编号，如图3-6所示。 3.3 创建项目列表 3．定义列表 定义列表也称作字典列表，因为其与字典具有相同的格式。在定义列表中，每个列表项带有一个缩进的定义字段，就好像字典中对文字进行解释一样。 3.3 创建项目列表 4．目录列表和菜单列表 目录列表通常用于设计一个窄列的列表，