08设置文本格式教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt

08设置文本格式教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5）设置文本格式静态网站制作教学资源课件静态网站制作教学资源课件设置文本格式 在Dreamweaver的“文本”属性面板中，可以设置文本的基本属性，例如，文字样式、字体、颜色、对齐方式以及文本段落属性。实例实例8：完成“练习”站点“gywm.html”网页的文本导航栏，如图所示。1、将文本导航栏中的内容输入相应的布局表格中，效果如图2.40所示。并拖动选中所有单元格设置水平、垂直对齐方式 都为居中。2、选择文字“首页”，单击属性面板下方的“CSS”工作区，如图2.41所示。在“大小”列表框中选择“12”，打开如图2.42所示的“新建CSS规则”对话框，在“选择器名称”中输入“.daohang”作为该样式的名称。3、继续在属性面板中设置字体大小的单位为“像素”，文字的颜色为“白色”，设置完成的属性面板如图2.43所示。4、选中导航栏布局表格中的行标签，在“目标规则”下拉列表中选择“.daohang”，如图2.44所示，完成导航栏的制作。单击“文档”工具栏中的“代码”按钮，可以发现在和标签之间添加了以下HTML语句：body margin-top:20px;.daohang font-size:12px;color:#FFF;这是Dreamweaver将我们刚才的操作自动转换成CSS样式代码，其中body margin-top:20px;是我们在前面设置的页面属性：页面上边距为20像素。.daohang font-size:12px;color:#FFF;是设置的导航栏中的字体和字号，这些内容以后章节会逐渐展开介绍。