欢迎来到天天文库
浏览记录
ID:62804628
大小:899.50 KB
页数:31页
时间:2021-05-23
《网页设计教程第3章.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第3章框架、层、表格与网页局本章要点3.1在网页中创建框架3.2层3.3在网页中创建表格3.4网页布局3.5应用实例习题33.1.1创建框架与编辑框架1.创建框架创建框架有以下几种方法。(1)方法一:单击“文件”→“新建”命令,调出“新建文档”对话框,如图3-1-1所示。单击该对话框左边“类别”栏中的“框架集”选项,再单击选中该对话框右边“框架集”栏内的一种框架选项,然后单击“创建”按钮,即可创建有框架的网页。(2)方法二:单击“插入”(布局)面板的“框架”快捷菜单中的一个按钮,即可在页面内设置出相应的框架,如图3-1-2所示。(3)方法三:利用“修改”→“框架集”下相应的命令或利用
2、“插入”→“HTML”→“框架”下相应的命令,也可以创建框架。建立了框架后,要增加框架的个数,可采用如下方法:单击框架内部,再单击“查看”→“可视化助理”→“框架边框”命令,使该命令左边有勾。然后,将鼠标指针移到框架的边缘处,当鼠标指针为“”或“”形状时,向鼠标指针箭头指示的方向拖曳鼠标,即可在水平或垂直方向增加一个框架。3.1在网页中创建框架3.1在网页中创建框架图3-1-2“框架”快捷菜单图3-1-1在页面内创建上下两个框架2.简单编辑框架(1)调整框架的大小:用鼠标拖曳框架线,即可调整框架的大小。(2)删除框架:用鼠标拖曳框架线,一直拖曳到另一条框架线或边框处,即可删除框架。
3、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所示。框架观察
4、器的作用是显示出框架网页的框架结构(也叫分栏结构)。单击某一个分栏框架(选中的框架边框呈黑色),即可选中该分栏框架,同时“属性”栏变为该分栏框架“属性”栏。如果单击框架的外框线,可以选中整个框架,如图3-1-6所示,同时“属性”栏变为框架集“属性”栏。3.1在网页中创建框架图3-1-5框架观察器图3-1-6选中整个框架后的观察器3.1.3在框架内插入HTML文件内容与保存框架文件1.在框架内插入HTML文件内容在框架内插入HTML文件内容的步骤如下。(1)单击网页框架的某一个区域内部,使光标在该区域内出现。(2)可以像在没有框架的网页页面内输入文字和导入对象那样,在选中的框架区域内输
5、入文字和导入对象。也可以单击“文件”→“在框架中打开”命令,调出“选择HTML文件”对话框。利用它可将外部的HTML文件加载到选定的框架区域内。3.1在网页中创建框架2.保存框架文件保存框架文件的方法为:单击“文件”→“框架集另存为”命令,调出“另存为”对话框。利用该对话框可输入文件名,再单击“保存”按钮,完成框架文件的存储。如果网页中的框架进行了修改,而且框架网页已经保存过,则单击“文件”→“保存框架页”命令即可再保存。如果框架网页内各个框架区域内的内容是输入和导入对象产生的,而且没有存储为文件,可按下述方法将不同框架区域中的内容分别保存为HTML文件。操作方法如下。(1)单击一个
6、框架窗口内部,使光标出现在该框架窗口内,单击“文件”→“框架另存为”命令,调出“另存为”对话框。输入网页的名字,单击“保存”按钮,即可将该框架窗口中的内容存储。再按照上述方法存储各个窗口中的内容和整个框架文件。(2)修改后再存储,可单击“文件”→“保存全部”命令。先保存框架,再依次保存各个框架内的HTML文件。(3)修改后单击“文件”→“关闭”命令关闭框架文件时,会弹出一个提示框,提示是否存储各个HTML文件。单击“是”按钮即可依次保存各框架(先保存整个框架,再保存光标所在的框架)。3.1在网页中创建框架3.2.1设置层的默认属性和创建层1.设置层的默认属性单击“编辑”→“首选参数”
7、命令,调出“首选参数”对话框,如图3-2-1所示。再单击选中该对话框内“分类”列表框中的“层”列表项。“首选参数”(层)对话框内各个选项的作用如下。3.2层图3-2-1“首选参数”对话框2.在页面中创建层图3-2-2在页面内创建一个层在页面中创建层的步骤如下。(1)单击“插入”(布局)栏中的“描绘层”按钮,将鼠标指针移到文档窗口之中,这时鼠标指针变为十字线状态。再在页面内拖曳鼠标来创建层,如图3-2-2所示。用鼠标将“描绘层”按钮拖曳到网页页面中,也可在页
此文档下载收益归作者所有