希沃白板随机点名怎么弄

html-css024

希沃白板随机点名怎么弄,第1张

在电脑上打开希沃白板，设置超级分类在授课过程中就可以完成随机点名，以下为详细步骤说明：

工具／原料：联想小新Air15、Windows10、希沃白板5.2.1.9634

1、打开课件

在希沃白板界面，打开课件。

2、点击课堂活动

在课件界面，点击课堂活动。

3、点击超级分类

在课堂活动界面，点击超级分类。

4、选择模板点应用

在超级分类页面，选择模板，点击应用。

5、填写姓名人名点完成

在超级分类中填写姓名和人名，点击完成。

6、拖动人名到下方

在模板中选择一个人名拖到下方。

7、点击开始授课

在菜单栏，点击开始授课。

8、点击刷新

在授课界面，点击刷新，刷新人名顺序会发生改变。

9、随机点名成功

这样就随机点名成功。

实现外部导入，假如要通过input file表单形式选择文件，可以通过这种方式读取数据

<form id="form">

<!-- 选择本地文本 -->

<input type="file" name="file" onchange="selectFile()" />

</form>

<script>

function selectFile() {

let formData = new FormData(document.getElementById('form'))

let reader = new FileReader()

reader.readAsText(formData.get('file'))

reader.onload = function() {

let text = this.result // 读到的文本

// 假如文本是 张三，李四，王五 格式，切割为数组

console.log(text.split("，")) // ["张三", "李四", "王五"]

}

}

</script>

以下是课程大纲，可以参考一下

(1)HTML5+CSS3

经典表格布局制作简历

1. HTML5介绍 2. HTML5发展史 3. HTML5简介 4. HTTP协议介绍 5. HTTP消息类型 6. 互联网发展形式 7. web开发所需要的构件

8. 编辑器的使用 9. HTML基本语法与规范(标签元素、属性) 10. 第一个HTML网页 11.表格标签

规范代码盒模型布局小米等网站

1. 文档头和编码声明 2. 基础标签 3. 文本类标签 4. 列表标签 5. 语义化标签的使用 6. 字符实体 7. 表格标签 8. HTML5标签的兼容处理9. HTML5标签SEO的作用 10. HTML5表单新特性 11. 多媒体标签

3D旋转+动画制作正方体

1. CSS的定义 2. CSS引入 3. CSS选择器 4. CSS3与CSS2的区别 5. 长度单位 6. 颜色单位 7. 常用属性 8. CSS属性

流行的pc端，App页面响应式布局

1. W3C盒子模型 2. Div+CSS网页布局 3. 弹性盒子 4. HTML5兼容处理 5. 使用HTML5布局元素的布局 6. Media Query响应式布局 7. 百分比网页布局

工作要求，实战大型电商网站静态页面

1. PS切图 2. 精灵图 3. CSS重制样式表Reset CSS、 Normalize.css 4. CSS命名规范，CSS常用名

(2)JavaScript jQuery实例 实战项目

前端核心语言javascript语法

1. JavaScript简介 2. 在页面中使用JavaScript 3. JavaScript的语法 a) 变量声明规范 b)语句结束 c)脚本注释 d)代码块 e)数据类型 f)类型转换 g)运算符 h)流程控制语句 i)函数 j)内置对象

原生Js功能开发

1. 更换页面皮肤 2. 五彩小球 3. 随机点名器 4. 轮播图 5. 网站时间显示 6. 商城抢购活动 7. 购物车的全选、反选、全不选 8. 选项卡前端后台交互功能开发9. 进度条 10. 拖拽div 11. 放大镜 12. 城市地址二级、三级联动 13. 随机浮动广告 14. 无缝连接 15. 仿百度登录

Jquery库交互特效开发

1. JQuery简介 2. JQuery安装 3. JQuery CSS操作 4. JQuery选择器 5. JQuery筛选 6. JQuery html 文档处理 7. JQuery事件 8. JQuery效果 9. JQuery Ajax 10. JQuery其他操作 11. JQuery插件

实战进阶-瞄准市场

1.PS切图 2.CSS重置样式表 3.网页规范 4.兼容性 5.SASS 6.Compass精灵图 7.代码压缩 8.常见网站效果 9.rem相对大小布局

(3)Node.JS MongoDB Express Vue.js

Vue.js前端热组件化开发框架

1. 介绍 2. 安装 3. 模板/数据绑定 4. Class/Style绑定 5. 事件 6. 组件 7. 混合 8. 插件 9. 服务/路由

后端Js-Node.js搭建前端脚手架

1. Node.js简介 2. Node.js安装 3. NPM工具使用 4. 模块、Package 5. 回调函数 6. Buffer，事件 7. 文件处理模块 8. Http，URL，Querystring Path等模块 9. POST/GET请求 10. 安装模板引擎

Mongodb数据库操作

1. NoSQL基础概念 2. MongoDB 简介 3. 数据库、集合、文档概念 4. 数据库操作 5. 集合操作 6. 文档CURD操作 7. 条件操作符 8. Limit与Skip方法 9. 排序 10. Node.Js的mongoose模块 操作MongoDB

基于node.js搭建express服务器

1. Express 简介 2. 安装 Express 3. 路由 4. 中间件 5. 视图 6. 模板引擎 7. AJAX 8. 跨域/JSONP 9. 搜索分页 10. 文件上传 11. 登陆注册

实战-大型单页应用

1. Web Socket 2. SSE 3. 网络爬虫(实现多人聊天时，服务器主动推送消息) 4. 常用工具使用Webpack 5. 压缩混淆 6. AMD/CMD规范 7. 结合Vue.JS实现单页面应用 8. Web APP 打包

(4)HTML5新特性 微信开发 微信小程序 学生项目

HTML5新特性

1. 音/视频 API 2. 本地存储LocalStorage/SessionStorage 3. Geolocation(地理定位) 4. 百度地图API 5.浏览器多线程Web Workers 6. 应用程序缓存 (Application Cache) 7. Canvas 画图、SVG 8. 拖拽事件、API 9. FileReader API 10. PAJAX 11. Bootstrap 12.插件：Swiper、图表、Iconfont

微信公众号开发

1. 接入微信公众平台 2. 账号申请 3. 微信JSSDK使用 4. 分享接口 5. 图像接口 6. 音频接口 7. 智能接口 8. 设备信息 9. 地理位置微信小程序开发10. 界面操作 11. WEUI框架 12. 微信小程序开发 13. 创建项目 14. 工具 15. 框架 16. WXML 、 WXSS 17. 组件 18. API

实战--团队协作工具

1. Git协作 2. 前端项目规范化 3. H5新特性 4. 即时通讯 5. 互联网服务接口调用