Download presentation
Presentation is loading. Please wait.
1
dreamweavercs5 页面的框架结构
2
教学重点：本章主要向学生介绍框架的设置以及标尺的设置。
教学难点： 1框架的设置 2学习设置网页中的网页 3标尺以及辅助线的设置
3
什么是框架？ 一个框架就是一个区域，可以单独打开一个HTML文档。 多个框架就是把浏览窗口分成不同区域，每个区域显示不同的HTML文档。
框架集：多个框架组成的集合。
4
使用框架 框架用来将页面划分为多个区域，每个区域之间相互独立。使用超级链接，可以将各个区域的内容联系在一起。
框架一般由框架集和框架组成。框架集就像一个大容器，包括所有框架，是框架的集合。框架是框架集中一个独立区域，用于显示一个独立的文档。
5
框架简介 框架元素在制作网站后台页面时使用得最多。其好处在于框架分隔的每个区域互相独立，可以不必重新加载页面中重复的区域；同时可以保持在操作部分内容时，不对其他页面内容造成影响。
6
使用预先定义的框架创建框架 使用预先定义的框架创建框架的方法。 1新建文档——示列中的页——框架页 2插入面板中—布局——框架
7
框架的作用 1做网页的布局，将网页分成不同的部分。 2简化网页的编写，网页之间相同的内容只需一次。
3加快网页的浏览，每次网页只更新那个变化的框架内容。
8
创建框架 创建框架分为使用预先定义的框架创建，以及在现有页面中创建框架两个部分。下面分别进行讲解。
9
在现有页面中创建框架 如果在已有内容的页面中添加框架，现有页面将会显示在新添加框架集中的主框架中。
10
修改框架 修改框架是指更改已经创建框架的显示效果，分为拆分框架、调整框架和删除框架三个部分。下面分别进行讲解。
11
自定义框架集 拆分方法： 1拖动编辑窗口的边框：鼠标置于编辑窗口的边框。 2拖动窗口中的框架边框：按住alt键，鼠标变成箭头时拖动。
框架的删除： 方法：拖动不需要的边框和别的边框合并，或者拖到编辑窗口外。
12
保存框架 单击框架集的边缘，选择框架集，执行“文件”|“框架另存为”命令，可以保存框架，如果是修改已经保存过的框架，则可以执行“文件”|“保存框架集”命令（或者使用快捷键Ctrl+S）。保存框架集之后，在框架集中的每个框架中单击鼠标，执行“文件”|“另存为”命令，保存每个框架中包含的文件。
13
查看框架 查看-——可视化助理——框架边框
14
框架面板和选择框架 使用框架面板可以很方便地显示框架集和框架。在文档窗口或者框架面板中，选择框架集和框架，可以方便对框架元素进行进一步的操作。
15
框架面板 执行“窗口”|“框架”命令。打开框架面板。
16
选择框架 执行下列操作之一，选择框架集。
17
定义框架的属性 定义框架的属性，分为定义框架集的属性、定义框架的属性两个部分。通过对框架和框架集属性的定义，可以更好地显示框架及其内容。下面分别进行讲解。
18
定义框架的属性 选择框架，打开框架属性面板
19
定义框架中的链接 在框架中定义超级链接和普通的超级链接有所区别。在框架中，超级链接可以选择更多的目标。在框架中制作超级链接的方法如下所示。
20
页中页的网页Iframe Iframe元素也就是文档中的文档，或者好像浮动的框架。
<iframe name=''a'' width="120'' height=''160'' src=''tx1.html'' frameborder=''0'' scrolling=''no''></iframe> Name框架的名字 src链接的源文件 frameborder框架的边框设置 scrolling滚动条设置
23
标尺的运用 查看——标尺——显示 重设原点方法： 1双击标尺交互处 2标尺右键——重设原点 改变标尺单位的方法： 标尺——右击
24
辅助线 直接拖动标尺 增加或删除标尺 辅助线的设置 显示隐藏辅助线： 插入面板——查看——辅助线——显示辅助线
25
缩放视图 缩小：按住ALT键进行缩小
26
小结： 通过本章节学习使学生学会框架的设置，学习设置网页中的网页以及标尺以及辅助线的设置。
Similar presentations
