第11章 节 框架式网页布局 中文版Dreamweaver CS6网页制作课件.pptxVIP

中文版Dreamweaver CS6从入门到精通第11章框架式网页布局· 清华大学出版社 ·本章导读123了解框架及框架集4框架网页的创建框架及框架集的基本操作框架及框架集的设置清华大学出版社从入门到精通11.1 了解框架及框架集框架（Frames）网页主要包括两部分，即框架集（Frameset）和框架（Frame）。框架集是用于定义框架结构的网页，它记录了整个框架页面中各框架的信息，如框架的布局、在页面中的位置、大小等。框架被包含在框架集中，是框架集的一部分，用于记录具体的网页内容。11.2 框架网页的创建创建空白框架网页11.2.311.2.211.2.1手动创建框架网页创建嵌套框架集从入门到精通清华大学出版社11.2.1 创建空白框架网页从“新建文档”对话框中创建框架与创建一般的网页方法类似，不同的是，需要为每一个框架指定标题。 清华大学出版社从入门到精通11.3 框架及框架集的基本操作11.3.1 选择框架和框架集11.3.3 调整框架的大小11.3.4 删除框架11.3.2 保存框架和框架集文档从入门到精通清华大学出版社11.3.1 选择框架和框架集在对框架及框架集进行属性设置等操作时，应首先选择框架或框架集。用户可通过“框架”面板来进行操作。在Dreamweaver CS6中选择【窗口】/【框架】命令，打开“框架”面板，即可在其中进行框架及框架集的选中操作。 选择框架选择框架集清华大学出版社从入门到精通选择框架直接在“框架”面板中框架内单击即可选择该框架，被选择的框架以粗黑框显示。清华大学出版社从入门到精通选择框架集清华大学出版社从入门到精通在面板中单击包含要选择框架集的边框，若要选择整个框架集，直接单击框架最外面的边框即可。132保存框架集网页文档保存框架网页文档保存全部11.3.2 保存框架和框架集文档 清华大学出版社从入门到精通1．保存框架网页文档框架网页文档是指框架集中的每一个网页文档，可分别对其进行保存操作。 清华大学出版社从入门到精通2．保存框架集网页文档 清华大学出版社从入门到精通保存框架集网页文档的方法与保存框架网页文档的方法类似，但需先在选择整个框架集。3．保存全部清华大学出版社从入门到精通使用“保存全部”命令可以同时将框架集网页文档及所有的框架网页文档进行保存，这种保存方法常用于首次对框架及框架集网页文档进行保存。只需选择【文件】/【保存全部】命令，在打开的对话框中设置保存的路径及文件名称，再单击“保存”按钮即可。11.3.3 调整框架的大小当用户在网页文档中插入框架后，常常需要调整框架的大小，此时，可将鼠标光标移至需调整的框架边框上，当鼠标光标将变为双向箭头时，按住鼠标左键不放并拖动至所需位置，然后释放鼠标，即可改变框架的大小。 清华大学出版社从入门到精通11.3.4 删除框架若需删除框架，可用鼠标将要删除框架的边框拖至页面外即可；如果要删除嵌套框架集，需将其边框拖到父框架边框上或拖离页面。 清华大学出版社从入门到精通11.4 框架及框架集的设置设置框架的属性11.4.211.4.311.4.411.4.111.4.5设置框架集的属性设置框架集的网页标题使用链接控制框架的内容从入门到精通清华大学出版社生成无框架内容11.4.1 设置框架的属性选中需设置属性的框架，其“属性”面板如下图所示。在其中进行相应的设置即可。 清华大学出版社从入门到精通11.4.2 设置框架集的属性清华大学出版社从入门到精通选择需设置属性的框架集，其“属性”面板如下图所示。在其中进行相应的设置即可。11.4.3 设置框架集的网页标题清华大学出版社从入门到精通设置了框架集网页标题后，浏览者在浏览器中查看该框架集时，标题将显示在浏览器的标题栏中。其方法是：选择要设置框架集网页标题的框架集，在文档工具栏的“标题”文本框中输入网页标题即可。11.4.4 使用链接控制框架的内容使用框架可以通过超级链接等方式改变框架中的网页文档，可通过单击左侧框架中的超级链接，使网页在同一个框架中打开，以改变右侧框架中显示的内容。 清华大学出版社从入门到精通11.4.5 生成无框架内容由于低版本的浏览器不支持框架技术，浏览者在低版本浏览器中浏览框架网页时可能不能正常显示，此时可以给出一些提示，如让浏览者使用最新的浏览器进行浏览等，使用“编辑无框架内容”命令可以输入这些提示。清华大学出版社从入门到精通11.5 提高实例——制作后台管理网页本例将使用框架制作一个后台网站管理的主页面，将其分为3部分，即顶部、左侧和右侧，顶部用于放置网站Logo，左侧用于放置导航条，右侧则用于显示主要的内容，且将其分为了上下2部分。从入门到精通清华大学出版社11.5.1 行业分析网站后台管理系统是为了让不熟悉网站的