框架_基础知识

《框架_基础知识》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、框架目录框架2一、框架结构的概念2二、使用框架搭建网站21.框架的创建22.框架的删除53・框架的属性54.框架的保存7三、浮动框架（嵌入式框架）9框架框架也是网页的排版工具Z—，与表格和层的区别是，表格和层均是以插入的对象为单位，而框架是以插入的网页为单位，它捉供了一种较为固定的网页结构，我们称之为框架或框架结构。一、框架结构的概念框架结构是一种使多个网页通过多种类型区域的划分，最终显示在同一个窗口的网页结构。类似玻璃窗框，当屮的玻璃既是网页页面。最常见的一种应用就是邮箱。框架的作用是把浏览器的显示空间分割为儿个部分,每个部分都可以独立显示不同

2、的网页。一个完整的椎架结构由两部分组成，它们是框架和框架集。1.框架框架是浏览器窗口屮的一个区域，它可以显示与浏览器窗口的其余部分屮所显示内容无关的网页文件。2.框架集框架集就是椎架的集合。它将一个窗口通过行列的方式分割成多个框架，櫃架的多少根据具体有多少网页来决定，每个框架中要显示的就是不同的网页文件。二、使用框架搭建网站1.框架的创建（1）自动创建框架新建html文档，在“布局”面板中，找到“框架”按钮，单击右下角箭头，弹出下拉列表如下图:文件a）養入⑴修改©）文本⑴命令©站点①宙口仗）絶肋op祁局▼罔目匂［标准扩展

3、布局选择口己需要的框架结

4、构形式，比如“左侧和嵌套的顶部框架”，创建完成。(2)手动创建框架手动创建一个“左侧和嵌套的顶部框架”的页面。•新建一个hhnl文档，执行菜单栏“查看/可视化助理/框架边框”命令,［猫入Q)修改⑩文本(!)命令C)站点⑸窗口⑩帮助Qi)放大Q)Ctrl+=:E-缩小(Q)Ctrl+-缩放比率0)符合所选g)符合全部(I)Ctrl+Alt+OCtrl+Shi£t+OfW2?吮0cd).符合宽度但)CtrliAltiShift+O代码C)9设计Q)代码和设计@)切换视因G)Ctrl+AIH将鼠标移至页面顶部的框架边框上，此时会出现一个上下方向的双向箭

5、头，向下拖动鼠标将边框线移到页面11',页面被拆分成了上下两部分。•接下来按照Ctrl键，同吋用鼠标拖动框架左边松至页而中。如图:刷新设计视因g)F5文件头内容0)CtrUShi£t+H9无脚本的内容@)表格模式Q)►可视化肋理(V)►

6、隐藏所有QI)Ctrl+Shift+I样式呈现G)►代码视国选项峨)►CSS布局背杲©)7CSS布局Id旗型追)7CSS布局外框(Q)7层外框@)7表格宽度(S)7表格边框Q)标尺(E)►网格©►辅昭(U)►跟昨良1像址)►插件@)►"框架边框电《1隠藏面板辺F4工时©)►7圉像地因Q)7不可见元素@)（3）选择

7、【文件】丨【新建】命令，弹出【新建文件】对话框，在对话框屮选择【框架集】选项卡，从右侧选择框架类型。新建文档常规表式页页页样本态板他S基动模苴cS框架集页面设计（CSS）入门页面页面设计（有辅助功能的）框架集：□上方固定□上方固定，下方固定□上方固定，右侧嵌套□上方固定，左侧嵌套J下方固定□下方固定》右侧嵌套□下方固定‘左侧嵌套□右侧固定Q右侧固定》上方嵌套□右侧固定，下方嵌套□垂直拆分□左侧固定□左侧固定，上方嵌套□左侧固定，下方嵌套□水平拆分描述：用大小固定的上方框架水平拆分的框架页。文档类型a）TD）:XHTML1.0Transitiona

8、l帮助首选参数g）•…荻取更多内容•・・2・框架的删除删除框架与手动创建框架的操作正好相反，将鼠标移至页血屮的框架边框上，当出现双向箭头后将其拖离设计区域就可以了。3・框架的属性（1）选择框架集•执行菜单栏“窗口/框架”命令，弹出框架浮动面板，如图所示：H▼框架三（没有名称）•单击框架面板最外层的边缘，使其变黑色显示，这是设计视图屮的框架边框也变为选中状态。或者直接在设计视图中选择框架的边框线，当变成上下箭头吋单击，选中框架集。（2）选择框架两种方法：其一，使用框架面板选择框架其二直接在设计视图中选择框架。在设计视图中，按照Alt键的同时单击框架

9、内的区域。边框颜色□

10、(?)草位(2)设置框架集属性边框欽认边框宽度值像素在“单位”下拉列表中，选择设定宽度或高度数值的单位，其中包括“像素”、“百分比”和“相对”3种：“像素”：设置框架的大小为绝对的数值，通常适合用在框架中的内容需要一个固定尺寸，且不常被改动时，比如网页中的导航栏、广告、商标等。“百分比”：设置框架的大小为相对于浏览者浏览器的百分比数值，其大小会随浏览器的大小而改变。“相对”：设置框架的人小为相对于其他框架所设置之后的剩余的人小。建议设置框架集小的一个框架单位为“像素”或“百分比”，而其余的框架单位则设置为“相对”。如果使用“

11、相对”，“值”文本框中不用填入数值。一个比较常用的、左右结构的框架集实例的设定结果，如下图：单位麗范围左列中的设左单位厂相对,麗范围右列