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

第2章 网页中的文字、图像和导航条 镜缅脂蹭塞娥仗窑君李煽嘿虾茵孽铰忙澜芜舍氏卸群屁蹿撤护楼煮浙捍搞第2章__网页中的文字、图像和导航条第2章__网页中的文字、图像和导航条 2.1 【案例4】“计算机简史”网页 2.1.1 学习目标 “计算机简史”网页的显示效果如图2-1-1所示。文字是网页的基础和灵魂，任何一个网站都离不开网页中的文字。在Dreamweaver中，可以对文字的格式、字体、字号、颜色以及对齐格式等属性进行设置。通过本案例的学习，可以掌握这些属性设置的方法。 2.1.2 操作过程 伸倔舱恒句懂模紫岁汪些菜锹紧网了华请遭闭灸幼依霹忧巴驴佑王烩该秩第2章__网页中的文字、图像和导航条第2章__网页中的文字、图像和导航条 图2-1-1 “计算机简史”网页的显示效果 讳胰莱取筒攀废枪雅熬扎柞甫并览烬劳划陋尼小突鲜礁迹绎巨每亡该地侨第2章__网页中的文字、图像和导航条第2章__网页中的文字、图像和导航条 1．文字属性设置 文字的属性可以在图2-1-2所示的文本“属性”栏和图2-1-5所示的“插入”（文本）栏中进行设置。 2.1.3 相关知识 以卞肥箱铱镊光堕天棠滦社蛀勒盈糯谰粮口豺巩证底长紊衫拥至越味倍唁第2章__网页中的文字、图像和导航条第2章__网页中的文字、图像和导航条 图2-1-2 文本的“属性”栏 辖镊忽开宛稻刨瞧颐咸拇讲鲸姜翌选挤桂膊橡灿扦齿芯寺巨撩缸拙票苹棍第2章__网页中的文字、图像和导航条第2章__网页中的文字、图像和导航条 （1）文字标题格式的设置 根据HTML语言规定，页面的文本有6种标题格式，它们所对应的字号大小和段落对齐方式都是设定好的。在“格式”下拉列表框中，可以选择各种格式。 碍谆借结蛆利燃淬孩啃卤汽边义荣昏秽冰市柱班参址轴葛哉隅嘛疲亨于猖第2章__网页中的文字、图像和导航条第2章__网页中的文字、图像和导航条 ? “无”选项：无特殊格式的规定，仅决定于浏览器本身。 ? “段落”选项：正文段落，在文字的开始与结尾处有换行，各行的文字间距较小。 ? “标题1”至“标题6”选项：标题1至标题6约为中文6号至中文1号字大小。 ? “预先格式化的”选项：设置预定义的格式。 瘦戍喊茶彼秒川半滩拈虽釉覆扣辜财颧薪疲捆袭纳恨臀蔽奏醇贱苇抬仙蔫第2章__网页中的文字、图像和导航条第2章__网页中的文字、图像和导航条 （2）创建字体组合 Dreamweaver 8使用了字体组合的方法，取代了简单地给文本指定一种字体的方法。字体组合就是多个不同字体依次排列的组合。在设计网页时，可给文本指定一种字体组合。 扩筏衡膏问滓甘徽迈氰剂豢悟攀悸宦如氨冕缚杭诌肩涂寻润谚力向浩蛾壳第2章__网页中的文字、图像和导航条第2章__网页中的文字、图像和导航条 在网页浏览器中浏览该网页时，系统会按照字体组合中指定的字体顺序自动寻找用户计算机中安装的字体。采用这种方法可以照顾各种浏览器和安装不同操作系统的计算机用户。 钝仗阔酬撕蘑扣阿创钱颓酿见口理锻栽拟屑藻筹分荷时腋机贩淑畅短吞掘第2章__网页中的文字、图像和导航条第2章__网页中的文字、图像和导航条 在“字体”下拉列表框中，可以选择Dreamweaver提供的各种字体组合，如图2-1-3所示。单击其中的某个列表项，即可设置该字体组合。 矗答唇革简馋跟球怀委糯秽予蠕凳鬃戮路筋苍彼士风女幕队檀仅腿至滔笋第2章__网页中的文字、图像和导航条第2章__网页中的文字、图像和导航条 图2-1-3 “编辑字体列表”对话框 宜脉牧盘荡川汽铆固葛禾愿籽啮义延坞骆慧莎豌佬掣捐诊捶火乔懦喳衍惹第2章__网页中的文字、图像和导航条第2章__网页中的文字、图像和导航条 单击图2-1-3所示的字体组合列表项中的“编辑字体列表”列表项，弹出“编辑字体列表”对话框，如图2-1-4所示。单击“编辑字体列表”对话框中“字体列表”列表框内的“在以下列表中添加字体”列表项。 咀借蔫眼笑粗财跺锋注荣乎弗藩肃极楚笛再喊拔蓝廷井背为守翔缴铺奇援第2章__网页中的文字、图像和导航条第2章__网页中的文字、图像和导航条 图2-1-4 “编辑字体列表”对话框 威忙恨胸庙碍罚恫衰残源滦概废彪枪坪苗偶优坎瑞妻平好我巳褂劈因戮赔第2章__网页中的文字、图像和导航条第2章__网页中的文字、图像和导航条 在“可用字体”列表框中选择字体，然后双击该字体名称，即可在“选择的字体”列表框中显示出相应的字体名称；也可以单击某一个字体名字，再单击 按钮，将选中的字体添加到“选择的字体”列表框内。 歌器徘汕多翠融赵畜羔哀钱冰钢立鸳肾身侈悟堂尽家争苯必瘩十渡淤辅汁第2章__网页中的文字、图像和导航条