网页设计与制作项目实训教程 教学课件 ppt 作者 严加琼 曾金发项目14.pptVIP

14.3 实践向导 任务14-1诗歌排版:《再别康桥》 3.设置文本CSS规则 ① 定义DIV#poem容器，让它水平居中，需要利用到它的左右外边距，自动撑开，建立一个仅对该文档生效的规则，首先设置“CSS规则定义”对话框中的“背景”类别“background-color”为“#F8FFF0”，然后把“方框”的规则定义如图14-31所示。将“边框”设置成如图14-32所示。 ② 为了配合诗文效果，安装一种中文书法字体“方正启体简体”。安装字体的方法是将字体文件直接复制到系统盘的windows文件夹内的fonts文件夹（XP和WIN7都适用）然后在Dreamweaver中添加该字体。 ③ 为H1标签建立一个仅限该文档使用的选择器规则，在“类型”中，设置如图14-33所示。 ④ 设置诗歌的文字居中，在“CSS样式”面板中单击按钮 ，新建一个复合规则“#poem p”，在“类型”中将字体设置为“方正启体简体”，字体大小“18px”，字体颜色“#666”。特别需要注意的“定位”类别设置如图14-36所示。 14.3 实践向导 任务14-1 诗歌排版:《再别康桥》 4.设置背景规则 ① 设置页面背景水平平铺 ② 设置诗歌标题“再别康桥”背景图片 ③ 设置诗歌正文背景图片 图14-28 诗歌美化效果 1４.3 实践向导 任务14-2图文排版：制作庐山景点介绍页面 １.设计页面结构