《网页设计与制作基础》实验指导书实验6《网页设计与制作基础》实验指导书实验6.docVIP

实验六 基于CSS的网页布局设计 实验目的 CSS的页面分割技术、盒模式和定位技术 熟悉层（AP Div）的基本操作并能利用层（AP Div）来定位页面元素； 掌握模板的创建、编辑和应用。 实验环境 WindowsXP操作系统，Dreamweaver软件，内部组成局域网，外连Internet互联网说明： 红色显示的文字“中国四大名园”不是图片的一部分 左下的各行文字为空超链接 编辑网页文件“zzy.html”，效果如下图所示。 说明： 1）“首页”链接index.html，“拙政园”链接zzy.html，其它为空链接。 根据网页文件“zzy.html”生成模板文件“zzy.dwt”。文件存放Templates 文件夹下。 根据模板文件“zzy.dwt”创建网页文档“yhy.html”、“bssz.html”和“ly.html”，站点中的my.html的导航莱单内容“拙政园”、“颐和园”、“避暑山庄”以及“留园”分别链接到网页文件“zzy.html”、“yhy.html”、“bssz.html”和“ly.html”。 实验操作说明 使用 CSS 对页面进行布局 关于 Dreamweaver 中的 AP 元素 AP 元素（绝对定位元素，层）是分配有绝对位置的 HTML 页面元素，具体地说，就是 div 标签或其它任何标签。 AP 元素可以包含文本、图像或其它任何可