目录

  • 1 第一单元
    • 1.1 第1章  Web前端开发技术概述
    • 1.2 第2章 HTML基础
    • 1.3 实验一 实验指导书
    • 1.4 练习与实验答案1-2
    • 1.5 第1章单元测验
    • 1.6 第2章单元测验
  • 2 第二单元
    • 2.1 第 3章 格式化文字与与段落
    • 2.2 第4章 列表
    • 2.3 实验二 实验指导书
    • 2.4 练习与实验答案3-4
    • 2.5 第3章单元测验
    • 2.6 第4章单元测验
  • 3 第三单元
    • 3.1 第5章  超链接
    • 3.2 第6章 图像与多媒体文件
    • 3.3 实验三 实验指导书
    • 3.4 练习与实验答案5-6
    • 3.5 第5章单元测验
    • 3.6 第6章单元测验
  • 4 第四单元 CSS+DIV基础
    • 4.1 第7章  CSS
    • 4.2 实验四 实验指导书
    • 4.3 练习与实验答案7
    • 4.4 第7章单元测验
  • 5 第五单元  CSS+DIV高级应用
    • 5.1 第8章 CSS +CSS高级应用
    • 5.2 实验五 实验指导书
    • 5.3 第8章单元测验
    • 5.4 练习与实验8
  • 6 第六单元  表格
    • 6.1 第9章  表格
    • 6.2 实验六 实验指导书
    • 6.3 第9章单元测验
    • 6.4 练习与实验答案9
  • 7 第七单元  框架
    • 7.1 第10章 框架集属性
    • 7.2 实验七 实验指导书
    • 7.3 第10章单元测验
    • 7.4 练习与实验答案10
  • 8 第八单元 表单
    • 8.1 第11章 表单
    • 8.2 实验八 实验指导书
    • 8.3 第11章单元测验
    • 8.4 练习与实验答案11
  • 9 第九单元 JavaScript基础1
    • 9.1 第12章 JavaScript基础(1)
    • 9.2 实验九 实验指导书
  • 10 第十单元 JavaScript基础2
    • 10.1 第12章 JavaScript基础(2)
    • 10.2 实验十 实验指导书
    • 10.3 练习与答案答案12
    • 10.4 第12章单元测验
  • 11 第十一单元 JavaScript事件分析
    • 11.1 第13章 JavaScript事件
    • 11.2 实验十一 实验指导书
    • 11.3 第13章单元测验
    • 11.4 练习与答案答案13
  • 12 第十二单元 DOM与BOM
    • 12.1 第14章 DOM与BOM
    • 12.2 实验十二 实验指导书
    • 12.3 第14章单元测验
    • 12.4 练习与答案答案14
  • 13 第十三单元 复习
    • 13.1 第一课时 复习1
    • 13.2 第二课时 复习2
    • 13.3 模拟考试1
    • 13.4 模拟考试2
  • 14 课外阅读
    • 14.1 课程网站构建与发布
第10章 框架集属性
  • 1 教学大纲
  • 2 教材PDF10
  • 3 PPT10

第10章框架 教学指南

一、教学目标

 

通过本章的学习,学生应达到如下基本要求:

1. 掌握框架集和框架的基本概念;

2. 掌握框架分割的方法;

3. 掌握框架标记及属性设置方法;

4. 掌握浮动框架标记语法及属性语法;

5. 掌握框架和浮动框架与超链接关联方法;

6. 能够综合运用表格和框架技术设计简易网页。

二、本章提要

本章主要介绍了框架。框架基础结构包括框架集和框架,框架集中可以包含若干框架,框架只能出现在框架集frameset标记中,浮动框架是框架的一种特殊情况,只能出现在HTML主体body标记中。

框架集的分割方式有3种:水平分割、垂直分割和嵌套分割,分别通过frameset标记的rows、cols属性进行设置,属性值可以是数值、百分比、*。

两种框架主要介绍了框架的插入方式、大小调整、显示方式、初始指定网页设置、名称设置等内容。框架是一种页面布局技术,一般用来实现网站的页面导航,通过超链接的target属性与框架或浮动框架的name属性相关联来实现页面导航。

 

三、本章重难点

本章重点是学会使用框架集的rows、cols属性对框架集进行嵌套分割,实现页面布局,然后设置框架frame的src、name、border等属性完成框架内网页的显示。学会使用浮动框架设计特定范围的页面。

本章的难点是利用框架或浮动框架实现页面导航或页面切换。利用框架或者浮动框架的name属性与超链接的target属性进行关联实现动态刷新局部页面。

 

*四、教学过程(可选)

    包括内容、授课过程、课堂练习、教学总结、作业、预习。

五、教学参考内容

    1.理论教材第10章课后练习与实验中的练习10与实验10。 

    2.实验教材实验七中项目1、项目2。

3.教材配套PPT。

4.网络教学平台上测验。