资源描述
单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,2019/11/22 Friday,#,第,13,课 制作框架网页,目 录,CONTENTS,1,2,3,学习目标,学习过程,小拓展,4,知识窗,5,课堂练习,了解框架网页的初步知识,。,能够,制作简单的框架网页。,学习目标,浏览,网页时，还会经常遇到另一种形式的网页,框架网页。下面的“作品集锦”网页就是一个框架网页。,学习过程,这个,网页由左右,两个框架组成,，每个框架中显示一个独立的网页。访问这个网页时，单击左框架里的栏目名称，右框架中就会显示出相应的网页内容,。浏览,不同栏目的网页内容时，左框架里的内容保持不变，右框架里只显示当前选定栏目的网页内容,。,要,制作这个框架网页，可以先创建适当的框架，再在不同的框架里制作或导入相关的网页，然后为它们建立相应的超链接。下面就来制作“作品集锦”这个网页。,学习过程,第,1,步：启动,FrontPage,，打开站点“李敏的网站”,。,第,2,步：依次打开,“文件”菜单,、,“新建”菜单,，单击,“网页”命令，,出现“新建”对话框后，打开“框架网页”选项卡。,一,、创建网页的框架,学习过程,动手做：创建一个“目录”结构的框架网页。,第,3,步：在文件列表框中双击“目录”选项，窗口中出现“目录”框架网页。,学习过程,第,1,步：单击左框中,的按钮,，左框中会出现一个空白页面,。,第,2,步：插入一个,15,行,1,列的表格，用于安排网页内容,。,第,3,步：单击第,1,行的单元格，然后插入一幅剪贴画,。,第,4,步：在第,2,行的单元格中输入标题“作品集锦”，并设定适当的文字格式,。,第,5,步：在第,3,、,5,、,7,、,9,、,11,、,13,行中依次输入栏目的名称，并设定适当的文字格式,。,第,6,步：在第,15,行中输入文字“返回首页”。,二、制作导航网页,学习过程,动手做：制作“作品集锦”框架网页里的导航网页。,仿照,制作“北京风光”网页的操作方法，,制作的,“绘画摄影”网页，并以,huihua.htm,为文件名保存起来。,三,、制作右框中的网页,学习过程,第,1,步：单击右框中,的按钮,，出现“创建超链接”对话框,。,第,2,步：我到并双击已制作好的,huihua.htm,网页文件，右框架中会显示出网页的内容,。,此后,，浏览该框架网页时，,huihua.htm,网页将作为初始网页显示在右框架中。,四、设置右框中的初始网页,学习过程,动手做,：设置“作品集锦”,网页右框的初始网页。,第,1,步：选定左框里的栏目名称，如“绘画摄影”，单击常用工具栏,中的按钮,，打开“创建超链接”对话框,。,第,2,步：找到并单击要链接到的网页文件，如,huihua.htm,。,五、设置网页间的超链接,学习过程,动手做：把左框中的栏目名称与右框中的网页建立链接。,第,3,步：单击对话框右下方“目标框架”选择框右侧,的按钮,，打开“目标框架”对话框，在“当前框架网页”栏中单击右侧的框架，选择链接到的网页要使用的框架,。,第,4,步：设置完成后，,单击按钮,，关闭对话框,。,第,5,步：选定文字“返回首页”，单击常用工具栏中,的按钮,，打开“创建超链接”对话框,。,第,6,步：找到并单击要链接到的网页文件,index.htm,。,第,7,步：单击对话框中,的按钮,，打开“目标框架”对话框，在“公用的目标区”选择框中单击“整页”选项，表示整个框架网页同时返回首页。,学习过程,第,1,步：单击框架网页的左框架选定它，再单击常用工具栏中,的按钮,，出现“另存为”对话框时，在“文件名”框中输入左框中网页的文件名，如,zuopinzk.htm,。,第,2,步：,单击按钮,，屏幕上会接着弹出一个“另存为”对话框，表示将要保存整个框架网页。,六、保存框架网页,学习过程,动手做：保存“作品集锦”框架网页。,在,“文件名”框中输入整个框架网页的文件名，如,zuopin.htm,，然后,单击按钮。,第,3,步：在浏览器窗口中浏览框架网页。,学习过程,小拓展,制作,好框架网页后，可以根据实际需要改变框架的属性，如调整框架的大小、设置框架的边框和滚动条等,。,打开,要编辑的框架网页文件，右击要修饰的框架，出现一个快捷菜单后，单击其中的“框架属性”命令，打开“框架属性”对话框，就可以设置框架的属性了。自己试一试吧。,知识窗,框架,网页是一种特殊的网页，它把网页分为几个部分，每个框架显示不同的网页，各框架中的网页通过超链接建立联系。利用框架网页，可以使网页布局更合理，条理更清晰，帮助浏览者了解网站结构，避免在浏览时迷失方向。但如果在同一窗口中使用过多的框架，会使浏览者感到眼花缭乱、无所适从。框架网页多用于书目、栏目、标题等形式的网页。,1.,搜集素材，制作“作品集锦”框架网页中有关栏目内容的网页，并建立相应的超链接。完成后，浏览网页，单击左框中的栏目名称，观察右框中网页的变化。,2.,用框架网页形式制作“我的收藏”网页，并建立相应的超链接。,3.,试着把网站首页改为框架网页。,4,.,根据实际需要，进一步丰富、完善自己站点中的网页。,课堂练习,谢 谢,
展开阅读全文