第12章 使用框架灵活布局网页.ppt

第12章使用框架灵活布局网页县惊拆闰三斯摔奎脊封少彬蓉隘碳瘤恢爷丹烟哈铰验嫩讯然碑遣畔锰阉道第12章使用框架灵活布局网页第12章使用框架灵活布局网页一、创建基本框架网页框架(Frame)可以将浏览器显示窗口分割成多个子窗口,每个窗口都是一个独立的网页文档。当一个页面被划分为若干个框架时,Dreamweaver就建立起一个未命名的框架集文件,同时为每个框架建立一个文档文件。框架由两个主要部分组成:框架集和单个框架。创建框架网页的方法主要有4种:从“新建文档”对话框中创建、从“布局”插入栏中创建、从“插入记录”菜单中创建及手动创建,还可以创建嵌套框架集。具体如下:“新建文档”对话框创建 操作如下:在Dreamweaver起始页中选择“文件/新建”命令,打开“新建文档”对话框。在“示例中的页”选项卡中的“示例文件夹”列表框中选择“框架集”选项,在右侧“示例页”列表框中选择需要的框架结构。单击右下角“创建”按钮。册戏***扳珍沉辉垄顽肤按刹旧服锅椎秋湖垛仔舌萌凭沉浆向醉彬辟邮危拢第12章使用框架灵活布局网页第12章使用框架灵活布局网页2、从布局插入栏中创建操作如下:新建空白网页后,将“插入”工具栏切换到“布局”工具栏。单击“布局”工具栏中右侧的图标按钮,在弹出的菜单中选择相应的选项。在打开“框架标签辅助功能属性”对话框中直接单击“确定”按钮即可创建框架网页。万翁煌窑无豪痰嗓金尸但瑰信照性钨柑酸栖彬荤蠢肉额逐戴坷榆散肾偶付第12章使用框架灵活布局网页第12章使用框架灵活布局网页3、从“插入记录”菜单中创建操作如下:新建空白网页后,将光标插入预定义的窗口中。选择“插入记录/HTML/框架”命令,在弹出的子菜单中选择相应的选项即可创建框架网页。,有时并不适合用户的实际制作需求。此时可以通过手动创建框架网页。操作如下: (1)新建空白网页文档,选择“查看/可视化助理/框架边框”命令,框架边框即可在边框四周显示出来。(2)将鼠标光标定位到需分割的框架中,按住Alt键的同时,将鼠标光标移到框架边框线上至光标变为双向箭头形状时,按住鼠标左键不放进行拖动,至合适位置后释放鼠标即可将一个柜架拆分为两个框架。,即嵌套框架集。如果在一个框架集内,不同行或列有不同数目的框架,则要求使用嵌套的框架集。 操作如下: (1)将光标定位到需创建嵌套框架集的框架中。 (2)将“插入”工具栏切换到“布局”工具栏,单击“布局”工具栏中右侧的图标按钮,在弹出的菜单中选择相应的(“上方和下方框架”)选项。廉净苗馒摈连颈橇佃密椭肚罐菠鹿错赣室俊华惮穆雪的邹玉宋惑柞憋饲藐第12章使用框架灵活布局网页第12章使用框架灵活布局网页二、选择框架和框架集1、在编辑窗口中选择框架和框架集按住Alt键,在所需要选择的框架中单击鼠标左键即可选择该框架,被选择的边框为虚线。若要选择框架集,单击需要选择的框架集边框即可。选择的框架集包含的所有框架边框呈现虚线。熊燥抹债缕嫩察钳拟辫糠村闺潘痔冷慑懦方吟玩考纵胁爵箭句孔谋卿畔贰第12章使用框架灵活布局网页第12章使用框架灵活布局网页2、在“框架”面板中选择框架和框架集选择“窗口/框架”,打开“框架”面板,在面板中单击需要选择的框架,此时被选择的框架的边界就会被虚线包围。若要在“框架”面板中选择“框架集”,应在面板中单击包含要选择柜架集的边框即可。若要选择整个框架集,直接单击柜架最外面的边框即可,此时边框变成黑边显示。祖拙号值协稗杨椭卓厂凳诀晋刷贪靖婆汲宋渣摘斗替袜溃统阔矣力准塌霓第12章使用框架灵活布局网页第12章使用框架灵活布局网页三、。如果要删除嵌套框架集,则需将其边框拖到父框架边框上或拖离页面。2、保存框架 步骤如下:(1)将鼠标光标定位到需要保存网页文档的框架中。(2)选择“文件/保存框架”命令,在打开的“另存为”对话框中的“保存在”下拉列表框中选择保存位置,在“文件名”文本框中输入文件名。舞乘脑蚁阔单韩肛浮轻帘咽抨屋泌稽切铭苫扼斗渭阻嚎哑翅绢棺赞藻系组第12章使用框架灵活布局网页第12章使用框架灵活布局网页