表格模板-HTML表格、框架使用大全 精品.ppt

《表格模板-HTML表格、框架使用大全 精品.ppt》由会员分享，可在线阅读，更多相关《表格模板-HTML表格、框架使用大全 精品.ppt（65页珍藏版）》请在第一文库网上搜索。

1、静态网站设计网络技术系：李毓丽 添加或删除行和列添加或删除行和列 格式化表格格式化表格 为表格添加题注为表格添加题注 嵌套表格嵌套表格 选择基本上不传达信息的小选择基本上不传达信息的小巧而精致的图像巧而精致的图像 选择带有较少形状、模式或选择带有较少形状、模式或颜色的简单图像颜色的简单图像 选择能够突出文档意图的选择能够突出文档意图的图像图像 在尽可能多的浏览器中查看在尽可能多的浏览器中查看带有表格背景图像的带有表格背景图像的HTMLHTML文文档，确保跨浏览器的兼容性档，确保跨浏览器的兼容性 框架概述框架概述 框架结构组成标记框架结构组成标记 框架集标记框架集标记 框架标记框架标记 不支持框

2、架标记不支持框架标记noframe 浮动框架浮动框架iframe 框架与链接框架与链接HTML HTML 框架允许在浏览器中同时显框架允许在浏览器中同时显示多个示多个HTMLHTML文档文档 多个页面能够同时在同一浏览器多个页面能够同时在同一浏览器可独立滚动的窗口中显示可独立滚动的窗口中显示 用来把浏览器窗口分成几个独立用来把浏览器窗口分成几个独立的部分的部分 每一部分可以分别包含一个单独每一部分可以分别包含一个单独的的HTML HTML 文档文档借助于框架分割浏览器窗口可以显借助于框架分割浏览器窗口可以显著改进外观和可用性著改进外观和可用性可以水平或垂直分割可以水平或垂直分割垂直框架具有垂直

3、边框垂直框架具有垂直边框水平框架具有水平边框水平框架具有水平边框也可以在框架中嵌套框架也可以在框架中嵌套框架在定义框架间的交互之前在定义框架间的交互之前必须先设定布局必须先设定布局使网页内容看起来更美观使网页内容看起来更美观减少了网站的下载时间减少了网站的下载时间提高了网站的可用性提高了网站的可用性导航部分仍然可见，因为内容在导航部分仍然可见，因为内容在单独的框架中改变单独的框架中改变框架允许开发者将内容与导航和框架允许开发者将内容与导航和结构元素分离结构元素分离有助于轻松、快速地更新内容有助于轻松、快速地更新内容老版本的浏览器不支持框架老版本的浏览器不支持框架开发者需要创建并组织多个文件来充

4、开发者需要创建并组织多个文件来充实页面，使站点创建更复杂实页面，使站点创建更复杂框架结构的框架结构的Web Web 站点不允许访问者在站点不允许访问者在一个框架结构的文档中为页面加入书一个框架结构的文档中为页面加入书签签框架结构的框架结构的Web Web 站点会增加服务器负站点会增加服务器负载，导致过多的文档请求载，导致过多的文档请求框架结构的框架结构的Web Web 站点会使搜索引擎产站点会使搜索引擎产生问题生问题在框架结构的在框架结构的Web Web 站点中很难跟踪一站点中很难跟踪一个页面个页面确定要创建的框架大小确定要创建的框架大小创建框架集文档，确定各框架创建框架集文档，确定各框架的位

5、置和特性的位置和特性指定框架和其中的内容指定框架和其中的内容格式化框架格式化框架预先为在非框架结构的浏览器预先为在非框架结构的浏览器中显示框架做好准备中显示框架做好准备框架集标记框架集标记：主主要是定义浏览器窗口的分割要是定义浏览器窗口的分割方式，以及各分割窗口（框方式，以及各分割窗口（框架）的大小架）的大小框架标记框架标记：定义各定义各分割窗口中显示的内容，并分割窗口中显示的内容，并能对各分割窗口进行格式化能对各分割窗口进行格式化 框架分割窗口方式框架分割窗口方式：左右（水平）分割左右（水平）分割上下（垂直）分割上下（垂直）分割嵌套分割：浏览器窗口既嵌套分割：浏览器窗口既存在左右分割，又存在

