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

《网页制作：项目07使用框架布局论坛网》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、主讲：网页设计与制作——Dreamweaver8项目七使用框架布局论坛网页任务一创建论坛框架网页任务二设置论坛框架网页项目七：使用框架布局论坛网页网页设计与制作Dreamweaver8任务一小结任务二实训任务一创建论坛框架网页本任务将介绍使用框架创建论坛网页的基本方法，用到的基础知识主要包括创建框架、拆分框架、保存框架等。Dreamweaver8网页设计与制作项目七：使用框架布局论坛网页任务一小结任务二实训操作一创建框架Dreamweaver8网页设计与制作本操作主要介绍创建论坛网页框架的基本方法。通过本操作的学习，应该掌握的内容主要有：1.创建框架网页的方法（1）在【起始页】中选择【从

2、范例创建】/【框架集】命令或通过【文件】/【新建】菜单命令，打开/【新建文档】对话框，在【常规】选项卡中选择【框架集】，然后在【框架集】列表中选择需要的选项。项目七：使用框架布局论坛网页创建框架操作动画任务一小结任务二实训操作一创建框架Dreamweaver8网页设计与制作创建框架项目七：使用框架布局论坛网页任务一小结任务二实训操作一创建框架Dreamweaver8网页设计与制作（2）在当前网页中通过【插入】面板中的【框架】工具按钮。【框架】工具按钮项目七：使用框架布局论坛网页任务一小结任务二实训操作一创建框架Dreamweaver8网页设计与制作（3）在当前网页中通过【插入】/【HTM

3、L】/【框架】命令。菜单中的【框架】命令项目七：使用框架布局论坛网页任务一小结任务二实训操作一创建框架Dreamweaver8网页设计与制作（4）通过【查看】/【可视化助理】/【框架边框】命令显示出当前网页的边框，然后手动设计。手动设计框架项目七：使用框架布局论坛网页任务一小结任务二实训Dreamweaver8网页设计与制作操作一创建框架2.编辑框架的方法虽然Dreamweaver8已预先提供了多种框架集，但并不一定能够满足实际需要，许多时候要根据实际情况对框架集进行编辑。将光标置于某一框架内，在【插入】/【布局】面板中单击【框架】按钮，从中选择要插入的框架类型。也可以在主菜单栏中选择【

4、修改】/【框架页】/【拆分上框架】或【拆分下框架】等命令来拆分框架。3.删除多余框架的方法如果要删除多余的框架，用鼠标将其边框拖到父框架边框上或拖离页面即可。项目七：使用框架布局论坛网页任务一小结任务二实训操作二保存框架Dreamweaver8网页设计与制作每一个框架都包含1个文档，因此1个框架集会包含多个文件。在保存文件的时候，不能只简单地保存1个文档，要将整个网页文档都保存下来。本操作将介绍保存框架网页的基本方法。通过本操作的学习，应该掌握的内容主要有：1.保存框架的方法在主菜单中选择【文件】/【保存全部】命令，整个框架边框的内侧会出现一个阴影框，同时弹出【另存为】对话框。因为阴影框

5、出现在整个框架集边框的内侧，所以要求保存的是整个框架集。输入文件名，然后保存整个框架集。接着出现第2个【另存为】对话框，要求保存另一个框架，输入文件名后进行保存。以下以此类推。项目七：使用框架布局论坛网页保存框架操作动画任务一小结任务二实训操作二保存框架Dreamweaver8网页设计与制作2.在框架内打开已有的文档新创建的框架网页，每一个框架里都是1个空文档，需要像制作普通网页一样进行制作，当然也可以在该框架内直接打开已经预先制作好的文档。将光标置于框架内，在主菜单中选择【文件】/【在框架中打开】命令，打开预先准备好的文档。3.保存某一个框架和另存为的方法如果仅仅是修改了某一个框架中的

6、内容，可以选择【文件】/【保存框架】命令进行保存，如果要改名保存可选择【文件】/【框架另存为】命令。项目七：使用框架布局论坛网页任务一小结任务二实训论坛框架网页创建好以后，框架的大小、边框宽度、是否有滚动条等不一定符合实际要求，这就需要对其进行设置。本任务将介绍通过【属性】面板设置框架和框架集属性的基本方法。Dreamweaver8网页设计与制作任务二设置论坛框架网页项目七：使用框架布局论坛网页任务一任务二小结实训操作一设置框架属性Dreamweaver8网页设计与制作本操作主要介绍框架和框架集属性的设置。通过本操作的学习，应该掌握的内容主要有：1.选定框架的方法（1）选择主菜单中的【窗

7、口】/【框架】命令，打开【框架】面板，在面板中单击要选择的框架，此时被选择的框架边框内侧也会出现虚线。项目七：使用框架布局论坛网页设置框架属性操作动画任务一任务二小结实训操作一设置框架属性Dreamweaver8网页设计与制作（2）按下Alt键，在欲选择的框架内单击鼠标左键将其选择，此时【属性】面板中显示出该框架的属性参数，被选择的框架边框内侧出现虚线。2.选定框架集的方法（1）在【框架】面板中用鼠标单击框架集边框将整个框架集选中，