网页设计之滚动字幕说课稿

更新时间:2017/2/9 0:35:00  浏览量:633  手机版

2015—2016学年 第二学期

《网页设计之滚动字幕》 说课稿(公开课)

信息技术组:米畅

今天说课的题目为《网页设计之滚动字幕》,我将从以下几个方面进行说课。

一、教学背景

1、教材分析

网页设计是初中信息技术八年级下学期所学内容。本书语言流畅,内容丰富。全书围绕“安全自护我能行”网站的设计制作,介绍了利用Dreamweaver CS5规划网站、创建站点、编辑网页和发布网站的方法。内容由浅入深,逐步引导学生综合运用已有的知识和技能,实践设计制作网站的全过程,从中体验信息的获取、加工、传递的手段和方法。滚动字幕是编辑网页的一部分,教材在本节教学中提供了完整的知识体系,同时也提供了详细的操作步骤,方便了学生在探究过程中完成老师所布置的任务。

2、学情分析

我校学生对于信息技术这门课很喜欢,所教学生中有部分同学都很想学习编程。对于他们这个年龄段的孩子来说,编程的逻辑思维理解起来有一定难度,代码的书写也比较困难。但是通过Dreamweaver这个软件,可以先利用HTML这种简单易懂的编写语言,来满足孩子们兴趣。同时通过一学期的日积月累,让孩子们制作属于自己的网站,也是极受到欢迎的。

二、教学目标

1、知识与技能:学会使用标签制作滚动字幕,并理解属性与属性值之间的含义。

2、过程与方法:巩固对Dreamweaver软件中“标签”和“标签检查器”的使用。学会合理的规划滚动图片或文字的出现效果。

3、情感态度与价值观:本节学习将滚动字幕作为一个单独的元素进行讲解,选取更为简单易懂的案列来帮助学生掌握重点。同时引导学生注意观察周围事物,将滚动这种表现方式不仅仅局限于网页设计,而是利用Dreamweaver这个软件来实现该效果。待学生熟练掌握滚动字幕的制作后,就可以在他们的网站里自由发挥。由此引导学生理解什么是触类旁通,真正授人以渔。

三、教学重点、难点

经过对《大纲》的反复研读,以及对教材的深度理解,确立了本节课的教学重点、难点。

1、教学重点

利用滚动字幕增强网页表现力。

2、教学难点

利用“标签检查器”为标签的各个属性设置参数。

3、突出重点

本课在突出重点的环节上,根据教材的特点,结合学生的实际情况,采用了“挑战难度任务”这一环节,同时这一环节也贯穿了始终,让学生在竞争中得到欢乐,获得知识。挑战一是最基础的模仿,即观看微视频后

学生进行操作,本阶段较易完成,突出了这节课的基础。而挑战二则分为了三种难度系数,学生可随意挑选任何一种进行完成。这三种任务相较于挑战一而言,都有一定的难度,学生可以根据自己的情况进行联系,从而达到同样的效果。由易到难的制作过程,促使学生一步步掌握了滚动字幕的制作技巧,再利用到自己的网站中实现增强网页表现力这一目标。

4、突出难点

难点必然是学生们在学习过程中遇到的问题,那么如何突出难点并解决,本课采用自主探究发现法。在最初的视频观看中就埋下了伏笔,抛出问题“滚动字幕的标签中有哪些属性”,接着待学生完成挑战一对标签有了一定认识后,再一次提出问题即环节“一探究竟”。此时,引导学生完成一些操作,进而让他们自己发现改变属性值会有什么效果。由此,本课的难点被突破,之后的环节便是帮助学生更熟练的掌握制作技巧。

四、教法与学法

1、教法

新课程理念提出教师是学生的引导者、组织者、合作者,根据信息技术这门课程的特殊性,它侧重的不再是原理与知识,而是实际动手操作能力,以及发现提出问题并进行解答。本着这一理念,我在教学过程中主要采用了讲演法和任务驱动法。通过将调整属性的参数值所实现的效果进行对比,引导学生自主学习发现问题,掌握本节课的重点和难点。教师在此过程中只是进行适当的推进作用。任务驱动法则是信息技术中常用的一种方法,教师通过设置符合学生情况的任务,来进行教学。

2、学法

授人以鱼,不如授人以渔,最有价值的知识就是关于方法和能力的知识。首先,教师应创造一种语言氛围,让学生在生动、直观的环境中学习新知识,在学会并掌握课本知识的基础上,学会运用实践操作,从而达到发展思维能力,培养自学能力和动手能力的目的。

最后我来具体谈一谈这一堂课的教学过程:

五、教学程序及设想

这堂课我的设想是把教学内容转化为具有潜在意义的问题,让学生产生强烈的探究意识,使学生的整个学习过程成为“猜想”,继而紧张地探索,期待寻找答案和理由的一个过程。在实际情况下进行学习,可以先让学生见证网页效果,然后自己动手尝试达到同样的效果。并且教师需要引导学生将不同参数值设置的情况进行对比,发现不同加深映象,这样获取的知识,不但易于保持,而且易于迁移到陌生的问题情境中。

1、抛砖引玉,为学生创造学习兴趣

