年终活动
搜索
    上传资料 赚现金
    英语朗读宝

    冀教版八年级信息技术 第九课《框架布局网页》教案教学设计1

    冀教版八年级信息技术 第九课《框架布局网页》教案教学设计1第1页
    冀教版八年级信息技术 第九课《框架布局网页》教案教学设计1第2页
    冀教版八年级信息技术 第九课《框架布局网页》教案教学设计1第3页
    还剩4页未读, 继续阅读
    下载需要10学贝 1学贝=0.1元
    使用下载券免费下载
    加入资料篮
    立即下载

    初中信息技术浙教版八年级下册第九课 影片剪辑的制作与应用教案设计

    展开

    这是一份初中信息技术浙教版八年级下册第九课 影片剪辑的制作与应用教案设计,共7页。教案主要包含了教学反思等内容,欢迎下载使用。
    教学目标:
    掌握框架网页的概念及用途。
    掌握框架网页的创建、制作、编辑与保存。
    能够在浏览器中预览网页,了解框架的拆分方法。
    初步掌握将框架结构与表格布局结合使用来制作网页。教学重点:
    框架网页的概念、用途,创建、编辑、保存与拆分框架网页的方法。教学难点:
    创建、编辑框架网页的方法。
    教学过程:
    导入:浏览器窗口被分割成了 3 个区域,类似这样的网页被称为框架结构网页。这种结构的特点在于能够将浏览器页面分割成若干个区域,各个区域既相互独立,又保持一定联系,且部分区域内容相对固定。
    (图一)“人与动物”框架网页
    利用框架结构设计如图一所示的“人与动物”网页: 在网页的上部显示“人与动物”标题与宣传语。
    在网页的左下侧制作四个悬停按钮。在网页的右下侧显示该页的内容。1.创建框架结构网页
    任务一:请结合“实践指导一”,创建框架网页。实践指导一:
    Step 1 打开站点“dngwu”。
    Step 2 创建框架网页。执行“文件→新建→网页”命令,在弹出的“新建”对话框中单击“框架网页”标签,选择“横幅和目录”样式。如图二所示。
    (图二) 横幅和目录
    单击“确定”按钮,窗口出现横幅和目录结构的框架,如图三所示。
    (图三) 框架页面
    Step 3保存网页为“kuangjia.htm”。
    注:记录框架结构需要一个独立的页面,此外,框架结构中的每个框都是一个独立的网页文件。通过每个网页中的“新建网页”按钮、“设置初始网页”按钮进行选择。
    新建或指定各框中的初始页面
    任务二:结合“实践指导二”,制作 tp 框架页面、 left 框架页面和 main 框架页面。
    在横幅和目录的框架网页中,一般将三个框分别命名为 tp 、 left 、 main/right
    (如图三),其中 tp 框用来显示本页主题或横幅广告, left 框用来显示超级链接的目录, main 框用来显示与目录对应的内容。
    实践指导二:
    Step 1制作 tp 框架页面。
    单击 tp 框中的“新建网页”按钮,tp 框中会出现一个空白页面。
    在空白页面中插入一张 1 行 2 列的表格,设置网页属性(在“边距”标签中,分别选中“指定上边距”“指定左边距”复选框,并将相应的参数调整为“0”),将左、右单元格的大小调整合适,并将表格边框粗细调整为“0”。
    在左边单元格中插入图片(如“rydw.jpg”),右单元格中插入 Flash 动画
    (kuha.swf)。
    (图四)插件属性
    保存网页名为“tp.htm”。
    Step 2制作 left 框架页面。
    单击左侧框架内的“新建网页”按钮。
    插入一张 5 行 1 表格,设置相关参数,插入悬停按钮,分别取名为:新闻播报,动物趣闻,大众呼声和返回主页,最下方单元格插入图片“E-MAIL5.gif”.
    (图五)悬停按钮属性
    完成制作后,保存网页名为“left.htm”。
    Step 3设置 main 框架区域初始页。单击“设置初始网页”按钮,在弹出的“创建超链接”对话框(如图六)中,选择已完成的网页“main.htm”,单击“确定”按钮。
    (图六)设置 main 框架初始页
    预览网页
    Questin :所制作的网页如何在浏览器中预览?
    Answer :执行“ 【文件】→【 】”命令,弹出如图七所示对话框,单击“【 】” 按钮,打开如图一所示的“人与动物”框架结构网页,拖动 main 框的滚动条,阅读相关的内容。
    (图七)在浏览器中预览
    框架属性的设置
    任务三:设置你所制作的网页,使各框架大小适中、布局合理,并尝试拆分和删除框架。
    创建好框架网页后,可以根据实际需要改变框架的属性,如调整框架的大小、设置框架的边框、设置框架窗口中的滚动条等。
    实践指导三:
    Step 1 选中一个框架,右击,单击快捷菜单中的“框架属性”命令,弹出如图八所示的“框架属性”对话框,对框架的属性进行设置。
    (图八)框架属性
    Step 2选定一个框架,执行“框架→拆分框架”命令,弹出“拆分框架”对话框, 如图九所示,选择分行、列数,单 击“确定”按钮。
    【教学反思】

    相关教案

    初中冀教版第九课 框架布局网页教案设计:

    这是一份初中冀教版第九课 框架布局网页教案设计,共6页。教案主要包含了教材内容分析,教学目标,学习者特征分析,教学策略选择与设计,教学环境及资源准备,教学过程,教学评价设计,帮助和总结等内容,欢迎下载使用。

    信息技术八年级上册第十二课 用表格为网页布局表格教案:

    这是一份信息技术八年级上册第十二课 用表格为网页布局表格教案,共3页。

    初中信息技术苏科版八年级全册第3章 设计与制作主题网站第2节 制作网站5 应用框架布局网页教案设计:

    这是一份初中信息技术苏科版八年级全册第3章 设计与制作主题网站第2节 制作网站5 应用框架布局网页教案设计,共5页。教案主要包含了以错例示范,解决教学重,观摩交流展示,评价作品,总结等内容,欢迎下载使用。

    欢迎来到教习网
    • 900万优选资源,让备课更轻松
    • 600万优选试题,支持自由组卷
    • 高质量可编辑,日均更新2000+
    • 百万教师选择,专业更值得信赖
    微信扫码注册
    qrcode
    二维码已过期
    刷新

    微信扫码,快速注册

    手机号注册
    手机号码

    手机号格式错误

    手机验证码 获取验证码

    手机验证码已经成功发送,5分钟内有效

    设置密码

    6-20个字符,数字、字母或符号

    注册即视为同意教习网「注册协议」「隐私条款」
    QQ注册
    手机号注册
    微信注册

    注册成功

    返回
    顶部
    Baidu
    map