网页设计与制作初识chapter9)课件.ppt

《网页设计与制作初识chapter9)课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、框架及框架集认识框架及框架集利用框架可以把浏览器窗口划分为若干个区域，每个区域就是一个框架，在其中分别显示不同的网页，同时还需要一个文件记录框架的数量、布局、链接和属性等信息，这个文件就是框架集。框架集与框架之间的关系就是包含与被包含的关系1.新建预定义框架集文件步骤1启动Dreamweaver8，选择【文件】/【新建】命令，弹出“新建文档”对话框。步骤2在“类别”列表框中选择“框架集”选项，右侧将显示系统预定义的框架集类型，在其中选择所需的类型，如选择“上方固定，左侧嵌套”选项。2.加载预定义框架集将插入栏切换到“布局”插入栏，单击后的按钮，在弹出的下拉菜单中选择所需的命令，这里

2、选择【上方和下方框架】命令，弹出“框架标签辅助功能属性”对话框，单击确定按钮即可加载预定义框架集3.手动创建框架集选择【修改】/【框架页】命令，在弹出的子菜单中有【拆分左框架】、【拆分右框架】、【拆分上框架】和【拆分下框架】4个命令，它们的作用分别如下：拆分左框架：将网页拆分为左右两个框架，并将原网页放置在左侧的框架中。拆分右框架：将网页拆分为左右两个框架，并将原网页放置在右侧的框架中。拆分上框架：将网页拆分为上下两个框架，并将原网页放置在上方的框架中。拆分下框架：将网页拆分为上下两个框架，并将原网页放置在下方的框架中。在已经具有框架的页面中，除了可选择【修改】/【框架页】命令中的

3、子命令拆分框架外，还可按住Alt键将鼠标指针移至框架的边框，这时鼠标指针变为形状或形状，按住鼠标左键拖动边框到所需位置后释放鼠标也可在该位置处进行拆分选择框架或框架集在编辑窗口中选择按住Alt键，在所需的框架内单击鼠标左键即可选择该框架。在“框架”面板中选择选择【窗口】/【框架】命令，在浮动面板组中显示“框架”面板。设置框架和框架集的属性1、设置框架的属性选择需要设置属性的框架，显示其“属性”面板。其中各参数的含义如下：“框架名称”文本框：可为选择的框架命名，以方便被JavaScript程序引用，也可作为打开链接的目标框架名。“源文件”文本框：显示框架源文件的URL地址，单击文本框

4、后的按钮，可在弹出的对话框中重新指定框架源文件的地址。“滚动”下拉列表框：设置框架显示滚动条的方式，有“是”、“否”、“自动”和“默认”4个选项。选择“是”选项表示在任何情况下都显示滚动条；选择“否”表示在任何情况下都不显示滚动条；选择“自动”选项表示当框架中的内容超出了框架大小时，显示滚动条，否则不显示滚动条；选择“默认”选项表示采用浏览器的默认方式。“不能调整大小”复选框：选中该复选框则不能在浏览器中通过拖动框架边框来改变框架大小。“边框”下拉列表框：设置是否显示框架的边框。“边框颜色”文本框：设置框架边框的颜色。“边界宽度”文本框：输入当前框架中的内容距左右边框间的距离。“边

5、界高度”文本框：输入当前框架中的内容距上下边框间的距离。2、框架集的属性设置其中各参数的含义如下：“边框”下拉列表框：用于设置是否显示框架集中所有框架的边框。“边框颜色”文本框：用于设置框架集中所有框架的边框颜色。“边框宽度”文本框：用于设置框架集中所有框架的边框宽度。“列”（或“行”）栏：用于设置“列”（或“行”）的宽度（或高度）。其中“单位”下拉列表框中有“像素”、“百分比”和“相对”3个选项，选择“像素”选项，则以具体的像素值定义框架的宽度；选择“百分比”选项，则以占窗口宽度的百分比定义框架的宽度；选择“相对”选项，则框架的宽度为窗口的宽度减去其他框架的宽度。