第11章 框架 框架是网页中常使用的效果。使用框架,可以在 同一浏览窗口中显示多个不同的文件。最常见的用法 是将窗口的左侧或上侧的区域设置为目录区,用于显 示文件的目录或导航条。而将右边一块面积较大的区 域设置为页面的主体区域。通过在文件目录和文件内 容之间建立的超级链接,用户单击目录区中的文件目.

Slides:



Advertisements
Similar presentations
任务三:子页面设计与交 互页面制作. 任务 3-1 :模板和库文件的应用 用模板建立站点库文件的应用.
Advertisements

醫學美學之我見ー肉毒桿菌 班級:應日三乙 姓名:蔡雅卉 學號: 497E0076. 前言 現在的人,已經把 整型看做是微不足 道的事情了。即使 只是戴牙套、局部 雷射、割雙眼皮、 打美白針、肉毒桿 菌等等,都可以在 身體上做不同的改 變,而讓自己更滿 意自己的外表。
广州市小学信息技术教学同步资源 第一册 第二章 第六节 《 Window窗口》 广州市荔湾区西华路小学 董绮珊.
第六 章数据库访问页 6.1 数据访问页视图 6.2 创建数据访问页 6.3 编辑数据访问页 6.4 查看数据访问页 退出.
自定义汇总报表 演示 作者:栗川.
项目2 字符格式和段落编排 2017年3月7日6时54分.
讲故事训练 授课人:田轶.
第十一課 菜園 6-11.
校本选修课 第三专题 西藏问题 北京师大二附中 李文燕.
大学计算机应用基础实践教程 共 页.
项目四 表 格 教学任务要点: 教学重点与难点: 理解表格的构成和作用。 掌握表格的基本操作和属性设置方法。 掌握导入和导出表格的方法。
插入超链接 高邮市第一实验小学 范太国 任务一:设置文本超链接 任务一:设置文字超链接 步骤:1、选定文字并右击,在快捷菜单 中选择“超链接”命令。 2、在弹出的对话框中选择左侧“链接到:”中的“本文档中的位置(A)”项,在“请选择文档中的位置(C):”中选择需要链接的幻灯片,单击“确定”按钮。
郑州市惠济区第六中学 网站推介 姜茂方 2015年1月10日.
正修科技大學教學發展中心 教師教學觀摩與經驗分享 電子工程系 張法憲副教授.
有序列表.
《网页色彩搭配》.
蘇軾詞的賞析
第6章 制作网站链接 本章内容 练习思考 实验操作.
在PHP和MYSQL中实现完美的中文显示
柯奕宏(06) 王予亨(13) 郭秉逸(15) 楊雯凈(23) 顏佑瑩(32)
第十五章 传播学调查研究方法.
项目二 网页布局.
第八章 网页制作 8-1 HTML简介 8-2 Frontpage 2000概述 8-3 网页制作 8-4 网页布局 8-5 使用表单
自然與生活科技領域 認識太陽能 蘇紋琪、石明玉.
 全能的天才畫家- 李奧納多‧達文西 (西元1452年-1519年) 指導老師:袁淑芬老師 製作人:饒佩芯.
