网页制作：项目07__使用框架布局论坛网页--.pptVIP

主讲： 网页设计与制作——Dreamweaver 8 项目七 使用框架布局论坛网页 任务一 创建论坛框架网页 任务二 设置论坛框架网页 项目七： 使用框架布局论坛网页 网页设计与制作Dreamweaver 8 任务一 小 结 任务二 实 训 任务一 创建论坛框架网页 本任务将介绍使用框架创建论坛网页的基本方法，用到的基础知识主要包括创建框架、拆分框架、保存框架等。 Dreamweaver 8 网页设计与制作 项目七： 使用框架布局论坛网页 任务一 小 结 任务二 实 训 操作一 创建框架 Dreamweaver 8 网页设计与制作 本操作主要介绍创建论坛网页框架的基本方法。通过本操作的学习，应该掌握的内容主要有： 1.创建框架网页的方法 （1）在【起始页】中选择【从范例创建】/【框架集】命令或通过【文件】/【新建】菜单命令，打开/【新建文档】 对话框，在【常规】 选项卡中选择【框架集】，然后在 【框架集】 列表中选择需要的选项。 项目七： 使用框架布局论坛网页 创建框架操作动画 任务一 小 结 任务二 实 训 操作一 创建框架 Dreamweaver 8 网页设计与制作 创建框架 项目七： 使用框架布局论坛网页 任务一 小 结 任务二 实 训 操作一 创建框架 Dreamweaver 8 网页设计与制作 （2）在当前网页中通过【插入】面板中的【框架】工具按钮。 【框架】工具按钮 项目七： 使用框架布局论坛网页 任务一 小 结 任务二 实 训 操作一 创建框架 Dreamweaver 8 网页设计与制作 （3）在当前网页中通过【插入】/【HTML】/【框架】命令。 菜单中的【框架】命令 项目七： 使用框架布局论坛网页 任务一 小 结 任务二 实 训 操作一 创建框架 Dreamweaver 8 网页设计与制作 （4）通过【查看】/【可视化助理】/【框架边框】命令显示出当前网页的边框，然后手动设计。 手动设计框架 项目七： 使用框架布局论坛网页 任务一 小 结 任务二 实 训 Dreamweaver 8 网页设计与制作 操作一 创建框架 2.编辑框架的方法 虽然Dreamweaver 8已预先提供了多种框架集，但并不一定能够满足实际需要，许多时候要根据实际情况对框架集进行编辑。 将光标置于某一框架内，在【插入】/【布局】面板中单击【框架】按钮，从中选择要插入的框架类型。也可以在主菜单栏中选择【修改】/【框架页】/【拆分上框架】或【拆分下框架】等命令来拆分框架。 3.删除多余框架的方法 如果要删除多余的框架，用鼠标将其边框拖到父框架边框上或拖离页面即可。 项目七： 使用框架布局论坛网页 任务一 小 结 任务二 实 训 操作二 保存框架 Dreamweaver 8 网页设计与制作 每一个框架都包含1个文档，因此1个框架集会包含多个文件。在保存文件的时候，不能只简单地保存1个文档，要将整个网页文档都保存下来。本操作将介绍保存框架网页的基本方法。通过本操作的学习，应该掌握的内容主要有： 1.保存框架的方法 在主菜单中选择【文件】/【保存全部】命令，整个框架边框的内侧会出现一个阴影框，同时弹出【另存为】对话框。因为阴影框出现在整个框架集边框的内侧，所以要求保存的是整个框架集。输入文件名，然后保存整个框架集。接着出现第2个【另存为】对话框，要求保存另一个框架，输入文件名后进行保存。以下以此类推。 项目七： 使用框架布局论坛网页 保存框架操作动画 任务一 小 结 任务二 实 训 操作二 保存框架 Dreamweaver 8 网页设计与制作 2. 在框架内打开已有的文档 新创建的框架网页，每一个框架里都是1个空文档，需要像制作普通网页一样进行制作，当然也可以在该框架内直接打开已经预先制作好的文档。将光标置于框架内，在主菜单中选择【文件】/【在框架中打开】命令，打开预先准备好的文档。 3. 保存某一个框架和另存为的方法 如果仅仅是修改了某一个框架中的内容，可以选择【文件】/【保存框架】命令进行保存，如果要改名保存可选择【文件】/【框架另存为】命令。 项目七： 使用框架布局论坛网页 任务一 小 结 任务二 实 训 论坛框架网页创建好以后，框架的大小、边框宽度、是否有滚动条等不一定符合实际要求，这就需要对其进行设置。本任务将介绍通过【属性】面板设置框架和框架集属性的基本方法。 Dreamweaver 8 网页设计与制作 任务二 设置论坛框架网页 项目七：