网页制作案例教程课件作者沈大林第3章节.pptVIP

第3章 框架、层、表格与网页局 本章要点 3.1 在网页中创建框架 3.2 层 3.3 在网页中创建表格 3.4 网页布局 3.5 应用实例 习题3 尚辅网 / 3.1.1 创建框架与编辑框架 1．创建框架 创建框架有以下几种方法。 （1）方法一：单击“文件”→“新建”命令，调出“新建文档”对话框，如图3-1-1所示。单击该对话框左边“类别”栏中的“框架集”选项，再单击选中该对话框右边“框架集”栏内的一种框架选项，然后单击“创建”按钮，即可创建有框架的网页。 （2）方法二：单击“插入”（布局）面板的“框架”快捷菜单中的一个按钮，即可在页面内设置出相应的框架，如图3-1-2所示。 （3）方法三：利用“修改”→“框架集”下相应的命令或利用“插入”→“HTML”→“框架”下相应的命令，也可以创建框架。 建立了框架后，要增加框架的个数，可采用如下方法：单击框架内部， 再单击“查看”→“可视化助理”→“框架边框”命令，使该命令左边有。然后，将鼠标指针移到框架的边缘处，当鼠标指针为“?”或“”形状时，向鼠标指针箭头指示的方向拖曳鼠标，即可在水平或垂直方向增加一个框架。 3.1 在网页中创建框架 3.1 在网页中创建框架 图3-1-2 “框架”快捷菜单 图3-1-1 在页面内创建上下两个框架 2．简单编辑框架 （1）调整框架的大小：用鼠标拖曳框架线，即可调整框架的大小。 （2）删除框架：用鼠标拖曳框架线，一直拖曳到另一条框架线或边框处，即可删除框架。 3．设置框架集属性 单击框架的外边框后，可使“属性”栏变为框架集“属性”栏，如图3-1-3所示。改变总框架属性需要通过框架集“属性”栏来完成。 3.1 在网页中创建框架 图3-1-3 框架集“属性”栏 4．设置分栏框架属性 按住Alt键，单击分栏框架的内部后，可使“属性”栏变为分栏框架“属性”栏，如图3-1-4所示。分栏框架的框架“属性”栏中几个选项的作用如下。 3.1 在网页中创建框架 图3-1-4 分栏框架“属性”栏 3.1.2 框架观察器 单击“窗口”→“框架”命令，调出“框架”面板，也叫框架观察器，如图3-1-5所示。如果光标在框架内，则框架观察器中对应框架内的文字变为黑色，如图3-1-5所示。 框架观察器的作用是显示出框架网页的框架结构（也叫分栏结构）。单击某一个分栏框架（选中的框架边框呈黑色），即可选中该分栏框架，同时“属性”栏变为该分栏框架“属性”栏。如果单击框架的外框线，可以选中整个框架，如图3-1-6所示，同时“属性”栏变为框架集“属性”栏。 3.1 在网页中创建框架 图3-1-5 框架观察器 图3-1-6 选中整个框架后的观察器 3.1.3 在框架内插入HTML文件内容与保存框架文件 1．在框架内插入HTML文件内容 在框架内插入HTML文件内容的步骤如下。 （1）单击网页框架的某一个区域内部，使光标在该区域内出现。 （2）可以像在没有框架的网页页面内输入文字和导入对象那样，在选中的框架区域内输入文字和导入对象。也可以单击“文件”→“在框架中打开”命令，调出“选择HTML文件”对话框。利用它可将外部的HTML文件加载到选定的框架区域内。 3.1 在网页中创建框架 2．保存框架文件 保存框架文件的方法为：单击“文件”→“框架集另存为”命令，调出“另存为”对话框。利用该对话框可输入文件名，再单击“保存”按钮，完成框架文件的存储。如果网页中的框架进行了修改，而且框架网页已经保存过，则单击“文件”→“保存框架页”命令即可再保存。 如果框架网页内各个框架区域内的内容是输入和导入对象产生的，而且没有存储为文件，可按下述方法将不同框架区域中的内容分别保存为HTML文件。操作方法如下。 （1）单击一个框架窗口内部，使光标出现在该框架窗口内，单击“文件”→“框架另存为”命令，调出“另存为”对话框。输入网页的名字，单击“保存”按钮，即可将该框架窗口中的内容存储。再按照上述方法存储各个窗口中的内容和整个框架文件。 （2）修改后再存储，可单击“文件”→“保存全部”命令。先保存框架，再依次保存各个框架内的HTML文件。 （3）修改后单击“文件”→“关闭”命令关闭框架文件时，会弹出一个提示框，