HTML和中文Dreamweaver MX2004实用教程 配套课件作者 杜金　郭海　曲彭生 第4章.ppt

《HTML和中文Dreamweaver MX2004实用教程 配套课件作者 杜金　郭海　曲彭生 第4章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第4章框架、层与网页布局本章要点4.1重做“Flash技术说明”网页4.2“心情随笔”网页4.3“立体的卡通”网页4.4修改“心情随笔”网页4.5“互联网公司”网页4.6“北京国际教育发展中心”网页习题44.1重做“Flash技术说明”网页重做后“Flash技术说明”网页在浏览器中的显示效果和使用直接输入HTML代码的方法制作的网页相同，显示效果如图4-1-1所示，单击“导入外部素材”热字后网页的显示效果如图4-1-2所示。图4-1-1重做后的“Flash技术说明”网页的显示效果图4-1-2单击“导入外部素材”热字后的网页4.1重做“Flash技术说明”网页4.1.1创建框架与编辑框架

2、1．创建框架（1）方法1：执行“文件”→“新建”菜单命令，调出“新建文档”对话框，如图4-1-3所示。选中该对话框左边“类别”列表框中的“框架集”列表项，再选中“框架集”列表框内的一种框架列表项。然后单击“创建”按钮，即可创建有框架的网页。（2）方法2：单击“插入”（布局）栏“框架”快捷菜单中的一个按钮，即可在页面内设置出相应的框架，如图4-1-4所示。（3）方法3：执行“修改”→“框架集”→“×××”菜单命令或执行“插入”→“HTML”→“框架”→“×××”菜单命令，也可以创建框架。（4）建立了框架后，要增加框架的个数，可采用如下方法：在框架内部单击，再执行“查看”→“可视化助理”→

3、“框架边框”菜单命令，使该菜单命令左边显示。然后，将光标移到框架的边缘处，当光标显示为“”或“”形状时，向光标箭头指示的方向拖曳鼠标，即可在水平或垂直方向增加一个框架。4.1重做“Flash技术说明”网页图4-1-3“新建文档”（框架集）对话框图4-1-4“框架”快捷菜单4.1重做“Flash技术说明”网页2．简单编辑框架（1）调整框架的大小：直接用鼠标拖曳框架线，即可调整框架的大小。（2）删除框架：将框架线一直拖曳到另一条框架线或边框处，即可删除框架。3．设置框架集属性单击框架的外边框后，可使“属性”栏变为框架集“属性”栏，如图4-1-5所示。改变总框架属性需要通过框架集“属性”

4、栏来完成。图4-1-5框架集“属性”栏4.1重做“Flash技术说明”网页（1）“边框”下拉列表框：用于确定是否要边框。选择“是”选项可保留边框；选择“否”选项则不保留边框；选择“默认”选项是采用默认状态，通常是要边框。（2）“边框颜色”栏：用于确定边框的颜色。单击该下拉按钮，可调出颜色板，利用它可确定边框的颜色。也可在其后面的文本框中直接输入颜色数据。（3）“边框宽度”文本框：用于输入边框的宽度数值，其单位是像素。如果在该文本框内输入0，则没有边框。如果执行“查看”→“可视化助理”→“框架边框”菜单命令，则网页文档窗口内会显示辅助的边框线（不会在浏览器中显示）。（4）“值”文本框：用

5、于确定网页左边分栏的宽度或上边分栏的高度。（5）“单位”下拉列表框：用于选择“值”文本框内数据的单位，单位有“像素”等。4．设置框架页的属性按住Alt键的同时单击框架页的内部，可使“属性”栏变为框架页“属性”栏，如图4-1-6所示。框架页“属性”栏中各选项的作用如下。（1）“框架名称”文本框：用于输入该框架页的名称。（2）“源文件”文本框：用于设置该分栏内HTML文件的路径和文件的名称。4.1重做“Flash技术说明”网页（3）“滚动”下拉列表框：用于选择分栏是否要滚动条。选择“是”选项，表示要滚动条；选择“否”选项，表示不要滚动条；选择“自动”选项，表示根据分栏内是否能够完全显示出其

6、中的内容来自动选择是否要滚动条；选择“默认”选项，表示采用默认状态。（4）“不能调整大小”复选框：如果选中该复选框，则不能用鼠标拖曳框架的边框线，调整分栏大小；如果未选择该复选框，则可以用鼠标拖曳框架的边框线调整分栏大小。（5）“边框”下拉列表框：用于确定是否要边框。当此处的设置与框架集“属性”栏的设置矛盾时，以此处设置为准。图4-1-6框架页的“属性”栏4.1重做“Flash技术说明”网页4.1.2在框架内插入HTML文件内容与保存框架文件1．在框架内插入HTML文件内容（1）在网页框架的某个区域内部单击，使光标在该区域内出现。（2）然后可以像在没有框架的网页页面内输入文字和导入对象

7、那样，在选中的框架页内输入文字和导入对象。也可以执行“文件”→“在框架中打开”菜单命令，调出“选择HTML文件”对话框。利用该对话框可将外部的HTML文件加载到选定的框架区域内。2．保存框架文件（1）执行“文件”→“框架集另存为”菜单命令，调出“另存为”对话框。利用该对话框可输入文件名，再单击“保存”按钮，完成框架文件的存储。如果网页中的框架进行了修改，而且框架网页已经保存过，则执行“文件”→“保存框架页”菜单命令即可再保存修改过的页面。（2）