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

  • 25
  • 0
  • 约3.34千字
  • 约 5页
  • 2018-06-06 发布于天津
  • 举报
使用浮动框架布局网页

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

文档评论(0)

1亿VIP精品文档

相关文档