同学们,对于HTML语言的学习已有一段时间,其中我们认识了很重要的一个元素——标签。大家先跟老师一起回顾所学过的标签。【播放幻灯片】

以上这些标签都是构成静态网页的基本元素,若想实现如示例所示的网页效果,我们该如何制作呢?先请同学们欣赏这几个网页,找出它们的共同点。【展示滚动字幕网页】

2、确定主题,带着问题开始学习

既然同学们都见过滚动字幕,那么它到底是如何实现的呢?接下来请大家观看一段微视频,观看的同时思考以下几个问题。【提出问题,播放视频】

通过微视频我想同学们对滚动字幕都有了自己的认识,那么刚才提出的三个问题

html网页的说课稿,网页设计之滚动字幕说课稿相关推荐

  1. HTML记事本滚动字幕怎么弄,如何利用Dreamweaver制作滚动字幕_Dreamweaver制作_字幕设计_滚动字幕_课课家...

    我相信滚动字幕会让很多人感到兴奋,特别是第一次使用滚动字幕时,肯定会爱不释手.这次我们课课家教育将用DW来制作这个滚动字幕.我们课课家教育将为大家带来的是:如何利用Dreamweaver制作滚动字幕. ...

  2. UI设计灵感|高级黑网页首图就该这样设计

    那高级黑就是沉稳霸气的经典色,在网页色彩搭配中,甚少会有人敢大面积的使用黑色,但其实黑色有它的优点,它能搭配世界上任何一种色彩,能让其他亮色凸显魅力.当大家都在研究各种色彩搭配法则的时候,高级灰与高级 ...

  3. HTML期末大作业课程设计~仿阴阳师游戏官网首页html模板(HTML+CSS)~动漫主题html5网页模板-HTML期末作业课程设计期末大作业动漫主题html5网页模板-html5网页设计源码...

    HTML期末大作业课程设计~仿阴阳师游戏官网首页html模板(DIV+CSS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没 ...

  4. HTML期末大作业课程设计~仿阴阳师游戏官网首页html模板(HTML+CSS)~动漫主题html5网页模板-HTML期末作业课程设计期末大作业动漫主题html5网页模板-html5网页设计源码

    HTML期末大作业课程设计~仿阴阳师游戏官网首页html模板(DIV+CSS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没 ...

  5. HTML期末大作业~web前端开发个人博客HTML整站模板~Web大学生网页成品 ~个人主页博客网页HTML设计制作...

    HTML期末大作业~ 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...

  6. HTML期末大作业—— 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计

    HTML期末大作业-- 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感 ...

  7. HTML5期末大作业:网站——响应式网络游戏官网HTML+CSS+JavaScript ~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计 ~大学生个人网站作业模板 ~简单个人网页

    HTML5期末大作业:网站--响应式网络游戏官网HTML+CSS+JavaScript ~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计 ~大学生个人网站作业模板 ~简单个人网页 ...

  8. HTML5期末大作业:网站——卡通漫画游戏官方网页 (萌王) 13个页面 HTML+CSS+JavaScript ~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计

    HTML5期末大作业:HTML5期末大作业:网站--卡通游戏官方网页 (萌王)HTML+CSS+JavaScript ~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计 ~大学生个 ...

  9. HTML期末大作业—— 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计...

    HTML期末大作业-- 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感 ...

最新文章

  1. 电话号码正则表达式键盘弹起验证
  2. Linux命令行之逗趣无极限
  3. [POJ1155]TELE
  4. 【专升本计算机】最新甘肃省专升本考试C语言部分复习题带答案
  5. Educational Codeforces Round 42 (Rated for Div. 2)
  6. horizon流程图_项目实施流程和规范模板(测试方向)
  7. 独立站适合做B端吗?外贸B2B独立站怎么做?
  8. Struts2第三篇【Action开发方式、通配符、Struts常量、跳转全局视图、action节点默认配置】...
  9. 语音识别怎么最终识别出字?
  10. pythonsocket自定义协议_Python实现同时兼容老版和新版Socket协议的一个简单WebSocket服务器...
  11. android自动画廊,Android3D画廊效果与自动轮播Banner
  12. 论文阅读(1)Large Pose 3D Face Reconstruction from a Single Image via Direct Volumetric CNN Regression
  13. 优秀logo设计解析_国外30个优秀的logo的设计思维分析
  14. msfvenom制作简易后门程序
  15. 迁移学习(Transfer Learning)的背景、历史
  16. type转HDMI2.0方案|typec转HDMI 4K60Hz电路|CS5265 typec单转优势方案
  17. 因子分解机FM算法(Factorization Machine)
  18. 一个屌丝程序员的青春(一八八)
  19. 个人信息安全:民法总则只是第一步
  20. 计算机q启动时有logo,怎么取消电脑开机显示logo

热门文章

  1. 关于正交矩阵的二三事
  2. 百度算法大全:更新至2121年
  3. ReactiveX文档中文翻译
  4. 互联网基础与应用复习
  5. ThinkPHP5助手函数汇总
  6. java 判断字符串是否相等
  7. springboot-分布式实例开发 (六)
  8. 前端上传大文件怎么处理
  9. mysql服务启动、停止、重启
  10. 图文结合,手把手教你ubuntu18-live-server-amd64服务器版的安装、配置静态ip以及换源