Dreamweaver 8中文版网页制作基础 第2版 教学课件 作者 王君学 郭亮 项目七 框架-布局都市社区网页-.ppt

《Dreamweaver 8中文版网页制作基础 第2版 教学课件 作者 王君学 郭亮 项目七 框架-布局都市社区网页-.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Dreamweaver8中文版网页制作基础老虎工作室2012年12月项目七框架──布局都市社区网页任务一创建论坛框架网页任务二设置论坛框架网页实训使用框架布局网页框架也是网页布局的工具之一，它能够将网页分割成几个独立的区域，每个区域显示独立的内容。框架的边框还可以隐藏，从而使其看起来与普通网页没有任何不同。本项目将以论坛网页为例，介绍创建、编辑和保存框架以及设置框架属性的基本方法。在项目中，首先创建一个“上方固定，左侧嵌套”的框架集，然后再将右侧框架拆分成上下两个框架，并进行相关属性设置。任务一创建论坛框架网页（一）创建框架（二）保存框架（一）创建框架需要掌握的内

2、容主要有：1、框架的概念2、创建预定义框架集3、拆分框架4、手动自定义框架集5、删除框架框架也是网页布局的工具之一，它能够将网页分割成几个独立的区域，每个区域显示独立的内容。框架的边框还可以隐藏，从而使其看起来与普通网页没有任何不同。当创建框架网页时，Dreamweaver8就建立起一个未命名的框架集文件。框架集文件实际上就是框架的集合，每个框架又包含一个文档。也就是说，一个包含4个框架的框架集实际上存在5个文件：一个是框架集文件，其他的分别是包含于各自框架内的文件。1、框架的概念创建预定义框架集的方法如下：（1）在主菜单中选择【文件】/【新建】命令打开【新建文件

3、】对话框，在【常规】选项卡中选择【框架集】命令。（2）在【起始页】中选择【从范例创建】/【框架集】命令。（3）在当前网页中单击【插入】面板中的【框架】工具按钮。（4）在当前网页中选择主菜单中的【插入】/【HTML】/【框架】命令。2、创建预定义框架集主菜单中选择【修改】/【框架页】命令，在弹出的子菜单中选择【拆分左框架】、【拆分右框架】、【拆分上框架】或【拆分下框架】命令可以拆分框架。这些命令可以反复用来对框架进行拆分，直至满意为止。3、拆分框架在主菜单中选择【查看】/【可视化助理】/【框架边框】命令显示出当前网页的边框，然后将鼠标置于框架最外层边框线上，当鼠标指

4、针变为双箭头时，单击并拖动鼠标到合适的位置即可创建新的框架。如果将鼠标指针置于最外层框架的边角上，当鼠标指针变为十字箭头时，单击并拖动鼠标到合适的位置，可以一次创建垂直和水平的两条边框，将框架分隔为4个框架。如果拖动内部框架的边角，可以一次调整周围所有框架的大小，但不能创建新的框架。如要创建新的框架，可以按住Alt键，同时拖动鼠标，可以对框架进行垂直和水平的分隔。4、手动自定义框架集如果在框架集中出现了多余的框架，这时需要将其删除。删除多余框架的方法比较简单，用鼠标将其边框拖到父框架边框上或拖离页面即可。5、删除框架（二）保存框架需要掌握的内容主要有：1、保存框架

5、2、在框架中打开网页由于一个框架集包含多个框架，每一个框架都包含一个文档，因此在保存框架网页的时候，要将所有的框架网页文档都保存下来。在主菜单中选择【文件】/【保存全部】命令，整个框架边框的内侧会出现一个阴影框，同时弹出【另存为】对话框。因为阴影框出现在整个框架集边框的内侧，所以要求保存的是整个框架集，输入文件名将整个框架集保存。接着出现第2个【另存为】对话框，输入文件名继续保存，以此类推。如果仅仅是修改了某一个框架中文档的内容，可以选择【文件】/【保存框架】命令进行单独保存。如果要给框架中的文档改名，可以选择【文件】/【框架另存为】命令进行换名保存。如果要把框架

6、保存为模板，可以选择【文件】/【框架另存为模板】命令进行保存。1、保存框架将光标置于顶部框架内，在主菜单中选择【文件】/【在框架中打开】命令，将在框架内打开已存在的文档。2、在框架中打开网页任务二设置论坛框架网页（一）设置框架集和框架属性（二）设置框架中链接的目标窗口（一）设置框架集和框架属性需要掌握的内容主要有：1、选择框架集2、设置框架集属性3、选择框架4、设置框架属性1、选择框架集（1）在主菜单中选择【窗口】/【框架】命令打开【框架】面板，在面板中用鼠标单击框架集边框将整个框架集选中，在文档窗口中被选择的框架集边框将显示为虚线。（2）在文档窗口中，当鼠标靠近

7、框架集边框且出现上下箭头时，单击整个框架集的边框也可将其选择。2、设置框架集属性在【属性】面板中根据需要设置框架集属性参数。3、选择框架（1）在【框架】面板中用鼠标单击要选择的框架将框架选中。（2）按下Alt键，在框架内单击鼠标左键将框架选中。4、设置框架属性在【属性】面板中根据需要设置框架相关参数。需要掌握的内容主要有：1、设置框架中链接的目标窗口2、插入浮动框架3、创建无框架内容（二）设置框架中链接的目标窗口在使用框架的文档中，增加了与框架有关的目标窗口，可以在一个框架内使用链接而改变另一个框架的内容。1、设置框架中链接的目标窗口浮动框架是一种较为特殊的框架形

8、式。在主菜