课堂演讲

在本学期接下来的几周，我们将用每节课的最后20分钟来做简短的学生报告。这些演讲的主题将是HTML、CSS和JavaScript的各种主题。我会选择主题，你将被要求研究这个主题，准备一些例子，然后就这个主题做一个20分钟的演讲。

为了让你们练习使用HTML和CSS，我将要求你们把演示材料准备成网页，而不是ppt或谷歌文档演示。

这些演示都是合作项目——你将和你选择的一个合作伙伴一起做演示。

的话题

这是一个演讲主题列表。

1)使用iframe -星期五，4月11日

• 什么是iframe？
• 演示如何使用iframe来嵌入YouTube视频。
• 演示如何使用iframe来嵌入来自谷歌Maps的地图。

2)语义元素——4月14日星期一

• 概述HTML 5中新的语义元素，如aside、section、article和nav。
• 解释为什么使用这些元素作为通用div的替代品是有用的。
• 展示在页面中使用这些元素的一些示例。

3) CSS伪类- 4月16日星期三

• 解释什么是CSS伪类。
• 展示一些更常用的伪类的例子，比如hover、active和visited。

4) CSS媒体查询- 4月18日星期五

• 解释什么是响应式设计。
• 展示CSS媒体查询如何使页面响应。
• 告诉我们更多关于Bootstrap是如何支持响应式设计的。

5) CSS中的背景图片- 4月21日星期一

• 演示如何在CSS中使用背景图像使页面更具吸引力。
• 演示如何使用背景图像在页面上创建装饰性边框。

6) HTML画布- 4月23日星期三

• 解释canvas元素是什么。
• 编写一个演示程序，展示如何使用JavaScript在画布元素中绘图。

7) JavaScript模块- 4月25日星期五

• 阅读JavaScript书中的第10章
• 总结一下如何在JavaScript中设置和使用模块。
• 编写一个由多个文件组成的演示程序，其中一些文件是由其他文件加载的模块。

8)本地存储- 4月28日星期一

• 在线研究JavaScript中的本地存储设施。
• 展示一个示例，演示如何使用本地存储将信息从一个页面传递到另一个页面。
• 展示一个示例，演示如何使用本地存储将数据保存在页面中，当用户稍后重新打开页面时，页面将恢复。

9)额外的React组件——5月2日星期五

• 在网上找到React组件的源代码。
• 编写一个使用其中一些组件的演示程序。