首页 3Dreamweaver网页制作ppt第6章 学习网页布局之框架

3Dreamweaver网页制作ppt第6章 学习网页布局之框架

举报
开通vip

3Dreamweaver网页制作ppt第6章 学习网页布局之框架第6章学习网页布局之框架6.1框架的创建和保存6.1.1使用预定义框架集6.1.2自定义创建框架集6.1.3保存框架和框架集6.1.4知识拓展6.1.1使用预定义框架集选择预定义框架集将自动设置创建布局所需的所有框架集和框架,它是迅速创建基于框架布局的最简单方法。  方法1:打开插入栏,切换到“布局”选项卡,单击“框架”按钮,可以看到预定义的框架集,如下图所示。6.1.1使用预定义框架集方法2:在菜单栏选择“插入”→“HT...

3Dreamweaver网页制作ppt第6章 学习网页布局之框架
第6章学习网页布局之框架6.1框架的创建和保存6.1.1使用预定义框架集6.1.2自定义创建框架集6.1.3保存框架和框架集6.1.4知识拓展6.1.1使用预定义框架集选择预定义框架集将自动设置创建布局所需的所有框架集和框架,它是迅速创建基于框架布局的最简单 方法 快递客服问题件处理详细方法山木方法pdf计算方法pdf华与华方法下载八字理论方法下载 。  方法1:打开插入栏,切换到“布局”选项卡,单击“框架”按钮,可以看到预定义的框架集,如下图所示。6.1.1使用预定义框架集方法2:在菜单栏选择“插入”→“HTML”→“框架”命令,从打开的子菜单中选择要插入的框架集,如下图所示。6.1.1使用预定义框架集方法3:在菜单栏选择“文件”→“新建”命令,打开“新建文档”对话框,在“类别”列表中选择“框架集”,在“框架集”列表中选择一种框架集,单击“创建”按钮,如下图所示。6.1.1使用预定义框架集6.1.1使用预定义框架集6.1.2自定义创建框架集在工作界面中也可直接添加框架。按住Alt键的同时,单击网页文档的边框并拖动,则在希望的位置上插入框架。但只有当页面已经拆分为两个以上的框架时,才能在工作界面中直接添加新的框架。自定义创建框架集的具体操作步骤如下:(1)在创建框架集或使用框架前,通过执行“查看”→“可视化助理”→“框架边框”命令,使框架边框在文档窗口的 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 视图中可见,如下图所示。6.1.2自定义创建框架集6.1.2自定义创建框架集(2)执行“修改”→“框架页”中的相应命令,把网页文档拆分为左右两个框架,如下图所示。6.1.2自定义创建框架集(3)按住Alt键的同时,单击工作界面右侧上端边框并向下拖动,则网页文档将拆分为4个框架,如下图所示。6.1.2自定义创建框架集(4)如果想分为三等份,则在按住Ctrl+Alt组合键的同时单击上端边框并向下拖动,如下图所示。6.1.2自定义创建框架集制作出如下图所示的三等分的框架结构。6.1.2自定义创建框架集6.1.3保存框架和框架集在预览框架集之前,必须保存框架集文件以及要在框架中显示的所有文档,可以单独保存每个框架集和带框架的文档,也可以同时保存框架集文件和框架中出现的所有文档。每一个框架都有一个框架名称,可以用默认的框架名称,也可以在属性面板修改名称。保存框架和框架集的具体操作步骤如下:(1)新建一个上方固定、左侧嵌套的框架网页。首先保存包含整个框架的框架集文档,执行“文件”→“保存框架页”命令,弹出“另存为”对话框后,输入框架集文档的名称并单击“保存”按钮,如下图所示。6.1.3保存框架和框架集6.1.3保存框架和框架集(2)保存各个框架中的网页文档。把光标放置到最上面的框架区域中,执行“文件”→“保存框架”命令,保存为top.html,如下图所示。6.1.3保存框架和框架集6.1.3保存框架和框架集(3)用同样的方法,把光标放置到要保存的框架区域后,保存各个框架文档,效果如下图所示。6.1.3保存框架和框架集步骤虽然简单,但是很关键,只有将框架集和各个框架保存在本地站点根目录下,才能保证浏览页面时正常显示。6.1.3保存框架和框架集6.1.4知识拓展1.了解框架2.删除不需要的框架区域6.2掌握用于调整框架的有关属性6.2.1指定框架大小并设定边框6.2.2选择框架和框架集6.2.3知识拓展6.2.1指定框架大小并设定边框在实际的网页制作中,要根据布局精确地设定每个框架的大小。下面对被拆分为上侧、左侧和右侧3个部分的框架应用各种属性。具体操作步骤如下:  (1)在“布局”选项卡中单击按钮,拆分为3个框架。  (2)单击框架的上下边界线,则属性面板将变成“框架集”属性面板,如下图所示。6.2.1指定框架大小并设定边框(3)在“框架集”属性面板的“行”文本框中输入90后,按回车键,框架的大小变成输入值,如下图所示。6.2.1指定框架大小并设定边框6.2.1指定框架大小并设定边框(4)为了调整左侧框架的大小,单击框架的左右边界线。在“框架集”属性面板的“列”文本框中输入150,则左侧框架的大小变成输入值,如下图所示。6.2.1指定框架大小并设定边框6.2.1指定框架大小并设定边框(5)单击框架的上下边界线,在属性面板的右侧显示当前选择的框架结构。单击框架后,在“单位”下拉列表框中选择“相对”选项,如下图所示。6.2.1指定框架大小并设定边框6.2.1指定框架大小并设定边框(6)为了固定左侧框架,单击旁边的框架边界线,在属性面板的框架结构中,选择右侧区域后,在“单位”下拉列表框中选择“相对”选项,如下图所示。6.2.1指定框架大小并设定边框6.2.1指定框架大小并设定边框(7)执行“文件”→“保存”命令,按F12键预览,观察到指定了大小的框架,一直保持相同的大小。  (8)如果想给框架设定边框,则在属性面板中将“边框”设定为“是”;“边框宽度”设定为1,并且可以选择一种边框颜色,如下图所示。6.2.1指定框架大小并设定边框6.2.1指定框架大小并设定边框6.2.2选择框架和框架集1.选择框架2.选择框架集6.2.3知识拓展1.“框架”属性面板2.“框架集”属性面板
本文档为【3Dreamweaver网页制作ppt第6章 学习网页布局之框架】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
个人认证用户
希望
暂无简介~
格式:ppt
大小:1MB
软件:PowerPoint
页数:0
分类:工学
上传时间:2019-07-20
浏览量:17