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