通过它可以快速的对实体进行设计.DOCVIP

第3天文本与列表 文字是网页中基本信息的传达方式，也是网页设计不可缺少的组成元素，在网页中加入文本内容并设置好格式，是网页编辑的一个基本技能。今天将介绍在网页中创建文本，以及插入特殊字符、设置文本格式、排序等。 重点知识 插入文本 设置文本格式 查找和替换 列表和排序 练习案例 导入Word文档到Dreamweaver CS3 用【查找/替换】功能编辑页面内容 设置多级项目列表 3.1 文本编辑基础 Dreamweaver CS3可以通过以下方式向Web页面添加文本：一是直接将文本插入页面，二是从其他文档复制文本到页面，三是从其他应用程序导入文本。 3.1.1 插入文本 若要向页面插入文本，可以直接在页面中输入文本，也可以剪切、复制文本，然后粘贴到页面中，还可以通过【导入】命令从其他文档导入文本。 当粘贴其他应用程序中的文本内容时，执行【编辑】/【首选参数】菜单命令，或按【Ctrl+U】组合键，进入到首选参数设置窗口，设置默认粘贴的属性，如图3-1所示。 图3-1 设置粘贴属性 在不同的复制选项中，各选项的含义说明如下。 输入文本：一般Web页面是离不开文本信息的，而在Dreamweaver CS3中可以像使用文本编辑软件一样在文档窗口中插入文本。 复制文本：即在其他应用程序上复制文本，首先将光标定位到【文档】窗口的“设计”视图中，然后执行【编辑】/【粘贴】菜单命令或【编辑】/【选择性粘贴】菜单命令，如图3-2所示。 导入文档：在页面中创建文本内容，除前面两种方法外，还可以通过【导入】Dreamweaver CS3可以将Microsoft Office文件直接导入到页面中，如图3-3所示。 【格式化文档】和以上所介绍的【选择性粘贴】性质是相同的。 图3-2 选择性粘贴 图3-3 导入Word文档 3.1.2 插入特殊字符 在文档编辑过程中，经常会遇到一些特殊字符通过键盘无法直接输入，此时Dreamweaver CS3就可以方便地把特殊字符插入到页面中。操作步骤如下。 将光标定位在页面中需要插入特殊字符的地方。 插入方式有两种：一种是在【插入】工具栏上单击【文本】，选择【字符】选项，就可以选择需要插入的字符，通过【其他字符】选项可以插入更多的字符；另一种是执行【插入记录】/【HTML】菜单命令，插入特殊字符，如图3-4所示。 图3-4 插入特殊字符 3.1.3 设置文本格式 文本添加到页面中后，为了让页面美观，需对其样式、字体、大小、颜色等属性进行设置。下面分别对其文本的格式进行分类讲解。 1．设置文本样式 选中需要编辑的文字内容，在【属性】面板中设置字体，如果【属性】面板的【字体】下拉列表框中没有相应的字体时，可以通过【编辑字体列表】命令来对字体列表进行编辑，如图3-5所示。 图3-5 编辑字体列表 可以选择多种字体，表示如果浏览者的系统里没有第一种字体时，可以用后面的字体来代替，如果浏览者的系统里都没有所设的字体，那么将用其系统默认字体代替。 字体设置好以后，通过【加粗】按钮和【斜体】按钮为文本设置粗体和斜体，如图3-6所示。 图3-6 设置文本样式 2．设置文本大小 选中需要设置大小的文本，在【属性】面板的【大小】下拉列表框中选择所需的数值即可，然后在其后就会出现计量单位列表框，最常用的是【像素】和【点】，其他值可根据实际情况使用，如图3-7所示。 图3-7 设置文本大小 【大小】下拉列表框设定值只对选中的文本有效。 除了使用【大小】下拉列表框对文本大小进行设定，还可以通过【格式】下拉列表框对文本大小进行设定。在【格式】下拉列表框中，“标题1”到“标题6”的字体依次减小，“标题1”字体最大，“标题6”字体最小，如图3-8所示。 图3-8 用“格式”设置大小 单击【页面属性】按钮，打开【页面属性】对话框，在【分类】列表框中选择【标题】选项，对标题进行设置，如图3-9所示。 图3-9 设置页面标题 3．设置文本颜色 选中需要设置的文本，单击【属性】面板中的【文本颜色】调色板按钮，可以在弹出的窗口中选择合适的颜色，当鼠标变成吸管图标时，就可以选择所需颜色，如图3-10所示。 图3-10 设置颜色 单击【颜色拾色器】按钮，进入【颜色】编辑对话框，进行更细致的颜色选择。 通过使用【默认颜色】按钮，设置文本颜色为默认颜色。单击图标选择使用何种颜色系统。 网站需要有主色与辅助色，一个网站页面上同时出现的色彩不宜超过3种，色彩主次要分明。 4．设置文本对齐方式 文本的对齐方式是网页设计中很重要的步骤，设计者可以根据设计的需要设置文本左对齐、右对齐、居中或两端对齐。通过以下两种方法可以设置文本对齐方式。 执行【文本】/【对齐】菜单命令，从弹出的子菜单中选择对齐方式。 通过单击【属性】