欢迎来到天天文库
浏览记录
ID:39590416
大小:1.15 MB
页数:75页
时间:2019-07-06
《《框架表格APDiv》PPT课件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第3章框架、表格、APDiv框架、表格、APDiv都是设计和布局页面的重要工具本章要点能够使用框架布局网页。熟练掌握表格的创建、编辑过程。熟练掌握表格的嵌套方法。熟练掌握表格的宽度、边框、背景色及背景图像的设置方法。熟练掌握Div标签的使用方法。掌握APDiv的使用方法。3.1在网页中使用框架利用框架可以非常方便地对页面进行布局。DreamweaverCS3提供了许多框架模板,用户也可手工修改框架的结构。3.1.1框架操作3.1.2框架观察器3.1.3在框架内插入HTML文件内容与保存框架文件3.1在
2、网页中使用框架3.1.1框架操作创建框架、调整框架、删除框架、对框架属性的设置。一、创建框架二、调整框架三、删除框架四、设置框架集属性五、设置分栏框架属性3.1.1框架操作3.1.1框架操作一、创建框架创建框架有以下几种方法。(1)方法一:单击【文件】/【新建】命令,调出【新建文档】对话框,如图3-1所示。单击该对话框左边【类别】栏中【示例中的页】,再单击示例文件夹中的【框架集】选项,单击选中该对话框右边【框架集】栏内的一种框架选项,然后单击【创建】按钮,即可创建有框架的网页。图3-1在页面内创建上下
3、两个框架3.1.1框架操作(2)方法二:单击【插入】(布局)面板的【框架】快捷菜单中的一个按钮,即可在页面内设置出相应的框架,如图3-2所示。3.1.1框架操作图3-2【框架】快捷菜单(3)方法三:利用【修改】/【框架集】下相应的命令或利用【插入记录】/【HTML】/【框架】下相应的命令,也可以创建框架。3.1.1框架操作(3)方法三:利用【修改】/【框架集】下相应的命令或利用【插入记录】/【HTML】/【框架】下相应的命令,也可以创建框架。3.1.1框架操作建立框架之后,要增加框架的个数,可采用如下
4、方法:单击框架内部,再单击【查看】/【可视化助理】/【框架边框】命令,使该命令左边有。然后,将鼠标指针移到框架的边缘处,当鼠标指针为“”或“”形状时,向鼠标指针箭头指示的方向拖曳鼠标,即可在水平或垂直方向增加一个框架。辅助的边框线在浏览器中不会显示。3.1.1框架操作3.1.1框架操作显示框架边框二、调整框架用鼠标拖曳框架线,即可调整框架的大小。(图3-3)P57三、删除框架用鼠标拖曳框架线,一直拖曳到另一条框架线或边框处,即可删除框架。(图3-4)P573.1.1框架操作四、设置框架集属性单击框架
5、的外边框,可使[属性]栏变为框架集[属性]栏。[边框]、[边框颜色]、[边框宽度]图3-5框架集【属性】栏3.1.1框架操作五、设置分栏框架属性按住Alt键,单击分栏框架的内部,可使【属性】栏变为分栏框架【属性】栏,如图3-6所示。3.1.1框架操作图3-6分栏框架【属性】栏图3-6分栏框架【属性】栏3.1.1框架操作[框架名称]文本框、[源文件]文本框、[滚动]下拉列表框、[不能调整大小]复选框、[边框]下拉列表框、[边框颜色]按钮3.1.2框架观察器单击【窗口】/【框架】命令,或按下Shift+F
6、2组合键,调出【框架】面板,也叫框架观察器,如图3-7所示。如果光标在框架内,则框架观察器中对应框架内的文字变为黑色,如图3-7所示。3.1在网页中使用框架3.1.2框架观察器图3-7框架观察器3.1.2框架观察器框架观察器的作用是显示出框架网页的框架结构(也叫分栏结构)。单击某一个分栏框架(选中的框架边框呈黑色),即可选中该分栏框架,同时【属性】栏变为该分栏框架【属性】栏。如果单击框架的外框线,可以选中整个框架,如图3-8所示,同时【属性】栏变为框架集【属性】栏。3.1.2框架观察器图3-8选中整个
7、框架后的观察器3.1.3在框架内插入HTML文件内容与保存框架文件一、在框架内插入HTML文件内容的操作步骤如下:1.单击网页框架的某一个区域内部,使光标在该区域内出现。2.可以象在没有框架的网页页面内输入文字和导入对象那样,在选中的框架区域内输入文字和导入对象。也可以单击【文件】/【在框架中打开】命令,调出【选择HTML文件】对话框。利用它可将外部的HTML文件加载到选定的框架区域内。3.1在网页中使用框架在框架内插入HTML文件内容图3-9【选择HTML文件】对话框3.1.3在框架内插入HTML文
8、件内容与保存框架文件二、保存框架文件1.单击【文件】/【框架集另存为】命令,调出【另存为】对话框。利用该对话框可输入文件名,再单击【保存】按钮,完成框架文件的存储。2.如果网页中的框架进行了修改,而且框架网页已经保存过,则单击【文件】/【保存框架页】命令即可再保存。二、保存框架文件3.单击【文件】/【框架另存为】命令,调出【另存为】对话框。利用该对话框可输入文件名,再单击【保存】按钮,完成该框架窗口中的内容存储(该框架窗口中的HTML)。4.单击【文件】
此文档下载收益归作者所有