《5.3.1用JavaScript制作动态HTML.pptx》由会员分享,可在线阅读,更多相关《5.3.1用JavaScript制作动态HTML.pptx(13页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、用JavaScript制作动态HTMLn学校:荔波高级中学n执教:莫树喜n日期:2019年4月18日任 务 一任务一01 1、用frontpage打开任务一文件夹中的网页“任务一”并将网页中的文字“弘 扬 爱 国 精 神 展 示 青 年 风 采!”设置成字幕,参数默认。2、在网页中“插入图片”处插入图片1.jpg,并设置大小为:宽360像素,高250像素,并删除提示文字。02刚才展示的两个页面有什么区别呢?你更喜欢哪一种?页面一页面二客户端脚本语言 客户端脚本语言是指可以直接对客户端进行编写并使页面发生动态变化的脚本语言,JavaScript和VBScript是我们最常用的开发动态网页的客户端
2、脚本语言。而今天我们主要是来讲JavaScript在网页中的应用。任 务 二任务二Part 1Part 2Part 3Part 41、在网页“任务二”上点击鼠标右键选择“编辑”,并在编辑状态中选择代码视图2、打开任务二文件夹中的“防止复制的代码”,并将代码复制3、回到网页中,可将代码粘贴到语句 与之间;4、点击“预览”视图,试验效果。网页文字不可复制特效。任 务 三任务三1、在网页“任务三”上点击鼠标右键选择“编辑”,并在编辑状态中选择代码视图;2、打开任务三文件夹中的“鼠标跟随代码”,并将代码复制;3、回到网页中,可将代码粘贴到语句 之间;4、点击“预览”视图,试验效果。任 务 四任务四 1、根据提供的网页特效代码文件夹中的特效代码,选择应用到网页“任务四”中,最后保存文件;2、填写教学评价表,然后保存;3、提交作业:要求把“综合应用”整个文件夹都 交上来。知识总结合理恰当地运用动态网页设计技术。确定插入位置及如何插入;判断是否要修改;确定版权问题;合理恰当地运用动态网页设计技术课堂延伸:下一节课我们将学习动态HTML设计原则。课外延伸:打开动态特效网站:http:/ 根据实际需要查找特效代码应用到网页中。