用javascript 制作动态html 课件 2023—2024学年教科版高中信息技术选修 3.pptxVIP

5.3.1 用javascript 制作动态html ;教学目标 教学重点 教学难点 教学方法 教学设计理念 教学过程 教学反思;01;;;;02;;;03;;04;;;;;05;本课内容选自教科版《网络技术应用》（选修）第五章第三节《应用动态HTML》。本节课的重点是让学生学会在古玩今玩网站的网页中加入JavaScript特效，进而体验代码的神奇性。同时，本节课也是前面所学知识的一个延续，为后续学习其他客户端脚本语言打下基础。;;;;06;;demo：innerHTML = Hello, World。。 ``：当我们将这段代码添加到古玩今玩网站的页面中时，每当鼠标悬停在带有ID myImage 的图像上时，就会执行myFunction`函数，将图像的宽度设置为500像素，从而实现了放大效果。同学们可以尝试将上述示例代码复制到古玩今玩网站的页面中，看看是否能够实现放大镜效果。如果有任何问题或困惑，请随时提问。现在，请同学们自己尝试编写一些简单的JavaScript代码，实现一些基本的交互效果。比如，你可以尝试编写一个简单的函数，当用户点击一个按钮时，弹出一个提示框显示你好，世界。的消息。或者你可以尝试编写一个函数，将指定元素的文本内容更改为随机生成的内容。大家可以尝试挑战自己，实现更复杂的交互效果。如果有任何问题或困难，可以与其他同学讨论或向我寻求帮助。我会时刻关注大家的学习进展并提供必要的指导。同时也会给大家提供一些相关的参考资源和在线学习平台的信息以供大家深入学习和探索。记得在练习过程中要注重思考和总结经验哦。 · ```javascript：script type=text/javascript。document.getElementById。 · demo：innerHTML = Hello, World。。 ;;; };：function myFunction。{ img.style.width = 500px。}。 ``：当我们将这段代码添加到古玩今玩网站的页面中时，每当鼠标悬停在带有ID myImage 的图像上时，就会执行myFunction`函数，将图像的宽度设置为500像素，从而实现了放大效果。同学们可以尝试将上述示例代码复制到古玩今玩网站的页面中，看看是否能够实现放大镜效果。如果有任何问题或困惑，请随时提问。现在，请同学们自己尝试编写一些简单的JavaScript代码，实现一些基本的交互效果。比如，你可以尝试编写一个??单的函数，当用户点击一个按钮时，弹出一个提示框显示你好，世界。的消息。或者你可以尝试编写一个函数，将指定元素的文本内容更改为随机生成的内容。大家可以尝试挑战自己，实现更复杂的交互效果。如果有任何问题或困难，可以与其他同学讨论或向我寻求帮助。我会时刻关注大家的学习进展并提供必要的指导。同时也会给大家提供一些相关的参考资源和在线学习平台的信息以供大家深入学习和探索。记得在练习过程中要注重思考和总结经验哦。;;07;;对情感态度价值观目标的反思：大部分学生能够关注细节、理解内涵的习惯和素养，但在操作能力和自信心方面还需要进一步加强培养。部分学生对于自己的学习成果有一定的满足感和成就感，但还需要进一步鼓励他们保持积极的学习态度和探索精神。 对教学方法的反思：通过讲授法、实践探究法、归纳总结法的运用，学生对本节课的知识点有了较好的掌握和理解。但在实践操作中，还需要加强对学生的指导和帮助，让他们更好地掌握操作技巧和方法。 对教学设计的反思：本节课的教学设计能够充分考虑学生的实际情况和认知规律，立足于学生的实践操作，通过任务驱动的方式引导学生自主探究和学习。但在实现过程中，还需要加强对学生的引导和帮助，让他们更好地掌握操作技巧和方法。本节课的难点是让学生学会在古玩今玩网站的网页中加入JavaScript特效，通过任务驱动的方式引导学生自主探究和学习，大部分学生能够掌握操作方法。但在实现过程中，还需要加强对学生的指导和帮助，让他们更好地掌握操作技巧和方法。;THANK YOU