东北大学,网站设计,课件,第4章 表格 框架与表单.pptVIP

网站设计第4章 表格、框架与表单 冯国奇 gqfeng@ 表格操作 创建表格 格式化表格 复制及粘贴单元格 改变表格和单元格大小 添加、删除行或列 拆分和合并单元格 表格排序 导出表格 利用表格构造网页的总体框架 创建表格 插入表格 表格嵌套 在表格中添加内容 选定表格元素 扩展表格模式：向文档中的所有表格添加单元格边距和间距，并且增加表格的边框以使编辑操作更加容易，可以方便地选择表格中的项目或精确地放置插入点； 导入表格数据 导入表格数据 在Dreamweaver中，允许导入其他类型文档中的数据，从而避免了再次输入数据的麻烦。 1. 生成分隔符类型的文本数据文件 在Dreamweaver中，如果要导入表格数据，必须首先将数据存储为以某种分隔符作数据间隔的纯文本文件，下图所示分别是以Tab和逗号作分隔符的数据文件格式。这种格式文件可以使用相应软件的存储工具生成，如Microsoft Excel 中的“文件|另存为”命令等，也可以手工编辑。 导入表格数据 格式化表格 设置表格属性 设置行、列及单元格属性 使用预先定义好的格式化表格（命令|格式化表格） 表格操作 复制及粘贴单元格 改变表格和单元格的大小 增加、删除行或列 拆分、合并单元格 表格排序 导出表格 利用表格构造网页的整体框架 设计布局合理、美观大方的页面是每个网页设计者的目标，利用表格可以帮助设计人员规划页面； 在单元格中，几乎可以插入所有的HTML元素，如文本、表单、图像等； 利用表格构造网页的整体框架； 利用表格构造网页的整体框架 首先确定页面中各个对象所在的区域； 再用表格将这些区域划分出来，此时要灵活运用表格的各种属性，如单元格的大小、位置与页面各个对象所在的区域相符； 最后，在单元格中加入对象的内容； 利用表格构造网页的整体框架 注意事项 将表格的宽度设置为以象素为单位，这样当浏览器窗口的尺寸改变时，页面中的对象仍然被限定在各自的单元格中，页面布局不会随之改变； 将表格的边框设为0，使表格只起定位作用，否则会影响页面的视觉效果； 不要在表格中插入过多的文本或过大的图像。过慢的浏览速度会让浏览者失去浏览的兴趣； 框架概述 网页中使用的框架，是指浏览器窗口中的一个区域，它可以显示在浏览器窗口的HTML文档； 框架在网页中可以将浏览器窗口分割成几个不同的小窗口，各个窗口包含不同的网页，并且可以在替换某个窗口中的网页文件时不会影响到其他窗口中的网页； 框架最普通的用处就是将页面划分为一个导航区和一个内容区； 框架集 框架集是一个使用框架定义的文件，框架集中保存关于页面的框架尺寸、位置以及每个框架中作为内容载入的所有文件名的信息； 框架集定义了一组框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中初始显示页面的URL。 框架集文件本身不包含要在浏览器中显示的HTML内容，框架集只是向浏览器提供应如何显示一组框架，以及在这些框架中应显示哪些文档的有关信息； 主要内容 创建框架集 选中框架或框架集 保存框架和框架集文件 框架与框架集的属性 使用链接控制框架的内容 创建框架集 选择预定义框架集：将自动设置创建布局所需的所有框架集和框架，它是迅速创建基于框架的布局的最简单方法； 创建包含当前文档的框架集：打开一个文档，插入框架集 创建新的空框架集：文件|新建－框架集 创建框架集 设计框架集：可以在Dreamweaver中自行设计框架集，包括创建框架集、删除框架、调整框架大小等 创建框架集：利用菜单【修改】中的拆分框架功能。 删除框架：拖动边框线到上一级框架边框上 调整框架大小 创建框架集 注：如果要删除的框架中的文档有未保存的内容，则Dreamweaver将提示保存该文档；不能通过拖动边框完全删除一个框架集。要删除一个框架集，需要关闭显示它的文档，若该框架集已经保存，则删除该文件； 选定框架或框架集 在文档窗口中编辑框架或框架集属性时，只有选择了相应的框架或框架集，对应的属性检查器才会出现； 选择框架 按住【Alt】键同时单击框架内部 在框架面板中选择：首先在【窗口】菜单中选择【框架】选项，出现‘面板窗口’，选择面板中的框架区域进行选择 选定框架或框架集 在文档窗口中选择：单击框架集的某一内部框架边框，在框架集周围显示一个选择轮廓，框架集所有边框都被淡颜色的虚线环绕 在‘框架’面板中选择：单击框架集的某一内部框架边框 保存框架和框架集 在预览之前，框架集文件和与之相关的框架文件都必须保存； 框架页面由多个文档组成，保存它们需要多个步骤； Ctrl+S只能保存当前激活的页面或框架集； 框架与框架集的属性 框架集的属性面板控制框架的大小以及框架间边框的颜色及宽度等； 框架的属性面板决定了框架名、源文件、页面空白、滚动条、单个框架大小的调整以及框架边框在框