欢迎来到天天文库
浏览记录
ID:39324073
大小:1.07 MB
页数:45页
时间:2019-06-30
《DW中应用框架技术制作网》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、DW中应用框架技术制作网页123框架和框架集的创建认识框架和框架集框架和框架集的基本操作4框架和框架集的属性设置5嵌入式框架Iframe5框架的链接61认识框架和框架集框架是网页中常使用的效果。框架是浏览器窗口中的一个区域,在框架中可以显示其他的网页。框架集是HTML文件,它定义一组框架的布局和属性,包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面地址。框架集文件本身不包含要在浏览器中显示的Web页内容(对不能显示框架的浏览器进行的处理除外,即部分)。框架集文件只是向浏览器提供应如何显示一组框架以及在这些框架中
2、应显示哪些文档的有关信息。下面的实例显示了一个使用框架的网页。这是由三个框架组成的框架布局,一个框架横放在顶部,其中包含Web站点的Logo和一些常用按钮;左侧较窄的框架包含导航条;右侧的框架占据了页面的大部分,其中包含主要内容。这些框架中的每一个都显示单独的HTML文档。框架不是文件。很可能会以为当前显示在框架中的文档是构成框架的一部分,但该文档实际上并不是框架的一部分。框架是存放文档的容器,任何一个框架都可以显示任意一个文档。框架集可以嵌套定义,以便将浏览器窗口划分出更多的区域。框架技术主要通过两种类型的元素来实现,一个是框架集(由3、meset>标签定义),一个是框架(由标签定义)。前者定义如何划分框架,后者定义框架的具体属性。框架集与框架的基本语法您的浏览器不支持框架!框架集的主要应用类型框架的优缺点在网页中使用框架具有以下优点:使网页结构清晰,易于维护和更新。访问者的浏览器不需要为每个页面重新加载与导航相关的图形。每个框架4、网页都具有独立的滚动条,因此访问者可以独立控制各个页面。在网页中使用框架也具有一些缺点:某些早期的浏览器不支持框架结构的网页。下载框架式网页速度慢。不利于内容较多、结构复杂页面的排版。大多数的搜索引擎都无法识别网页中的框架,或者无法对框架中的内容进行遍历或搜索。2框架和框架集的创建创建框架前的准备工作打开“框架”面板。选择[窗口][框架]命令即可打开框架面板。使用框架面板可以进行选取、观察、修改框架等基本操作。在对框架进行操作时最好一直打开框架面板。打开“框架边框”。选择[查看][可视化助理][框架边框]菜单命令,即可在当前文档中显示出框5、架的边框在Dreamweaver中有两种创建框架集的方法,既可以从若干预定义的框架集中选择,也可以自己设计框架集。选择预定义的框架集将自动设置创建布局所需的所有框架集和框架,它是迅速创建基于框架的布局的最简单方法。只能在“文档”窗口的“设计”视图中插入预定义的框架集。2.1插入预定义的框架集要创建预定义的框架集并在某一框架中显示现有文档,可执行如下操作。(1)将插入点放置在文档中。(2)执行下列操作之一。从[插入][HTML][框架]菜单下的子菜单中选择预定义的框架集样式;在“插入栏”的“布局”选项卡中,单击“框架”按钮上的下拉箭头,然后选6、择预定义的框架集;将光标定位在一个框架中,选择[修改][框架集]菜单的子菜单项中需要的项。2.2创建新的空预定义框架集创建新的空预定义框架集的具体操作如下。(1)选择[文件][新建]菜单命令。(2)在“新建文档”对话框“类别”列表中选择“框架集”选项。(3)从“框架集”列表选择相应的框架集。(4)单击按钮。则框架集出现在文档中2.3将现有文档分割为框架具体操作如下:(1)新建一个空白的HTML文档后,选择[查看][可视化助理][框架边框]菜单命令,即可在当前文档中显示出框架的边框。(2)拖动文档窗口四周的边框即可创建新框架,在窗口中通过7、拖动文档窗口的边框创建出新框架。(3)按住【Alt】键,在框架中单击,再拖动文档窗口上的边框,可创建出新框架。(4)将鼠标指向窗口的左上角,当光标变为形状时,按住鼠标不放向右下角拖动可创建新框架。2.4框架的嵌套框架的嵌套是指一个框架集套在另一个框架集内。“上方固定,左侧嵌套”实际上就是一个嵌套的框架集,是在上下结构的框架集中嵌套一个左右结构的框架集。具体操作步骤如下:(1)将鼠标移至要创建嵌套框架集的框架内。(2)单击”插入”8、“HTML”9、“框架”10、“左对齐”命令菜单,新插入一个框架集。此时,嵌套框架集制作完成。上下结构框架集嵌套框架集3框11、架的基本操作框架的基本操作主要包括:1.选取框架或框架集2.删除框架3.调整框架大小4.保存框架3.1选取框架或框架集框架面板中显示了所创建的框架的结
3、meset>标签定义),一个是框架(由标签定义)。前者定义如何划分框架,后者定义框架的具体属性。框架集与框架的基本语法您的浏览器不支持框架!框架集的主要应用类型框架的优缺点在网页中使用框架具有以下优点:使网页结构清晰,易于维护和更新。访问者的浏览器不需要为每个页面重新加载与导航相关的图形。每个框架
4、网页都具有独立的滚动条,因此访问者可以独立控制各个页面。在网页中使用框架也具有一些缺点:某些早期的浏览器不支持框架结构的网页。下载框架式网页速度慢。不利于内容较多、结构复杂页面的排版。大多数的搜索引擎都无法识别网页中的框架,或者无法对框架中的内容进行遍历或搜索。2框架和框架集的创建创建框架前的准备工作打开“框架”面板。选择[窗口][框架]命令即可打开框架面板。使用框架面板可以进行选取、观察、修改框架等基本操作。在对框架进行操作时最好一直打开框架面板。打开“框架边框”。选择[查看][可视化助理][框架边框]菜单命令,即可在当前文档中显示出框
5、架的边框在Dreamweaver中有两种创建框架集的方法,既可以从若干预定义的框架集中选择,也可以自己设计框架集。选择预定义的框架集将自动设置创建布局所需的所有框架集和框架,它是迅速创建基于框架的布局的最简单方法。只能在“文档”窗口的“设计”视图中插入预定义的框架集。2.1插入预定义的框架集要创建预定义的框架集并在某一框架中显示现有文档,可执行如下操作。(1)将插入点放置在文档中。(2)执行下列操作之一。从[插入][HTML][框架]菜单下的子菜单中选择预定义的框架集样式;在“插入栏”的“布局”选项卡中,单击“框架”按钮上的下拉箭头,然后选
6、择预定义的框架集;将光标定位在一个框架中,选择[修改][框架集]菜单的子菜单项中需要的项。2.2创建新的空预定义框架集创建新的空预定义框架集的具体操作如下。(1)选择[文件][新建]菜单命令。(2)在“新建文档”对话框“类别”列表中选择“框架集”选项。(3)从“框架集”列表选择相应的框架集。(4)单击按钮。则框架集出现在文档中2.3将现有文档分割为框架具体操作如下:(1)新建一个空白的HTML文档后,选择[查看][可视化助理][框架边框]菜单命令,即可在当前文档中显示出框架的边框。(2)拖动文档窗口四周的边框即可创建新框架,在窗口中通过
7、拖动文档窗口的边框创建出新框架。(3)按住【Alt】键,在框架中单击,再拖动文档窗口上的边框,可创建出新框架。(4)将鼠标指向窗口的左上角,当光标变为形状时,按住鼠标不放向右下角拖动可创建新框架。2.4框架的嵌套框架的嵌套是指一个框架集套在另一个框架集内。“上方固定,左侧嵌套”实际上就是一个嵌套的框架集,是在上下结构的框架集中嵌套一个左右结构的框架集。具体操作步骤如下:(1)将鼠标移至要创建嵌套框架集的框架内。(2)单击”插入”
8、“HTML”
9、“框架”
10、“左对齐”命令菜单,新插入一个框架集。此时,嵌套框架集制作完成。上下结构框架集嵌套框架集3框
11、架的基本操作框架的基本操作主要包括:1.选取框架或框架集2.删除框架3.调整框架大小4.保存框架3.1选取框架或框架集框架面板中显示了所创建的框架的结
此文档下载收益归作者所有