追学网

Dreamweaver使用框架页

UPDATE:2014/11/18 | 分类:网页设计
  框架是设计网页时经常用的一种布局方法。框架就是把一个页面分割成若干个区域,每个区域可以显示不同网页,各个网页之间可以互不干扰。框架通常用来制 作网站导航,把导航菜单放置在一个框架中,而将内容放置在另一个框架中,当点击导航时可以更换不同的内容,而导航菜单不受影响。

  1.创建框架页

   (1)在Dreamweaver CS4中的菜单栏中点击“文件”→“新建”命令。在弹出的窗口选择“示例中的页”→“框架页”,在“示例页”中列出了 许多预设的框架页形式,选择其中的一种,如“上方固定,左侧嵌套”。点击“创建”按钮。也可以在“浮动工具面板”的“布局”中的“框架”下拉列表中选择。

  (2)弹出“框架标签辅助功能属性”窗口,在这里可以为每个框架指定标题,也可以使用默认的标题,直接点击“确定”按钮。还可以通过点击请“更改‘辅助功能’首选参数”让该窗口不再显示。

  (3)此时工作窗口出现预设框架集,将鼠标分别放置在各框架的边缘线上可以调整该框架的大小。

  2.设置框架集和框架属性

  在框架页中要分清框架集和框架,这是两个不同的概念。比如我们上面选择“上方固定,左侧嵌套”将工作页面分为三个部分,我们就可以说它由三个框架组成。而这三个框架的合并画面就是框架集,也就是说,框架集是框架的集合,它包含框架的个数、大小和分布等信息。

  (1)设置框架集属性。

  在框架集的边线上点击就可以选择框架集。

  ◆边框:设置框架集是否有边框。有三个选项:“是”、“否”、“默认”。其中“默认”是由浏览器决定是否有边框,通常浏览器都默认为有边框。

  ◆边框宽度:设置边框的宽度。

  ◆边框颜色:通过颜色选择器设置边框颜色。

  ◆行或列的值:通过输入数值设置框架结构的分布。对于“行”来说是高度,对于“列”来说是宽度。

  (2)设置框架的属性。

  ①在菜单中选择“窗口”→“框架”命令,调出框架面板。

  ②在框架面板示意图中点击,就可以选择相应的框架。属性栏也显示框架的设置选项。

  ◆框架名称:设置所在框架的名称。

  ◆源文件:指定在该框架中显示的文件名称。可以通过选择在框架中显示的网页文件。

  ◆滚动:有四个选项。

  ◇是:无论内容多少都显示滚动条。

  ◇否:无论内容多少都不显示滚动条。

  ◇自动:根据内容多少自动选择是否显示滚动条。

  ◇默认:由浏览器来决定,通常浏览器都设置为自动。

  ◆边框、边框颜色:设置框架是否有边框和框架边框的颜色。该设置优先于框架集此处的设置。

  ◆边界宽度、边界高度:设置框架边框与内容之间的距离。

  3.框架集和框架文件的保存

  每个框架都可以看作一个独立的网页文件,可以直接在框架中插入各种网页元素,进行网页制作。当需要预览制作效果时,必须先保存框架文件。

  (1)在“文件”菜单选择“保存全部”命令。

  (2)此时,在工作页面会出现一个灰色斜线指示框,提示目前保存的是框架集,在“另存为”窗口输入“文件名”,点击“保存”,会继续弹出“另存为”窗口,并用灰色斜线指示目前保存的是哪个框架文件,直到将所有框架和框架集都保存完毕。

  小提示

  在第一次保存框架集时,系统会保存成“N+1”个文件,即如果框架集包含2个框架就会保存成3个文件,如果有3个框架就会保存成4个文件。如果要修改整个框架集,只要在站点文件管理窗口中双击框架集的名称就会打开所有框架。
学习网

世界看中国 娱乐情感文化观点视频