《项目7制作绿色天空论坛网页ppt课件》由会员分享，可在线阅读，更多相关《项目7制作绿色天空论坛网页ppt课件（21页珍藏版）》请在金锄头文库上搜索。
1、创建论坛框架网页创建论坛框架网页 设置论坛框架网页设置论坛框架网页 1（一）（一） 创建框架创建框架 当当创创建建框框架架网网页页时时，Dreamweaver 8就就建建立立起起一一个个未未命命名名的的框框架架集集文文件件。框框架架集集文文件件实实际际上上就就是是框框架架的的集集合合，每每个个框框架架又又包包含含一一个个文文档档。也也就就是是说说，一一个个包包含含4个个框框架架的的框框架架集集实实际际上上存存在在5个个文文件件：一一个个是是框框架架集集文文件件，其其他他的的分分别别是是包包含含于于各各自框架内的文件。下面介绍创建框架网页的基本方法。自框架内的文件。下面介绍创建框架网页的基本方法
2、。21.首先在首先在Dreamweaver 8中定义一个本地静态站点，然后把中定义一个本地静态站点，然后把“项目素材项目素材”文件夹中的文件夹中的内容复制到站点根文件夹下内容复制到站点根文件夹下 。【操作步骤操作步骤操作步骤操作步骤】32.在菜单栏中选择在菜单栏中选择【文件文件】【新建新建】命令，打开命令，打开【新建文档新建文档】对话框，在对话框，在【常规常规】选项卡中选择选项卡中选择【框架集框架集】分类，在右侧分类，在右侧【框架集框架集】列表框中选择列表框中选择【上方固定，上方固定，左侧嵌套左侧嵌套】选项，如图所示。选项，如图所示。43. 将鼠标光标置于右下侧的将鼠标光标置于右下侧的“mai
3、nframe”框架内，在框架内，在【插入插入】【布局布局】面板中单面板中单击（底部框架）按钮，如果在击（底部框架）按钮，如果在【首选参数首选参数】【辅助功能辅助功能】设置中已经勾选了设置中已经勾选了【框架框架】复选框，这时仍将弹出复选框，这时仍将弹出【框架标签辅助功能属性框架标签辅助功能属性】对话框，否则将直对话框，否则将直接插入一个框架，也可以在菜单栏中选择接插入一个框架，也可以在菜单栏中选择【修改修改】【框架页框架页】【拆分上框拆分上框架架】或或【拆分下框架拆分下框架】命令，将该框架拆分为上下两个框架。命令，将该框架拆分为上下两个框架。5 由于一个框架集包含多个框架，每一个框架都包含一个文
4、档，因此一个框架集会由于一个框架集包含多个框架，每一个框架都包含一个文档，因此一个框架集会包含多个文件。在保存框架网页的时候，不能只简单地保存一个文件，要将所有的框包含多个文件。在保存框架网页的时候，不能只简单地保存一个文件，要将所有的框架网页文档都保存下来。下面介绍保存框架网页的基本方法。架网页文档都保存下来。下面介绍保存框架网页的基本方法。 （二）（二） 保存框架保存框架61.在菜单栏中选择在菜单栏中选择【文件文件】【保存全部保存全部】命令，整个框架边框的内侧会出现一个阴命令，整个框架边框的内侧会出现一个阴影框，同时弹出影框，同时弹出【另存为另存为】对话框。因为阴影框出现在整个框架集边框的
5、内侧，对话框。因为阴影框出现在整个框架集边框的内侧，所以要求保存的是整个框架集，如图所示。所以要求保存的是整个框架集，如图所示。【操作步骤操作步骤】72.输入文件名输入文件名“index.htm”，然后单击，然后单击 按钮，将整个框架集保存。按钮，将整个框架集保存。3.接着出现第接着出现第2个个【另存为另存为】对话框，要求保存标题为对话框，要求保存标题为“bottomFrame”的框架，的框架，输入文件名输入文件名“bottom2.htm”进行保存。进行保存。4.接着出现第接着出现第3个个【另存为另存为】对话框，要求保存标题为对话框，要求保存标题为“mainFrame”的框架，输的框架，输入文
6、件名入文件名“main2.htm”进行保存。进行保存。5.接着出现第接着出现第4个个【另存为另存为】对话框，要求保存标题为对话框，要求保存标题为“leftFrame”的框架，输的框架，输入文件名入文件名“left2.htm”进行保存。进行保存。6.接着出现第接着出现第5个个【另存为另存为】对话框，要求保存标题为对话框，要求保存标题为“topFrame”的框架，输入的框架，输入文件名文件名“top2.htm”进行保存。进行保存。87.将鼠标光标置于顶部框架内，在菜单栏中选择将鼠标光标置于顶部框架内，在菜单栏中选择【文件文件】【在框架中打开在框架中打开】命令，命令，打开文档打开文档“top.htm
7、”，然后依次在各个框架内打开文档，然后依次在各个框架内打开文档“left.htm”、“main.htm”、“bottom.htm”，如图所示，如图所示 98.最后在菜单栏中选择最后在菜单栏中选择【文件文件】【保存全部保存全部】命令，再次将文档进行保存。命令，再次将文档进行保存。【知识链接知识链接】如果仅仅是修改了某一个框架中文档的内容，可以选择如果仅仅是修改了某一个框架中文档的内容，可以选择【文件文件】【保存框架保存框架】命令命令进行单独保存。如果要给框架中的文档改名，可以选择进行单独保存。如果要给框架中的文档改名，可以选择【文件文件】【框架另存框架另存为为】命令进行换名保存。如果要把框架保存
8、为模板，可以选择命令进行换名保存。如果要把框架保存为模板，可以选择【文件文件】【框框架另存为模板架另存为模板】命令进行保存。命令进行保存。10任务二任务二 设置论坛框架网页设置论坛框架网页 框架网页创建好以后，框架的大小、边框宽度、是否有滚动条等不一定符合框架网页创建好以后，框架的大小、边框宽度、是否有滚动条等不一定符合实际要求，这就需要对其进行设置。下面介绍通过实际要求，这就需要对其进行设置。下面介绍通过【属性属性】面板设置框架集和框面板设置框架集和框架属性的基本方法。架属性的基本方法。11（一）（一） 设置框架集和框架属性设置框架集和框架属性【操作步骤操作步骤】1.首先设置框架集属性。选择
9、首先设置框架集属性。选择【窗口窗口】【框架框架】命令，打开命令，打开【框架框架】面板，在面板，在【框框架架】面板中选择要设置的框架后并在面板中选择要设置的框架后并在【属性属性】面板中设置框架的宽度和高度。如图所面板中设置框架的宽度和高度。如图所示。示。 12132.在在【属性属性】面板中，单击框架集预览图底部，然后设置相应参数，如图所示。面板中，单击框架集预览图底部，然后设置相应参数，如图所示。143.在在【框架框架】面板中单击面板中单击“topFrame”框架或按下框架或按下Alt键，在键，在“topFrame”框架内单击框架内单击鼠标左键将框架选中，然后在鼠标左键将框架选中，然后在【属性属
10、性】面板中设置相关参数，如图所示面板中设置相关参数，如图所示 。154.在在【框架框架】面板中单击面板中单击“leftFrame”框架，然后在框架，然后在【属性属性】面板中设置相关参数，面板中设置相关参数，如图所示如图所示 。165.在在【框架框架】面板中单击面板中单击“mainFrame”框架，然后在框架，然后在【属性属性】面板中设置相关参数，面板中设置相关参数，如图所示。如图所示。 176.在在【框架框架】面板中单击面板中单击“bottomFrame”框架，然后在框架，然后在【属性属性】面板中设置相关参数，面板中设置相关参数，如图所示。如图所示。 18（二）（二） 设置框架中链接的目标窗口
11、设置框架中链接的目标窗口 下面介绍在框架网页中设置超级链接目标窗口的方法下面介绍在框架网页中设置超级链接目标窗口的方法 。1.在在“topFrame”框架中选择文本框架中选择文本“网站首页网站首页”，然后在，然后在【属性属性】面板的面板的【链接链接】文文本框中添加空链接本框中添加空链接“#”，在，在【目标目标】下拉列表中选择下拉列表中选择【_blank】选项。选项。192.选中文本选中文本“论坛首页论坛首页”，在，在【属性属性】面板的面板的【链接链接】文本框中输入文本框中输入“main.htm”，在在【目标目标】下拉列表中选择下拉列表中选择【mainFrame】选项，如图所示。选项，如图所示。203.分别选择文本分别选择文本“用户登录用户登录”和和“用户注册用户注册”，然后在，然后在【属性属性】面板的面板的【链接链接】文本文本框中输入空链接框中输入空链接“#”，在，在【目标目标】下拉列表中选择下拉列表中选择【mainFrame】选项。选项。4.最后在菜单栏中选择最后在菜单栏中选择【文件文件】【保存全部保存全部】命令，再次保存文件命令，再次保存文件 。21
