编辑文字
网页的内容大部分是文字，文字的属性中包括、字体、字号和颜色等，下面我们通过一个练习来学习。
1、启动Dreamweaver
1)点击“开始,所有程序,Macromedia,Macromedia Dreamweaver 8”，
。
2)在中间的“创建新项目”中点第一个 HTML，打开一个空白文档。
3)点菜单“文件,保存”命令，把文件名改为 index ，位置保存在上次建的站点中，
把标题改为“青青草主页”，保存一下文件，下面输入内容。
2、设置文字
1)输入下面的内容，输完一行后按一下回车键(也可以写自己的内容)，输完保存一下文件。
2)下面设置文字格式，拖黑选中标题“青青草”，在下面的侧边栏，属性面板中找第二排的各个按钮，依次是字体、大小、颜色。
3)按从左到右的顺序，把字体设为“黑体”、大小设成“24”、颜色设为绿色，标题一般要醒目些。
4)再拖黑选中下面的三行内容，在下面的属性面板中，把字体设为“新宋体”、大小为“18”、颜色为蓝色。
5)如果字体太少可以，点列
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
下边的“编辑字体列表..”，添加其他字体，
先在右边的列表中找到字体，再点中间的 << 按钮添加到左边，然后点上边的加号按钮，即可添加字体。
6)设好以后，在属性面板的第一排，“样式”旁边会出来一个STYLE2，这是自动保存了字体、字号、颜色的样式表，下次可以直接用，不用再一个一个设了。
在颜色按钮的旁边，有一串颜色代码，用数字代表颜色，以井号#开头的6个数字。
备注:灵活运用文字
我们可以在网页中插入漂亮的图片和有特色的表格，那能不能设置各种好看的字体呢,
一般来讲，网页中都不采用特殊的字体，因为网页不是给自己看的，而是给众多上网者浏览的，如果网页中用了上网者机器中没有的字体，这时的页面会很难看，甚至会面目全非。
同样，如果字体用好了，也会设计出比较有特色的网页。
我们看一下这个例子1，在例子中，可以看到很多图形和图标，别以为网页中真(图)
的插入了很多图形，其实都是文字和特殊字符～
图1 点击上图可看到浏览效果
(1)什么是字体列表
要灵活掌握文字，要先从文字列表讲起。
有设定网页文字时，不知你发没发现这个问题:选中几个文字，在属性面板中选择字体项，可以看字体列表(图2)。你可能要问，设置文字的字体，要么是宋体，要么是黑体，怎么会有好几种字体呢,
图2 字体列表
以“Times New Roman,Times,serif”为例，如果选中了这一项，所置为这种字体的文字显示为Times New Roman体，网页上传后，如果浏览者机器中安装了这种字体，网页就能正常显示，如果机器中没有这种字体，文字就按Times显示，如果这种字体也没有，就显示为serif字体，这是一种普通字体，大多数机器中都能有。
普通字体包括cursive、fantasy、monospace、sans-serif及serif字体。如果所指定字体都没有，文本会以默认字体显示。比如，大多数系统中默认的等宽字体为Courier。
字体列表就是使网页在更多的操作系统、更多的平台上都可以正常显示。 一般来讲，字体列表中的字体应该比较相似或相像，以保证显示效果。
(2)什么是字体列表
这个例子中，图形和图标的字体为Webdings和Wingdings字体。我们先设置这样的字体组合。
单击“Text”菜单，选择“Font->Edit Font List”命令(图1)。
图1 在菜单中选命令
弹出的是字体列表对话框，里面列出了一些字体组合。在右下角有一个“Available Fonts”列表框，里面列出了系统所安装的字体(图2)。
图2 如何创建字体列表
选中 “Webdings”字体，点一下“<<”按钮，字体就进入右侧的“Chosen Fonts”列表框中了。重复这一操作，向字体组合中添加其他字体，如“Symbol”等。 在选定指定字体后，再选择一个普通字体添加到列表中(图3)。
图3 创建的字体列表
单击“OK”，字体列表就创建完了。 用同样方法创建一个“Wingdings”字体列表。 (,)如何插入文字
字列表创建完了，Dreamweaver并没有提供插入这些特殊字符的命令，这可怎么办呢,
我们可以借助Word来完成这一工作。启动Word，选择“插入->符号”命令，在“字体”列表框中选择“Webdings”，下面就列出了这一字体的内容(图1)。
图1 符号对话框
看，这一字体中有很多风景方面的图，我们选择一个，双击，这一符号就被插入到Word文档中了，再选择一个，再双击。选择完毕，关闭此对话框。 在word中就出现了刚插入的符号，调整这些符号的顺序，将它们组合成一幅相对完整的“图片”(图2)。
图2 在Word中组成“图片”
将“图片”选中，按Ctrl+C进行复制。切换到Dreamweaver中，按下Ctrl+V，将“图片”粘贴过来(图3)。
图3 粘贴到DW后的效果
咦，怎么全是英文字母,将刚粘贴进来的字母选中，从属性面板中可以看到它们是按默认字体显示的，难怪会显示不正常。
从字体下拉列表框中选择我们刚创建的“Webdings”字体列表，看，“图片”出来了～(图4)
图4 选择字体列表
我们可以象正常文字一样，设置这些文字的大小、颜色，还可以加粗、倾斜，甚至借助标签做成走马灯的动态效果～看一下，效果不错吧～(图5)
图5 点击上图可看到浏览效果
用同样方法，可以完成例子中的其他文字效果(图6)。其中的,、,图标是“Wingdings”字体，而?、?都是正常字体。
图6 点击上图可看到浏览效果
(4)上下标的设置
2 在网页中，如果要输入为m、X等带上下标的文字，可以HTML中表示上下标的标签1
来实现。
表示上标，
是下标的标签，这些标签既可以手工加进代码中去，也可以用输入框加入。
2 比如:m的代码为m
2;
X的代码为X
1。 1
还有一个更简单的方法，只要在网页中输入m2，然后选中2，按下Ctrl+T键，弹出一个 Warp Tag<> 浮动框，光标在尖括号中，输入sup，敲回车就行了(图1)。
图1 快速标签选择器 图2 设置文字大小
在Dreamweaver中看不出上下标的效果，只能到浏览器中查看。
上下标的文字一般比正文文字要小，所以可以专门设置一下，这里我们设置上下标的字号比正文小1号，以m2为例，方法是选中上标“2”，设置字体大小为“-1”(图2)。
2 M 的代码为 M
2
X 的代码为 X
1。 1
这时再预览代码，可以看到上下标文字符合我们的要求了。
比较复杂的数学公式怎么输入呢,比如一个微分方程，可以在Word等软件中，利用公式编辑器写出公式，然后将其存为图片，然后在Dreamweaver中插入带公式的图片(图2)。
图2 带公式的图片
如果想让效果更好了一些，就将图片存为透明的gif图，就象下面这个样子。(图3)。
图3 透明的公式图片
浙公网安备 33021202002483