第二章网页中的文字、图像和导航条.ppt

第2章 网页中的文字、图像和导航条;2.1 【案例4】“计算机简史”网页;图2-1-1 “计算机简史”网页的显示效果;1．文字属性设置 文字的属性可以在图2-1-2所示的文本“属性”栏和图2-1-5所示的“插入”（文本）栏中进行设置。;图2-1-2 文本的“属性”栏;（1）文字标题格式的设置 根据HTML语言规定，页面的文本有6种标题格式，它们所对应的字号大小和段落对齐方式都是设定好的。在“格式”下拉列表框中，可以选择各种格式。;? “无”选项：无特殊格式的规定，仅决定于浏览器本身。 ? “段落”选项：正文段落，在文字的开始与结尾处有换行，各行的文字间距较小。 ? “标题1”至“标题6”选项：标题1至标题6约为中文6号至中文1号字大小。 ? “预先格式化的”选项：设置预定义的格式。 ;（2）创建字体组合 Dreamweaver 8使用了字体组合的方法，取代了简单地给文本指定一种字体的方法。字体组合就是多个不同字体依次排列的组合。在设计网页时，可给文本指定一种字体组合。; 在网页浏览器中浏览该网页时，系统会按照字体组合中指定的字体顺序自动寻找用户计算机中安装的字体。采用这种方法可以照顾各种浏览器和安装不同操作系统的计算机用户。; 在“字体”下拉列表框中，可以选择Dreamweaver提供的各种字体组合，如图2-1-3所示。单击其中的某个列表项，即可设置该字体组合。 ;图2-1-3 “编辑字体列表”对话框 ; 单击图2-1-3所示的字体组合列表项中的“编辑字体列表”列表项，弹出“编辑字体列表”对话框，如图2-1-4所示。单击“编辑字体列表”对话框中“字体列表”列表框内的“在以下列表中添加字体”列表项。;图2-1-4 “编辑字体列表”对话框; 在“可用字体”列表框中选择字体，然后双击该字体名称，即可在“选择的字体”列表框中显示出相应的字体名称；也可以单击某一个字体名字，再单击 按钮，将选中的字体添加到“选择的字体”列表框内。; 按照上述方法，依次往“选择的字体”列表框中加入字体组合中的各种字体。同时，会看到在“字体列表”列表框内最下边随之显示出新的字体组合，如图2-1-4所示。单击“确定”按钮，即可完成字体组合的创建操作。; 如果要删除字体组合中的一种字体，单击“选择的字体”列表框内该字体的名称，再单击 按钮。如果要删除一个字体组合，可在“字体列表”列表框中单击该字体组合，再单击“编辑字体列表”对话框中的 按钮。; 如果还要增加字体组合，可以单击“编辑字体列表”对话框中的 按钮，使“字体列表”列表框中增加“在以下列表中添加字体”选项。;（3）文字属性的设置 文字大小设置：字号的数字越大，文字也越大。在Dreamweaver 8中，默认的字号是13。单击文字“属性”栏内的“大小”下拉列表框中的一种字号数字，即可完成字号的设定。在“大小”下拉列表框内，还可以通过选择“极小”到“极大”以及“较小”和“较大”列表项的方法来设置文字的大小。;文字样式设置：在“样式”下拉列表框中，单击“管理样式”项目，可以弹出“编辑样式表”对话框。单击该对话框中的“新建”按钮，就可以为文字添加样式设置。;文字的对齐设置：文字的对齐是指一行或多行文字在水平方向的位置，它有左对齐、居中对齐和右对齐3种。可以通过在选中页面内的文字后，单击文字“属性”栏内的 （左对齐）、 （居中对齐）和 （右对齐）按钮来实现。如果文字是直接输入到页面中的，则会以浏览器的边界线进行对齐。;文字的缩进设置：要改变段落文字的缩进量，可以选中文字，再单击文字“属性”栏内的 （减少缩进，向左移两个单位）按钮或 （增加缩进，向右移两个单位）按钮。;文字风格的设置：选中网页中的文字，单击按下 按钮，即可将选中的文字设置为粗体；单击按下 按钮，即可将选中的文字设置为斜体。;利用菜单命令改变文字风格：在“文本”→“样式”菜单的子菜单中，单击其中的某一个菜单命令，可以将选中的文字样式做相应的改变。 ;文字颜色的设置：单击文字“属性”栏内的“大小”下拉列表框右边的 按钮，可以弹出颜色面板，利用它可以设置文字的颜色。也可以在其文本框中直接输入颜色代码，例如红色的颜色代码为“#FF0000”。 ;使用“插入”（文本）栏：单击“插入”栏的“文本”标签，如图2-1-5所示。;图2-1-5 “插入”（文本）栏; 面板中有许多文本格式控制按钮，通过这些按钮可以方便地插入各种文本。单击面板中的“字体标签编辑器”按钮 ，可以弹出“标签编辑器”