6、上存在左右分割，又存在上下分割下分割 基本语法基本语法 frameset . . 语法解释语法解释 colscols属性决定了窗口的分割方属性决定了窗口的分割方式为左右分割；式为左右分割；“value”value”定义定义各个框架的大小，单位可以是各个框架的大小，单位可以是像素，也可以是百分比；像素，也可以是百分比；valuevalue的个数决定了的个数决定了标记的个标记的个数，即窗口的个数，而数，即窗口的个数，而valuevalue的的值则决定了相应窗口的大小值则决定了相应窗口的大小 基本语法基本语法: . rowsrows属性决定了窗口的分割方式为属性决定了窗口的分割方式为上下分割；上下分

7、割；“value”value”定义各个框架定义各个框架的大小，单位可以是像素，也可以的大小，单位可以是像素，也可以是百分比；是百分比；valuevalue的个数决定了的个数决定了标记的个数，即窗口的个数，标记的个数，即窗口的个数，而而valuevalue的值则决定了相应窗口的大的值则决定了相应窗口的大小小 基本语法基本语法 . 基本语法基本语法 frameset ” frame src ” frame src ” . . 语法解释语法解释 srcsrc属性用于设置在框架窗属性用于设置在框架窗口中显示的内容来自的文件；口中显示的内容来自的文件；namename属性用于标记框架名称，属性用于标记框

8、架名称，以便于其他对象对它的引用，以便于其他对象对它的引用，如作为链接的一个目标窗口如作为链接的一个目标窗口 框架属性说明框架属性说明使用框架的属性，可设置框使用框架的属性，可设置框架显示的内容以及对框架进架显示的内容以及对框架进行格式化行格式化对框架的格式化包括更改边对框架的格式化包括更改边框、调整页边距和指定颜色框、调整页边距和指定颜色以及由访问者对它的使用实以及由访问者对它的使用实行控制行控制 框架综合示例框架综合示例 框架综合示例代码框架综合示例代码浮动框架是一种特殊的框架页浮动框架是一种特殊的框架页面，其作为面，其作为HTMLHTML文档的文档的一部分一部分，就象图像一样出现在就象图

9、像一样出现在HTMLHTML文档文档中。浮动框架允许将一个中。浮动框架允许将一个HTMLHTML文档插入到另一个文档插入到另一个HTMLHTML文档内文档内部的部的某个区域某个区域。使用浮动框架时必须设置该框使用浮动框架时必须设置该框架的大小，即框架的高度和宽架的大小，即框架的高度和宽度度 基本语法基本语法 iframeset 框架的一个重要目的是在框架的一个重要目的是在不同的框架中显示不同的不同的框架中显示不同的页面，通过链接目标窗口页面，通过链接目标窗口的设置可实现这一目的的设置可实现这一目的具体实现方法：将框架的具体实现方法：将框架的框架名属性值作为超链接框架名属性值作为超链接的的tar

10、gettarget的属性值的属性值浮动框架与链接示例浮动框架与链接示例 框架的作用是将浏览器窗口分割成若框架的作用是将浏览器窗口分割成若干个区域，每个区域可分别显示不同干个区域，每个区域可分别显示不同的页面的页面 框架对浏览器窗口的分割方式有：左框架对浏览器窗口的分割方式有：左右分割、上下分割和嵌套分割右分割、上下分割和嵌套分割 框架的组成标记有框架的组成标记有和和 使用框架结构时，使用框架结构时，HTMLHTML文档中不能出文档中不能出现现。需需要由要由代替代替 窗口分割方式以及和框架窗口的大小需要由窗口分割方式以及和框架窗口的大小需要由标记的标记的rowsrows或或colscols属性来

11、确定，属性来确定，左右分割时使用左右分割时使用colscols属性，上下分割时使用属性，上下分割时使用rowsrows属性属性 框架的显示内容以及框架的格式化由框架的显示内容以及框架的格式化由标记来完成标记来完成 通过命名框架，使用框架可作为超链接的目通过命名框架，使用框架可作为超链接的目标窗口标窗口 浮动框架是一种特殊的框架，它是某个浮动框架是一种特殊的框架，它是某个HTMLHTML文档的一部分，设置浮动框架需要设置它的文档的一部分，设置浮动框架需要设置它的大小大小 浮动框架的许多属性与普通框架的相同浮动框架的许多属性与普通框架的相同1. 1. 框架的具有什么作用？框架的具有什么作用？2. 2. 框架有哪几种分割方式？框架有哪几种分割方式？ 3.3.如何设置左右分割和上下分割如何设置左右分割和上下分割? ?4. 4. 如何设置框架显示内容如何设置框架显示内容? ?5. 5. 如果设置框架作为超链接的目标窗如果设置框架作为超链接的目标窗口？口？6. 6. 什么是浮动框架，它与普通框架有什么是浮动框架，它与普通框架有什么异同点什么异同点? ?