使用浮动框架布局网页.PDFVIP

使用浮动框架布局网页 【实训目的】 浮动框架由iframe标签指定，是一个嵌入在页面中的、独立的、可控制的内容区域。 利用浮动框架可以在指定位置以指定大小显示其他网页文档或站点，如滚动新闻等。 实训目的：  认识浮动框架；  掌握浮动框架的插入方法；  通过浮动框架显示其他网页内容的方法。 【实训要求】 本实训以睿思律师事务所网站为载体，要求插入浮动框架，并通过浮动框架显示公司动 态内容。网页参考效果如图1 所示。 图1 睿思律师事务所网页 【实训流程】 1）启动Dreamweaver CS6，创建一个本地站点。 2 ）新建一个网页文档，将用于显示在浮动框架中，参考效果如图2 所示。 图2 睿思动态内容页面 3 ）用DIV 布局页面。新建一个网页，效果图参考如图3 所示。用CSS 设置相关文本、 图像、导航等的样式，参考代码如下。 body{ background-color:#eeeeee; margin: 0p