dreamweaver8网页设计 第九章 使用框架布局网页
- 格式:ppt
- 大小:1.95 MB
- 文档页数:14
使用框架和层布局网页学习要点:●框架结构的的概念●创建框架集和框架●设置框架和框架集属性●层的创建和设置●层的基本操作●创建浮动框架网页●创建上下结构框架网页●利用层制作下拉菜单框架可以用来划分网页,使不同的文件可以载入不同页面的定义区域中。
框架通常用来定义页面的导航区域和内容区域。
框架有两个主要部分---框架集和框架。
框架集是在一个文档内定义一组框架结构的HTML网页。
层是Dreamweaver中另外一种可以进行排版的工具。
它可以被定位在页面的任意位置,并且其中可以包含文本、图像等所有可直接插入到网页的对象。
一、框架结构的概念框架的作用就是把浏览器窗口划分为若干个区域,每个区域可以分别显示不同的网页。
当在文件中建立框图架时,Dreamweaver可以创建一个无标题的框架集文件,在每个框架中创建无标题文件,如果某个页面补划分成两个框架,它实际上包含的却是3个独立的文件:一个框架集文件和两个框架内容文件。
框架内容文件包含了将出现在页面框架中的内容。
框架可以将文档窗口水平或垂直地分成若干部分,以使用户能够一次浏览更多的内容,在一般情况下,用户需要不停地在文章内容和导航内容之间切换。
但是,如果利用框架结构,把导航内容永远固定在页面的顶或右边,那么在任何时候,用户都可以直接选择上边或右边的导航内容,切换到想要浏览的内容。
二、创建框架集和框架框架是浏览器窗口中的一个区域,它可以显示与浏览器窗口的其余部分中所显示内容无关的HTML文档。
框架集是HTML文件,它定义一组框架的布局和属性,包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的URL。
(一)使用预定义的框架集选择“文件>新建”命令,弹出“新建文档”对话框,在对话框中选择“常规”选项卡,在“类别”列表中选择“框架集”选项,在“框架集”列表中选择相应模式。
“创建”。
(二)创建嵌套框架集在另一个框架集之内的框架集称为嵌套的框架集。
一个框架集文件可以包含多个嵌套的框架集。
Dreamweaver如何利用层布局网页
在以前的网页制作中,一般采用表格来布局网页页面,但利用层有其更加快捷和精准的优势,目前利用DIV+CSS制作网页已经成为一种常态,以下是小编为大家搜索整理的Dreamweaver如何利用层布局网页,希望能给大家带来帮助!更多精*内容请及时关注我们应届毕业生考试网!
1、显示网格。
在DIV布局中首页要显示网格,能更加直观的通过网格来绘制层。
点击查看\网格\显示网格。
2、网格设置。
点击查看\网格\网格设置,对网格进行设置。
3、显示标尺。
点击查看\标尺\显示,可以显示标尺。
4、点击绘制层,在网格上直接绘制一个网页头,并*入图片。
5、在图像下面绘制一个层,设置属*用来放置*条。
并绘制其他的层来放置内容。
6、这样一个简单的网页页面就做好了,点击F12预览。
Dreamweaver怎么使⽤框架结构快速制作⽹页?Dreamweaver设计⽹页的时候,同⼀页⾯下有多个⼦页⾯时,就要使⽤框架结构来布局,下⾯我们就来看看Dreamweaver框架结构的使⽤⽅法。
Adobe Dreamweaver CC 2017 v17.0 中⽂版(附安装教程) 64位
类型:⽹页设计
⼤⼩:758MB
语⾔:简体中⽂
时间:2016-11-05
查看详情
1、打开Dreamweaver 软件,设置好站点,建⽴新⽂件,类型为HTML,选择“新建”下的“更多”
2、选择⽰例中的页-框架页
3、选择⾃⼰所需要的框架结构,点击“创建”(此以上下结构为例)
4、新建好后,将编辑视图切换为“设计”,点击窗⼝-框架,打开框架操作⾯板
5、选中框架操作⾯板中相应框架区域,可为此框架命名
6、点击框架分界线
7、点击⽂件-框架集另存为保存框架
8、在框架操作⾯板中选中相应框架,点击属性⾯板中“源⽂件”右侧的“浏览⽂件”指令,插⼊页⾯
9、⽤此⽅法完成所有框架页⾯的插⼊。
完成操作后保存⽂件,按<F12>键在浏览器中预览⽂件
以上就是Dreamweaver框架结构的使⽤⽅法,希望⼤家喜欢,请继续关注。