项目9使用框架布局制作网.pptVIP

项目9 使用框架布局制作网页 任务1 使用框架布局制作网页 任务1 使用框架布局制作网页 任务1 使用框架布局制作网页 任务1 使用框架布局制作网页 任务1 使用框架布局制作网页 任务1 使用框架布局制作网页 任务1 使用框架布局制作网页 任务1 使用框架布局制作网页 任务1 使用框架布局制作网页 任务1 使用框架布局制作网页 任务1 使用框架布局制作网页 任务1 使用框架布局制作网页 任务1 使用框架布局制作网页 任务1 使用框架布局制作网页 任务1 使用框架布局制作网页 任务1 使用框架布局制作网页 任务1 使用框架布局制作网页 任务2 使用浮动框架制作网页 任务2 使用浮动框架制作网页 任务2 使用浮动框架制作网页 任务2 使用浮动框架制作网页 任务2 使用浮动框架制作网页 任务2 使用浮动框架制作网页 ...... 任务2 使用浮动框架制作网页 任务1 使用框架布局制作网页 项目1 了解网站的概念 技能巩固 项目总结 任务分析 几乎所有网站都会有至少一个后台管理系统来对网站进行维护和更新。图9-1所示是假设的“每味美味”网站的后管理系统。使用该系统可以对网站信息进行增、删、改等编辑操作。 该系统使用框架布局来设计制作网页。页面中有三个网页组成，这三个网页被安放在三个框架中，而这三个框架又被集中到一个框架集中。 左侧框架中显示的是后台系统中的主菜单，单击其中的菜单项，就会在右侧较大的框架（即主编辑区）中显示相关内容，供管理员编辑处理。 ◆图9-1 用框架布局的网页 相关知识 一．框架的概念及应用 框架就是把一个浏览器窗口分成若干个子窗口，每个子窗口中显示不同的网页文件，这种子窗口称为框架（Frame）。每个框架都是浏览器窗口中的一个独立区域，在这个区域中可以显示一个单独的网页而不影响其他区域中的显示内容。多个框架同时显示在一个浏览窗口中,就组成了框架集(Frameset)。 相关知识 二．框架的创建与删除 创建框架网页可以有以下方法： 1．使用“文件”菜单创建 单击“文件”菜单→“新建”，打开“新建文档”对话框，选择“示例 中的页”→“框架集”，再选择一个框架结构。如图9-2所示。 再单击“创建”按钮。新创建的框架网页中会弹出“框架标签辅助功能属性” 对话框，如图9-3所示。 要求为每个框架指定一个可供识别的标签（即框架的名称）。 可以使用默认的标签，也可以自行定义一组便于记忆的标签。 相关知识 二．框架的创建与删除 ◆图9-2 “新建文档”对话框 ◆图9-3 “框架标签辅助功能属性”对话框 相关知识 首先创建并打开一个空白网页文件，将光标定位 到网页左上角。然后单击“布局”工具中的“框架” 按钮，在下拉菜单中选择要创建的框架类型， 如图9-4所示。 2．使用“布局”工具栏创建 二．框架的创建与删除 ◆图9-4 在“框架”下拉菜单选择框架类型 相关知识 选择一种类型后，会弹出“框架标签辅助功能属性”对话框，为框架 集中的每个框架指定相应的标签后单击“确定”按钮，编辑窗口中显示该 框架布局页面。如图9-5所示。 要生成更复杂的框架样式，可以在已生成的框架集中单击某个框架， 使用“布局”面板上的“框架”按钮，选择需要的类型，即可在光标处 插入新框架，实现框架的嵌套。 要删除框架，用鼠标选中，变成双向箭头时，拖到网页编辑窗口边 缘以外即可，如图9-6中圆圈部分所示。 二．框架的创建与删除 相关知识 二．框架的创建与删除 ◆图9-5 新建的“框架”网页 ◆图9-6 删除框架集中的框架 相关知识 1．按住Alt键的同时，用鼠标单击某框架的内部，可激活此框架。 2．在“框架”面板上单击所要选择的框架，以激活。 “框架”面板的打开可通过单击“窗口”菜单→“框架”可来实现。 “框架”面板如图9-7所示。框架被激活后就可以在下方的“属性”面 板进行相关属性的设置，如图9-8所示 。 三．框架的激活及属性设置 如果要修改框架的属性，需要先激活该框架，然后再通过“属性”面板 设置新的属性值。激活框架的方法主要有： 相关知识 三．框架的激活及属性设置 ◆图9-7 “框架”面板 ◆图9-8 通过“属性”面板设置框架的属性 框架的属性主要有：框架的名称、是否显示边框、边框的宽度、边框的 颜色、滚动条的显示方式、是否能在浏览器窗口中调整大小以及在此框架中 显示的网页文件。 框架行高