13-14框架网页

《13-14框架网页》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第周第课时_____月_____日(星期____)累计___个教案课题课型新授课教学目标教学重点教学难点教学方法与手段板书设计第13-14课时框架网页学习框架网页的制作方法，掌握框架网页的构成框架网页的制作,框架网页的属性讲演辅结合一）、框架页的基本组成二）、创建框架页三）、框架及框架页的属性1、设置框架的属性2、框架页的属性四）、框架页的编辑五）、框架页的超链接矾山一中教案模板第4页矾山一中教务处制教学过程一）、框架页的基本组成框架页是一种特殊格式的网页，主要由边框、网页、滚动条组成。在框架页中，每个框架都有一个网页相连接。当打开框架页时，则同时载入每个框架所相连的网

2、页文件。在框架页中显示的是三个独立的网页组成的（实际下载了四个网页，还包括框架页本身这个网页）。主体框一般用来显示正文内容的。二）、创建框架页FrontPage2003提供了10个框架网页向导帮助我们创建框架页。其操作步骤如下：（1）打开【文件】菜单，选择【新建】菜单项，在子菜单中选择【网页】菜单项，出现新建对话框。（2）在对话框中单击【框架网页】选项卡。（3）在选项卡中选择【目录】，此时在【预览】栏中会显示被选中的框架结构图，并在上方显示说明情况。（4）单击【确定】按钮后，出现框架结构图。（5）新创建的框架结构共有2个网页窗口，其中一个在左边，另一个在右边。这时单击【

3、新建网页】按钮后，我们可以在当前框架网页中输入文字、图片等内容了。（如果这时单击【设置初始网页】按钮后，将弹出一个“创建超链接”的对话框，可以为所在的框架超链接到指定的网页上去。）（6）框架的保存：单击“”工具按钮，出现【另存为】对话框。²      保存左边框的网页文件。在对话框右面的框架示意图中，单击左边框后为蓝色，表示左边框中的网页正准备保存。在“URL”中输入文件名“in1”，单击【确定】按钮后，此时左边框的网页文件被保存起来。²      保存右边框的网页文件。紧接着，在对话框的框架示意图中，右边框显示为蓝色。在“URL”中输入文件名“in2”，单击【确定】按

4、钮后，右边框的网页文件也被保存起来。²      保存框架本身网页。在对话框中整个框架示意图的边框为蓝色，在“URL”中输入文件名“index.htm”，单击【确定】按钮后，此时保存的是整个框架页文件。三）、框架及框架页的属性1、设置框架的属性框架有很多属性，例如框架的名称、宽度、高度、边距、滚动条、可调整性、间距等。以框架页为例说明，其具体操作方法如下矾山一中教案模板第4页矾山一中教务处制教学过程单击要设置属性的框架，然后单击【框架】菜单，再单击【框架属性】菜单项，出现对话框。可以在此对话框中修改框架的属性了。2、框架页的属性以上是设置每个框架的属性，而修改整个框架页

5、的属性，其具体操作如下：在【框架属性】对话框中，单击【框架网页】按钮，会出现“网页属性”对话框。在这个对话框中的“框架”选项卡中只有两项：²      “框架间距”：指框架之间的边框的宽度，默认值为2。如果框架不要显示出边框时，可单击“显示边框”前面的单选框，取消“√”。四）、框架页的编辑在框架页中，当要拆分某一框架时，单击框架→拆分框架→选择并确定。当要删除某一框架时，单击框架→删除框架→选择并确定。五）、框架页的超链接在框架页中，当单击左边的超链接时，在右边框中显示该超链接网页的内容。下面我们将以框架页为例，说明怎样实现框架网页之间的超链接。其操作步骤如下：（1）在

6、左边的框架中选择要设置超链接的“”图片（或文字）。（2）单击“”超链接工具按钮，出现【编辑超链接】对话框。这时在对话框的文件列表中选择“jbxx.htm”。（3）在对话框右下角“目标框架”栏，单击“”按钮，出现一个对话框。在对话框中，单击框架示意图中不同的区域，也可以单击右边列表框的选项，在对话框的“目标设置”栏中就相应显示所选定的区域名称。其中：²      网页默认值(main)：超链接的网页将显示在右边框（即“main主体”）。²      相同框架：在左边框单击某个超链接时，其链接网页也将显示在左边框。²      整页：单击某个超链接时，只显示所链接的网页，原

7、来框架不再显示。²      新建窗口：单击某超链接时，所链接的网页将显示在新打开的浏览器中。²      父框架：单击某个超链接时，将返回上一级的框架。六）、上机操作练习设计框架网页教学后记：框架网页的如何制作有待提高,框架网页的属性理解困难矾山一中教案模板第4页矾山一中教务处制教学过程矾山一中教案模板第4页矾山一中教务处制