内容正文:
第13课 制作框架网页
1
目 录
CONTENTS
1
2
3
学习目标
学习过程
小拓展
4
知识窗
5
课堂练习
2
了解框架网页的初步知识。
能够制作简单的框架网页。
学习目标
浏览网页时,还会经常遇到另一种形式的网页——框架网页。下面的“作品集锦”网页就是一个框架网页。
学习过程
这个网页由左右两个框架组成,每个框架中显示一个独立的网页。访问这个网页时,单击左框架里的栏目名称,右框架中就会显示出相应的网页内容。浏览不同栏目的网页内容时,左框架里的内容保持不变,右框架里只显示当前选定栏目的网页内容。
要制作这个框架网页,可以先创建适当的框架,再在不同的框架里制作或导入相关的网页,然后为它们建立相应的超链接。下面就来制作“作品集锦”这个网页。
学习过程
第1步:启动FrontPage,打开站点“李敏的网站”。
第2步:依次打开“文件”菜单、“新建”菜单,单击“网页”命令,出现“新建”对话框后,打开“框架网页”选项卡。
一、创建网页的框架
学习过程
动手做:创建一个“目录”结构的框架网页。
6
第3步:在文件列表框中双击“目录”选项,窗口中出现“目录”框架网页。
学习过程
7
第1步:单击左框中的按钮,左框中会出现一个空白页面。
第2步:插入一个15行1列的表格,用于安排网页内容。
第3步:单击第1行的单元格,然后插入一幅剪贴画。
第4步:在第2行的单元格中输入标题“作品集锦”,并设定适当的文字格式。
第5步:在第3、5、7、9、11、13行中依次输入栏目的名称,并设定适当的文字格式。
第6步:在第15行中输入文字“返回首页”。
二、制作导航网页
学习过程
动手做:制作“作品集锦”框架网页里的导航网页。
8
仿照制作“北京风光”网页的操作方法,制作的“绘画摄影”网页,并以huihua.htm为文件名保存起来。
三、制作右框中的网页
学习过程
9
第1步:单击右框中的按钮,出现“创建超链接”对话框。
第2步:我到并双击已制作好的huihua.htm网页文件,右框架中会显示出网页的内容。
此后,浏览该框架网页时,huihua.htm网页将作为初始网页显示在右框架中。
四、设置右框中的初始网页
学习过程
动手做:设置“作品集锦”网页右框的初