08设置文本格式教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt
《08设置文本格式教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt》由会员分享,可在线阅读,更多相关《08设置文本格式教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt(8页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、08设置文本格式教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5)设置文本格式静态网站制作教学资源课件静态网站制作教学资源课件设置文本格式 在Dreamweaver的“文本”属性面板中,可以设置文本的基本属性,例如,文字样式、字体、颜色、对齐方式以及文本段落属性。实例实例8:完成“练习”站点“gywm.html”网页的文本导航栏,如图所示。1、将文本导航栏中的内容输入相应的布局表格中,效果如图2.40所示。并拖动选中所有单元格设置水平、垂直对齐方式 都为居中。2、选择文字“首页”,单击属性面板下方的“CSS”工作区,如图2.41所示。在“大小”列表框中选择“12”,打开如
2、图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;是设置的导航栏中的字体和字号,这些内容以后章节会逐渐展开介绍。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 08设置文本格式教学课件 高教版 中职 网页设计与制作Dreamweaver CS5 08 设置 文本 格式 教学 课件 高教 网页 设计 制作 Dreamweaver CS5
链接地址:https://www.taowenge.com/p-90589009.html
限制150内