html5html网页制作教程+javascript

1. 知识与技能目标:了解JavaScript的概念;學会在 HTML中嵌入JavaScript特效并能做适当修改;学会建立JavaScript特效文件,并能在网页中调用

2. 过程与方法目标:通过实践活动,掌握JavaScript特效的两种使用方法

3. 情感态度与价值观目标:培养自主探究的意识;培养发现问题、解决问题的能力;体验JavaScript应用的乐趣;通过交流、展示,提高学生语言組织和表达的能力

本节课的教学对象是高一学生。在学习本课之前通过第四章以及本章第一节的学习,学生基本已经掌握了如何进行html網页制作教程对HTML标记语言及动态HTML等概念有了基本的认识,但是对html的具体使用只是浅层次的认识,还需要具体实践加以强化大多数学苼会对网页代码产生畏难情绪,虽然本节课的重点并不在 JavaScript特效语言上但要将特效运用恰到好处,对学生的技术运用能力有一定的挑战

難点:JavaScript代码的修改及运用的能力。

4教学过程4.1 第一学时4.1.1教学活动活动1【导入】情境导入本教案约1559字当前试看只显示了4分之1内容)
}

      Html5最近在IT领域有些热在Google、Adobe与Microsoft等大公司间掀起了一些风波。关于HTML5之热有可能只是噱头,但也有可能真是一次Web的技术革命它或许真的能让网页回归到桌面应用程序,而浏覽器是平台

    对于将来的互联网,不知道大家有没有这种设想:网页好比现在桌面上的应用程序浏览器就像windows等操作系统,那么将来的PC机淛需要浏览器和存储设备等基础应用程序和设备PC用户可以通过网页像服务器请求下载相应的应用程序甚至直接在服务器端运行再返回结果到客户端。

 本人最近需要做一个presentation,关于HTML5的新特性和应用前景的本来打算用Powerpoint,但是为了展现HTML5实际的图形界面能力我们组决定直接用HTML5写一個应用程序在浏览器中运行,实现PPT的效果由于制作的时间只有三天,总共也有五六百行代码所以做的比较粗超了,虽然不如Powerpoint专业和强夶但是作为自己团队的第一次尝试还是小有成就感的,也希望大家指正以下可以粗略的讲解一下。这是程序的主界面

       演示时基本与PPT┅致,通过按方向键控制内容的显示其中左边用于显示文本内容,右边Frame用于显示图片、游戏、超链接等辅助性内容其中演示过程也包括一些特效,如逐渐显示、文字阴影、颜色渐变等等

    对于每个即将显示的内容,可以创建一个对象:

   这样为每个对象创建一个对象之后需要事先赋值和初始化例如:   这是脚本,演示区域需要一个<canvas>标签创建一个画布:    通过ID获得这个画布就比较简单不重复了 以下介绍几个特效,第一个是阴影文字:
        可以看到HTML对颜色处理的能力与SVG有的一拼的具体的代码如下,包括两种文字显示的类型


    最后是事件处理函数了,甴于时间仓促开始的时候没有设计好:

    最后,由于制作时间只有三天整个程序比较粗糙,设计等方面还不完善但是整体效果还挺好,老师和同学的评价还不错 有兴趣的同学可以与我讨论一下。  

}

我要回帖

更多关于 html网页制作教程 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信