武汉纺织大学传媒学院 cm.wtu.edu.cn
第八章 菜单设计 §8.1 Visual FoxPro 系统菜单 §8.2 为自己的程序添加菜单 §8.3 创建快捷菜单.
大学计算机基础 典型案例之一 构建FPT服务器.
Ebooking 突发问题解决方案.
网络常用常用命令 课件制作人:谢希仁.
网 站 设 计 与 建 设 Website design and developments
湖北职院计科系.
科研信息管理工具 Endnote X4 王辉.
第17章 网站发布.
2019/1/12 GDP设计协同 超级管理员操作手册 GDP项目组.
第三讲 第一部分 web基础.
認識我的故鄉_台中市.
访问Epic games官网( 点击右上方“获取Epic games”进行下载
网页设计与制作 网页基本标签(三) 北京农业职业学院刘丽霞.
网页制作基础 CNIC 王桦.
PRESENTED BY OfficePLUS
网页设计(3) 第3讲 网页布局高级.
网页设计与制作 Dreamweaver CS6 标准教程
网页制作 网 页 制 作 徐晓明 主编 蔡向东 方蓓 副主编.
直接扫描保存成TIF格式, 其他图片格式用Windows XP自带的 Windows图片与传真查看器打开
精忠报国  演唱:屠洪纲 作词:陈涛 作曲:张宏光  狼烟起 江山北望  龙起卷 马长嘶 剑气如霜  心似黄河水茫茫  二十年 纵横间 谁能相抗  恨欲狂 长刀所向  多少手足忠魂埋骨它乡  何惜百死报家国  忍叹惜 更无语 血泪满眶  马蹄南去 人北望  人北望 草青黄 尘飞扬  我愿守土复开疆  堂堂中国要让四方来贺.
PRESENTED BY OfficePLUS
网 站 设 计 与 建 设 Website design and developments
海南医学院附属医院 The Affiliated Hospital of Hainan Medical College 科研信息管理平台上线
Dreamware Dreamweaver是Macromedia公司出品的专门用来创建和管理网站的专业软件,应用Dreamweaver,可以轻松构建网站结构,高效地制作网页。 7.1案例回顾.
计算机网络与网页制作 Chapter 07:Dreamweaver CS5入门
项目二:HTML语言基础.
电子商务网站开发 第十一讲:框架与框架集 上海财经大学信息管理与工程学院.
iSIGHT 基本培训 使用 Excel的栅栏问题
第六章 素材的加工与处理 第13讲 用GoldWave进行音频的截取、合并、淡入淡出操作
樂樂請假了 尊重的故事 資料來源:臺北縣國民小學品德教育手冊 故事來源:臺北縣國民小學品德教育手冊 網路小故事
聽聽那冷雨---重點摘要 二愛 王煜榕.
VRP教程 2011.
Delphi 7.0开发示例.
报头 的制作.
Python 环境搭建 基于Anaconda和VSCode.
Polarization of electro- magnetic wave after reflection
憲政與民主 應化3A 邱泓明.
武汉纺织大学传媒学院 cm.wtu.edu.cn
回归分析实验课程 (实验三) 多项式回归和定性变量的处理.
YOUR SUBTITLE GOES HERE
第8章 创建与使用图块 将一个或多个单一的实体对象整合为一个对象,这个对象就是图块。图块中的各实体可以具有各自的图层、线性、颜色等特征。在应用时,图块作为一个独立的、完整的对象进行操作,可以根据需要按一定比例和角度将图块插入到需要的位置。 2019/6/30.
古蹟知性之旅 我和新港奉天宮有個約 報告人:陳 映 竹 傅 湘 甯.
第四章 UNIX文件系统.
使用Fragment 本讲大纲: 1、创建Fragment 2、在Activity中添加Fragment
Presentation transcript:

第11章 框架 框架是网页中常使用的效果。使用框架,可以在 同一浏览窗口中显示多个不同的文件。最常见的用法 是将窗口的左侧或上侧的区域设置为目录区,用于显 示文件的目录或导航条。而将右边一块面积较大的区 域设置为页面的主体区域。通过在文件目录和文件内 容之间建立的超级链接,用户单击目录区中的文件目 录,文件内容将在主体区域内显示,用这种方法便于 用户继续浏览其他的网页文件。

11.1.1 关于框架 下面的实例显示了一个使用框架的网页,如图11.1所 示。这是由三个框架组成的框架布局,一个框架横放 在顶部,其中包含 Web 站点的Logo和一些常用按钮; 左侧较窄的框架包含导航条;右侧的框架占据了页面 的大部分,其中包含主要内容。这些框架中的每一个 都显示单独的 HTML 文档。

11.1.2 基本概念 框架实际上是一种特殊的网页,它可以根据需要把 浏览器窗口划分为多个区域,每个框架区域都是一 个单独的网页。 11.1.2 基本概念 框架实际上是一种特殊的网页,它可以根据需要把 浏览器窗口划分为多个区域,每个框架区域都是一 个单独的网页。 框架(Frames)由框架集(Frameset)和单个框架 (Frame)两部分组成。框架集是一个定义框架结 构的网页,它包括网页内框架的数量、每个框架的 大小、框架内网页的来源和框架的其它属性等。单 个框架包含在框架集中,是框架集的一部分,每个 框架中都放置一个内容网页,组合起来就是浏览者 看到的框架式网页。

11.2.1 创建框架和框架集 常用的两种方法: 选择“插入”工具栏中的“布局”选项卡,单击“框架” 按钮,打开包含有13种预定义框架集的菜单,从中可以选 择需要创建的类型。 选择“查看”→“可视化助理” →“框架边框”命令,使 框架边框显示出来,拖动框架边框。

11.2.2 框架的嵌套 框架的嵌套是指一个框架集套在另一个框架集内。“上方固定,左侧嵌 套”实际上就是一个嵌套的框架集,是在上下结构的框架集中嵌套一个 左右结构的框架集。具体操作步骤如下: (1)将鼠标移至要创建嵌套框架集的框架内,如图11.8所示。 (2)单击”插入”|“HTML”|“框架”|“左对齐”命令菜单,新插入 一个框架集,如图11.9所示。此时,嵌套框架集制作完成。

11.2.3 框架的基本操作 框架的基本操作主要包括:选取框架和框架集、保存 框架和框架集、调整框架大小、拆分框架和删除框架 等。 1.选取框架或框架集 2.保存框架 3.调整框架大小

选择框架和框架集 在文档窗口中选择框架和框架集 在“框架”面板中选择框架和框架集 选择“窗口” →“框架”命令,显示“框架”面板。单击 选择一个框架:按下Alt+Shift键的同时,再在要选择的框架内单击 选择一个框架集:单击任一内部框架边框 在“框架”面板中选择框架和框架集 选择“窗口” →“框架”命令,显示“框架”面板。单击

11.2.4 设置框架集属性 选中框架集,使用“属性检查器”可以方便地设置框 架集的边框宽度和颜色、设置框架行和列的大小等。

11.2.5 设置框架属性 选中框架,利用“属性检查器”还可以设置框架的属 性,包括框架名称、源文件、滚动条、边框、边界等。

11.3 让框架Frameset居中,并且固定 宽度的巧妙办法 在原有框架代码的前后各加下面红色代码: 原有框架前代码: <frameset cols="*,1000,*" frameborder="no" border="0" framespacing="0"> <frame src="about:blank"> </frame> 框架后代码: <frame src="about:blank"></frame> </frameset>

框架居中的效果图