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