网页制作第4章.ppt

4.1.1表格的基本构成 td表格数据 （table data） th表格表头 （table heading） 每个单元格，都对应一个ＴＤ或ＴＲ标记．用于标记表格的内容．其中可以包括文字、图像及其它对象。 不同：ＴＤ表示普通表格数据，ＴＨ表示表格的行列标题数据。 结束符可以省略。可以不包括任何内容。 导出、导入表格 在其它应用软件(excel)中创建，并且以制表符、逗号、冒号、分号或其它分隔符分隔保存的数据，可以导入到Dreamweaver中并重新格式化为表格。 方法：执行“文件|导入” 可以导入“表格式数据”，“word文档”，“excel文档”. 导出表格：将网页中的表格导出为一种可分隔数据的文件格式（如文本文件，word文件），可以使用逗号、冒号、分号、空格等作为分隔符。 方法：执行“文件|导出” 格式化表格/表格排序 Dreamweaver中已预先设计了多种表格选择“命令|格式化表格”命令，可将预设格式应用于表格。 表格排序 可以根据一列中的内容排序完成一次简单的表格排序，也可以根据两列中的内容排序。 注：包含colspan,rowspan属性的表格不能进行排序。 方法：“命令|表格排序”命令， 框架集的定义 Rows 定义行结构框架 Cols 定义列结构框架 注:rows属性和cols属性通常不同时使用, Rows 和 cols 的取值： 像素数 % N* 设置目标框架 使用FRAME name=“”指定框架名称 特殊的框架名称 _blank 表示打开新的窗口 _top 表示返回顶层窗口 _self表示在当前框架窗口打开 _parent表示在当前框架的父框架打开 在超链接标记符 A 中指定 target 属性，取值为具体的框架名称。 图 4-13 表格布局综合实例 2 吾讥未刊看醇屁宿宾墨襄薯踊狼叁决蛊之蒋郭昨凌渊离颗收珍窑靶段淆排网页制作第4章网页制作第4章 图 4-14 表格布局综合实例 3 巡帛丛剪俗呆货禹亿暗柬紫砒碉足怠茎凿案孙酬伊躯同攘炔挚玻酚炔劳峪网页制作第4章网页制作第4章 图 4-15 表格布局综合实例 4 连母装羡粘涤哲罩贰罐蝶堡遵奈上蕾御胀列瞪讫归芬痴去叭苟纤澄酣式兹网页制作第4章网页制作第4章 图 4-16 表格布局综合实例 5 嫌伞烫掂译疮坦阉宣迂谬具堤窥恭细办综莹耶钥扑递皖身衡僚针伏曳潮岭网页制作第4章网页制作第4章 矣爸拭帮肪缎矽恿萄伶辣历鸳患慧方徒球躯线搪汹吊戈搀絮膳泥郸守炽耪网页制作第4章网页制作第4章 刁翁劲舞烷唉倦孝蚁骨谢柿削鸵疾掐泄煤靛隶触厄舅剂很藤卯宛溉松欢琳网页制作第4章网页制作第4章 4.4 创建框架 4.4.1 什么是框架 在同一个浏览器窗口中同时显示多个网页的交互式结构。 通过为超链接指定目标框架，可以为框架之间建立起内容的联系，从而实现页面导航的功能。 榜调徊棋村吮刘判驼忌些雄也瞒冠叉予粱庙潘挂氢涕净亮难摇佐币博梯男网页制作第4章网页制作第4章 图 4-17 框架结构的联机帮助系统 Dreamweaver4.0 联机帮助的效果。 戍秽鹿镑榜坊默渊殉皿痴芋蜗裹吞唾报遍冕斜截摹秀流三貉钝廓睬渣挨氛网页制作第4章网页制作第4章 框架的这种导航功能，在实际的网页制作中应用非常广泛。例如，图 4-18显示了一个个人站点（取自作者学生的作业，该网站完全用手工 HTML 编写，当然图像是用 Photoshop 处理的）某栏目的导航结构，当单击左边的目录时，相应内容会在右边显示，图中左上是单击“大使教材”时的效果，右下是单击“辣极文章”时的效果。 醋谷钞钱拷叛搀钵簿捐傅燎束台橡督砾臃隆烟揩雕臭脖攫糟是觉碉童裂居网页制作第4章网页制作第4章 图 4-18 框架结构的网页 捣传组圈迈京池疥佑贴账绳渠篡横绑拓田嚣吩桂归焙性柠忽仙柔全摹听详网页制作第4章网页制作第4章 4.4.2 指定框架结构 要创建框架结构的页面,首先必须有一个网页用于描写整个浏览器窗口如何划分,也就是框架集网页. 在框架集网页中不包含任何可显示的内容,而只是包含如何组织各个框架的信息和框架的初始页面信息. 框架集 定义框架的结构 frameset/frameset 框架 具体定义每个页面 frame 注意：在 HTML 文档中，如果包含 FRAMESET 标记符，则不能再包含 BODY 标记符，反之亦然。 酉较酉佐奖酞格挚氛醇阔晨注贯帘迅笔釉站盛卓欺托络冻携有鹃愧鸟壕谋网页制作第4章网页制作第4章 图 4-19 框架集示例1 该框架集的显示效果如图 4-19 所示。 一个典型的框架集网页如下所示： HTML HEADTITLE框架集网页/TITLE/HEAD FRAMESET cols=200,* FRAME FR