网页设计 课程教案首页 第24次课.docVIP

九江职业技术学院教案首页 任课教师 罗胜荣 备课日期 2017/05/25 课程名称 网页设计 学期授课计划的顺序号 第24次课 授课日期 2017/05/27 授课班级 网络1602 本次授课的课题：使用框架布局 本次授课的课型：实验 授课场地：专业机房 本次授课教学目标： 1、学会使用HTML框架技术设计网页 本次授课教学设计： 1.教学过程设计 （1）框架基本用法（20分钟） （2）框架边框设置（10分钟） （3）框架滚动设置（10分钟） （4）框架嵌套设置（10分钟） （5）导航框架的使用（20分钟） （6）浮动框架的使用（20分钟） 2.教 学 重 点 ◆掌握框架的基本用法实现横向和纵向框架结构 3.教 学 难 点 ◆框架嵌套、导航框架及浮动框架的设置及应用 本次授课教学资源： 【网页设计与实现】 电子教案 辅助课件 本次授课课后作业： 完成课本框架实例的制作 本次授课的小结： 本次课让学生掌握利用框架技术实现网页的布局的设计 （教案续页） 教 学 过 程 设 计 辅助内容和时间 分 配 本次课需完成的授课任务 任务一、框架的基本用法 任务二、框架边框、滚动、嵌套的用法 任务三、导航框架与浮动框架的使用 任务一框架的基本用法 一、纵向框架结构的使用与实践 （1）frameset中cols属性的设置 （2）frameset中frame的创建 二、横向框架结构的使用与实践 （1）frameset中rows属性的设置 （2）frameset中frame的创建 任务二 框架边框、滚动、嵌套的用法 一、框架边框的设置与实践 frameborder、noresize、bordercolor 二、框架滚动设置与实践 scorlling 三、框架嵌套的设置与实践 任务三 导航框架与浮动框架的使用 一、导航框架的使用与实践 （1）frame创建name属性 （2）实现框架网页的变化 二、浮动框架的使用与实践 iframe属性的使用 机房：演示和讲解 机房：演示和讲解框架基本用法（20分钟） 机房：独立完成项目的制作 机房：独立完成项目的制作（65分钟）