2019-2020年教科版信息技术基础必修《制作网站——网页中动态效果的制作》
1课时教案附教学反思
教学目标：
1．知识目标
(1）理解动态网页与网页动态效果的区别。
(2）掌握网页动态效果的制作。
2．技能目标
掌握“插入”菜单中“组件”命令的使用，使得网页增添动态效果。
3．情感目标
通过学生自主学习网页动态效果的制作，形成积极、主动的学习气氛，激发学生的学习兴趣，培养学生的探究意识和创新能力。
教学重、难点：
1．重点：滚动字幕、交互式按钮等动态效果的制作与Flash的插入。
2．难点：各种效果对象的属性设置。
3．关键：动态效果制作中应图文并茂、色彩和谐、动静适宜。
教学方法：自主探究式学习、任务驱动式教学。
教学准备：
具有动态效果的网页，包括滚动字幕、交互式按钮和FLASH的插入
教学过程：
1．引入
老师打开静态网页和加有动态效果的网页，请学生感受它们的不同。学生观察、比较两张网页，指出它们的不同点。师生共同分析网页，引入新课的学习。
2．新授
任务1 滚动字幕的制作
教师巡视，个别给予指导。
学生完成任务后，展示作品，并演示操作。小结设置滚动字幕的关键点：
文本的大小、字体、颜色等。
表现方式。
运动方向。
背景色的设置。
任务2 交互式按钮的制作
教师巡视，个别给予指导。
学生展示作品，演示操作，小结制作交互式按钮的关键点：
按钮文本的设置。
按钮的颜色、背景色以及效果等。
图片按钮。
任务3 网页中插入一个Flash动画
教师巡视，个别给予指导。
学生展示作品，演示操作，小结插入Flash动画的关键点：
Flash显示窗口的大小调整。
预览模式下才能看到Flash效果。
插入Flash后的网页保存。
学生参照教材内容完成网页动态效果制作，并比较分析其他同学的作品，对照自己的作品加以完善。
培养学生自主学习，发现问题的能力，师生共同分析问题并给予解决。
3．总结与评价
（1）学习过程评价，展示学生的作品，师生给予评价，激发他们更大的主动性与积极性。（2）归纳总结。
学生对照“自我评价”表，进行过程性学习的评价。
参考资料
1．相关知识与技术
（1）关于横幅：用FrontPage 2003制作网页时，没有FrontPage 2000那样的插入“横幅广告管理器”功能，所以在FrontPage 2003中，网页中的横幅可以用静态的图片表示，也可以用Flash软件制作交替显示横幅，作为插件插入到网页的横幅位置。
（2）关于交互式按钮：在FrontPage 2003中交互按钮的形式有多种，其属性设置有文字、图像及背景等，这是FrontPage 2000所不能比拟的。
（3）关于DHTML效果
教材中没有介绍动态DHTML效果，这里建议老师们将动态DHTML效果内容补充讲解。
如下，将按钮“enter”图片当鼠标停在按钮处，显示进入下一页按钮“next”，设置方法如下：
2．关于资源素材
（1）资源库：人与自然、环保等各种文字、图片、Flash动画资料。
（2）多种运用表格布局的网页——优秀网站。
第1大题Dreamweaver单选题(共27分) 得分:4 第1小题D r e a m w e a v e r单选题(1分)得分:0 下面不是Web网页常使用的图像格式是（___d____） A GIF格式 B JPEG格式 C PNG格式 D RAW格式 第2小题D r e a m w e a v e r单选题(1分)得分:1 在复制带有格式的文本时，可以先将容粘贴到（___c____），再将其中没有格式的文本复制到剪贴板上，最后再粘贴到Dreamweaver编辑窗口中。 A 文件夹 B 记事本 C Word文档 D Excel文档 第3小题D r e a m w e a v e r单选题(1分)得分:1 下面哪些不是网页编辑软件？（_______） A Dreamweaver B CuteFTP C Word D Flash 第4小题D r e a m w e a v e r单选题(1分)得分:1 关于HTML5的描述，以下哪一个是错误的（） A HTML5版本中，W3C规定标记的规写法是小写格式 B HTML5的最基本语法是<标记符>…… C 是HTML5的标准网页声明
D 当HTML5标记用错时，浏览器会给出出错信息 第5小题D r e a m w e a v e r单选题(1分)得分:1 在下列的H T M L中，哪个可以插入折行？（） A B C D
1．请列出三种TCP/IP网络中所使用的协议，并说明它们哪些类型的终端之间的，例如，网络管理站（SNMP）是用于中央网络管理站和网络之间的。 参考答案： （1）HTTP：超文本传输协议，用于WEB服务器和WEB客户机之间； （2）SMTP：简单邮件传送协议，用于邮件客户机和邮件服务器之间； （3）TELNET：远程登录协议，用于客户机与终端之间。 2．现给出一个网址如下：https://www.doczj.com/doc/0d4005941.html,/planetwide/select/selector.html，请你根据所学的URL分析该网址各个部分的含义。 参考答案： //前的http表示访问信息采用的是超文本传输协议，并且文件在WWW服务器上； https://www.doczj.com/doc/0d4005941.html,表明了WWW服务器的位置； planetwide/select/selector.html表明最终要访问的文件所在的位置。 3．访问类型即访问信息的链接方式，它决定了文件所在的位置，请问常用的链接方式有哪几种，并举出实例。（列出三种即可） 参考答案： （1）file：如file:\\D:\作业\作业\主页.htm（前面的file:\\一般可省略）就是打开本地D盘下的一个网页；（2）ftp：如ftp:\\https://www.doczj.com/doc/0d4005941.html,（此处也可输入IP地址）； （3）http：如https://www.doczj.com/doc/0d4005941.html,/； （4）News：news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组； （5）telnet：telnet:\\192.168.1.7就可以运行远程登录IP地址192.168.1.7； 4．我们要进入紫霞的公众网，网址如下：telnet://https://www.doczj.com/doc/0d4005941.html,，请你实际操作进入该网站，并列出三种以上进入该TELNET网站的方法。 参考答案： （1）在浏览器中登录：启动INTERNET EXPLORER，在URL地址栏中输入“telnet://https://www.doczj.com/doc/0d4005941.html,”；（2）“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.doczj.com/doc/0d4005941.html,”命令并回车； （3）“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.doczj.com/doc/0d4005941.html,”命令并回车； （4）“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5．如果远程登录失败，请问原因可能是什么？ 参考答案： （1）计算机地址拼写错误（主机名或IP地址错误）； （2）远程计算机暂时不能使用； （3）你所指定的计算机不在Internet上。 6．实践：启动INTERNET EXPLORER浏览器，修改其INTERNET选项，并观察其效果。 您的答案： 答：将https://www.doczj.com/doc/0d4005941.html, 设置为INTERNET选项的首页后，只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1．个人网站有哪三种基本风格？ 参考答案： （1）主题图形式； （2）信息发布式； （3）介于两者之间的风格。
精品文档 1.在基于网络的应用程序中，主要有B/S与C/S两种部署模式，一下哪项不属于 ．．．对于B/S模式的正确描述（ A ） A. B/S模式的程序主要部署在客户端 B. B/S模式与C/S模式相比更容易维护 C. B/S模式只需要客户端安装web浏览器就可以访问 D. B/S模式逐渐成为网络应用程序设计的主流 3.以下关于HTML文档的说法正确的一项是( C ) A．与这两个标记合起来说明在它们之间的文本表示两个HTML文本 B．HTML文档是一个可执行的文档 C．HTML文档只是一种简单的ASCII码文本 D．HTML文档的结束标记