电子商务网页制作教学配套课件谢嵘07.pdfVIP

主编：谢嵘 项目7 应用框架技术 项目导学 框架主要由两大部分组成：框架集（Frameset）和普 通框架（Frame）。使用框架技术，可以将不同的页 面文档在同一个浏览器窗口中显示出来。整个浏览器 窗口被分为几个不同的部分，每个部分独立地显示一 个网页文件，这样的每个部分就成为一个框架。框架 的功能有点像Windows操作系统的“资源管理器”，在窗 口的一边显示目录，另一边显示内容，因此，框架技 术经常被用于实现页面文档的导航。 Page 2 项目7 应用框架技术 体验活动一：创建一个简单的框架页面 活动任务： – 创建一个简单的框架页面。 活动指导： – 架页面本身不包含可视内容，它只是一个展示页面内 容的容器，因此框架的布局成为框架网页设计的关键 技术。有两种方法创建框架集，一种是自定义，一种 是通过DW预定义框架集创建。下面我们使用预定义 的框架集。 Page 3 项目7 应用框架技术 体验活动一：创建一个简单的框架页面 活动步骤： 1.在Dreamweaver CS4中 新建页面。 2.在“文件”菜单下点选“新 建”命令，在弹出的对话 框中选择示例页右侧的 “框架页”，此处选择“上 方固定，左侧嵌套” 。 Page 4 项目7 应用框架技术 体验活动一：创建一个简单的框架页面 活动步骤： 3.在弹出的“框架标签辅助 功能属性”对话框中单击 “确定”，此时，主框架被 指定为“mainFrame”，标 题为“mainFrame” 。 4.创建好的框架页面如图所 示。 Page 5 项目7 应用框架技术 体验活动二：框架和框架集的拆分与删除 活动任务： – 我们创建框架页面之后，可以根据实际需要对框架页 面进行拆分、删除等操作。 活动指导： – 要给框架页面增加新框架，就像是拆分表格的单元格 一样，把一个框架分为两个框架。若框架页面看起来 太乱，可删除某些框架。要删除一个框架，可先单击 该框架选择它，再选择“框架”菜单中的“删除框架”命 令即可。 Page 6 项目7 应用框架技术 体验活动二：框架和框架集的拆分与删除 活动步骤： 1.在框架页面的右端添加框 架，单击边框选择框架页， 光标定位于mainframe中。 或者按Alt键后，在框架中单 击，选择框架。还可以在 “框架”面板上选择，。 2.在“修改”菜单下选择“框 架集/拆分右框架”命令， 将mainframe分成了左右两 个框架。