使用框架及层布局

5
5、使用表格和层布局网页
实例 学生操作
6
实验四：使用框架及层布局 实验目的
掌握创建包含框架结构的网页 掌握使用层布局网页的方法
1
实验步骤及内容
1、创建包含框架结构的网页 创建框架集：【文件】|【新建】|【示例中 的页】，选择框架集格式。 设置框架集和框架页面属性
2
实例：在网页中使用表格和框架进行布局
选择【文件】/【新建】命令，单击左侧“示例中的页”按钮，选择 左侧固定的框架集，创建一个左右拆分的框架集。 在文档窗口选中整个框架集，修改属性，设置边框“是”，边框宽 度为“2”，列宽为“180”像素。 选中整个框架，选择【文件】/【框架集另存为】命令，保存到站点 文件夹，命名为“2011calendar.heml”。 单击左侧框架，【文件】-【框架另存为】，命名为 “calendarleft.html”，更改滚动方式为“auto”（修改代码中的参 数scrolling=“yes”） 单击右侧框架，【文件】-【框架另存为】，命名为 “calendarmain.html”，滚动方式为“no”。 在左侧框架插入表格，制作“一月单元表格，设置其属性，并制作 链接，一月的链接地址为“calendarmain.html”， 目标为 “mainframe”。 在右侧框架中插入表格，6行7列，设置1月份的具体日期，设置其格 式和属性。 在站点文件中复制“calendarmain.html”文件，并将副本修改为 “calendarmain2.html”，制作2月份的具体日期，并将左侧框架中2 月份的链接设置为“calendarmain2.html”，依次按照方法完成2-12 3
2、插入层
【插入】|【布局对象】|AP Div
3、绘制层
在【插入】面板中【常用】列表中，选中【布 局】选项，单击【绘制AP Div】命令，然后在 网页文档中拖动鼠标即可绘制层。
4ຫໍສະໝຸດ Baidu
4、层的基本操作
设置层的基本属性、移动层、在层中插入元素、 调整层的大小 对齐层：【修改】|【排列顺序】，可以设置多 个层的对齐方式