让网页动起来.ppt

让网页动起来 —— 动态HTML * * 网页是由HTML (HyperText Markup Language) 语言所构成。 如果需要在网页中添加动态效果，方法之一就是在HTML语言中加入一段Java Script代码。 一、认识HTML 及 Java Script Java Script是一种脚本语言，用于实现动态效果或开发网页的交互功能。 HTML即超文本标记语言,是一种用来制作网页的简单标记语言。其基本结构是： HTML 　 　　HEAD 　 　　　　头 部 信 息 　 　　/HEAD 　　 　 BODY 　　　 　　文 档 主 体， 正 文 部 分 　　 　 /BODY /HTML 二、如何在HTML中添加Java Script （1）在Dreamweaver 中按F10键进入HTML 语言界面。 （2）找到适当位置粘贴Java Script 代码， Java Script 代码以script为开头，以/script为结束标志。 （3）适当修改Java Script代码使之符合网页需求。 任务一：制作一段鼠标跟随文字效果 ?? 1、基本任务：将鼠标跟随效果的源代码复制到head/head之间。 ?? 2、探究任务：以相邻的两位同学为一个小组，共同探究修改Java Script代码的方法，并相互交流。 ??????（1）同学甲：找出修改跟随文字的方法 ??????（2）同学乙：找出修改跟随文字的大小、颜色的方法。 （3）比较两个操作的异同之处，找出修改Java Script代码的基本方法。 练习小结：在已有的Java Script代码中，我们可以通过修改有关文字信息的相关变量值，从而修改文字的字体、颜色、大小等属性。 任务二：学习在网页中加入其他网页特效的方法 （1）基本任务： 在练习资源中选择一个适当难度的特效加入到网页中，并根据实际需要修改代码 进入时的提示信息 难度：★ 浏览器的状态栏里的欢迎语 难度：★ 定义时钟 难度：★ ★ 鼠标跟随飘动的文字 难度：★ ★ ★ （2）提高任务： 登陆相关网站选择你喜欢的特效加入到网页中，并根据实际需要修改代码 练习小结：1、在一张网页不宜使用功能相似的代码 2、切忌重复粘贴同一段代码 *