网页设计5-表格与框架分析.ppt

套用表格模板 在Dreamweaver中提供了多个表格模板供用户选择使用，还可以通过设置模板的参数来调整表格的外观。 表格内容的移动和排序 表格整列内容的移动 表格的排序 表格整列内容的移动 表格的排序 表格一般用来处理数据，在处理数据的同时还需要对表格中的各项进行排序。 表格数据的导出 因为语言原因，导出的文件只能用写字板打开才能正确显示其中的数据，在其他程序中打开会乱码。 认识框架和框架集 框架是将一个页面划分成不同的文档区，每个文档区显示独立的内容，其效果是在浏览网页时，网页中一部分区域（如公司Logo、导航条）内容不改变，而其他区域内容在不断发生改变。 框架集是HTML文件，它定义一组框架的布局和属性，包括框架的数目、大小、位置以及在框架中初始显示页面的地址。框架集文件本身不包含要在浏览器中显示的网页内容（对不能显示框架的浏览器进行的处理除外，即noframes部分），框架集文件只是向浏览器提供应如何显示一组框架以及在这些框架中应显示哪些网页的有关信息。 框架和框架集的创建 在“插入”栏插入预定义的框架集 创建预定义框架集 手动设计框架 在“插入”栏插入预定义的框架集 在Dreamweaver中预定义了一些框架集样式，需要使用时直接插入即可。 创建预定义框架集 手动设计框架 框架和框架集的选择和删除 认识“框架”面板 选择框架与框架集 删除框架 认识“框架”面板 “框架”面板中显示所创建的框架结构，并在不同的框架区域中显示框架的名称。当在框架网页中新建、删除框架，或修改框架的尺寸、名称等时，“框架”面板中的示意图会跟随变化。 选择框架与框架集 在编辑窗口中选择 在“框架”面板中选择 在编辑窗口中选择 在编辑窗口中选择框架的方法很简单，按住【Alt】键，在要选择的框架内单击鼠标左键即可。被选取的框架边框呈虚线显示。 选择框架集时，单击框架边框即可，选取的所有框架边框呈虚线。 在“框架”面板中选择 在“框架”面板中单击框架区域中的任意位置即可选择框架，选中的框架以粗黑框显示。 在“框架”面板中单击框架边框即可选择框架集，如果要选择整个框架集，只需单击框架最外面的边框即可。 删除框架 如果窗口中有不需要的框架，可将其删除，用鼠标将要删除框架的边框拖到父框架边框上或拖离页面即可。 框架和框架集的保存 保存框架与框架集之后才能在浏览器中浏览用框架布局的网页。每个框架包含一个网页，一个框架集则包含多个网页，在保存时应保存所有的框架与框架集。 保存框架 保存框架集 保存框架集中的所有网页 保存框架 将插入点定位到要保存的框架中。 选择[文件]?[保存框架]菜单命令，在打开的“另存为”对话框中像保存其他网页一样指定保存路径和文件名，然后单击“保存”按钮即可。 保存框架集 选中要保存的框架集。 选择[文件]?[保存框架页]菜单命令，打开“另存为”对话框。 在“保存在”下拉列表框中选择框架集的保存路径，在“文件名”文本框中为框架集命名。 单击“保存”按钮即可保存框架集。 保存框架集中的所有网页 框架和框架集的属性设置 框架集的属性设置 框架集文档标题的设置 框架的属性设置 框架集的属性设置 使用框架集属性面板可以查看和设置大多数框架集属性。 框架集文档标题的设置 当访问者在浏览器中查看该框架集时，标题将显示在浏览器的标题栏中。 框架的属性设置 处理不能显示框架的浏览器 由于在低版本的浏览器中不能正确显示使用了框架的网页和框架中的内容，因此在Dreamweaver中允许指定在不支持框架的基于文本的浏览器和较旧的图形浏览器中显示内容。此类内容存储在框架集文件中，用noframes标签括起来。当不支持框架的浏览器加载该框架集文件时，浏览器只显示用noframes标签括起来的内容。 框架的链接 在使用了框架技术文档中的链接与一般文档中的链接不同，增加了与框架有关的链接目标，可以在一个框架内使用链接改变另一个框架的内容。 作业 问题 主页index 文件存放目录不规范，网页放image下 链接文件路径不对 课后作业 本课课后制作一表格网页,参考如右图 授课人：何蕴婷 EMAIL：jmhyt@126.com 内部培训资料