教程|一句话,课件变动画?

教程|一句话,课件变动画?
三张介绍图

教程|一句话,课件变动画?
教程|一句话,课件变动画?
教程|一句话,课件变动画?

三步新手入门1.注册登录https://www.feixianglaoshi.com/?cnid=5734E6AA96FBA151013E60326C4619BE(需手动复制,粘贴到电脑上打开)

打开链接后,左下/右上点击
“登录”,输入手机号验,填入验证码,完成。
教程|一句话,课件变动画?

2.一句话开工

输入制作需求:

做一个“田忌赛马”互动教学网页

点提交,然后等待即可。
教程|一句话,课件变动画?
教程|一句话,课件变动画?

3.等待验收优化

右上“全屏浏览”看看效果
教程|一句话,课件变动画?

一句话,是做出来了,但也仅是做出来了。但,离进入教室教学还有一段距离。所以,继续:


三个制作实例鸡兔同笼https://www.feixianglaoshi.com/#/chat?share=1&chatShareId=D6BA68B21E08B37925F0F505FA5F69EE&featureId=20

教程|一句话,课件变动画?

圆周长定理https://www.feixianglaoshi.com/#/chat?share=1&chatShareId=D6783BBF11B085D7B9BD7D58260CCEEE&featureId=20

教程|一句话,课件变动画?

月相规律https://www.feixianglaoshi.com/#/chat?share=1&chatShareId=7A290E76230C6A05991649F3A2D8E731&featureId=20

教程|一句话,课件变动画?


现在,是不是,可以进入教室:一用、一试?具体,如何实现,我们,继续看:


三种进阶用法进阶用法1:上传本地成品 html,一键转在线我们已经有了别的平台或者地方的成品 html 文件,点击电话框的
附件图标(或拖入)上传,再输入下面一句要求,就能一键分享给别的同事啦!关键,还能二次优化修改,万分方便。

制作同款,不改动任何内容,不改动一个代码!

教程|一句话,课件变动画?

进阶用法2:一段话开工,多次迭代,在线分享自己梳理或借助其它平台 AI 对话总结出一段相对详细、明确的制作需求。尤其是核心玩法互动方式,AI 再强,也需要人来具体引导(设定)。比如:

请编写一个单文件的 HTML ‘田忌赛马’互动教学网页,采用左右分栏的大字体投影适配布局:左侧为策略部署区,支持拖拽交换田忌马匹顺序与固定的齐王对阵,马匹卡片需具备 3D 立体感,通过不同质感的星星(上等金立体、中等淡金、下等单星)和红橙绿配色直观区分等级,并配以角色 Emoji;点击‘模拟结果’后以盖章动画显示每场胜负,并自动校验重复方案(重复时在右侧表格对应行进行橙色边框高亮闪烁提示而非弹窗);右侧表格记录历史战绩,包含带颜色的马匹文字和胜负印章,且支持表格行自由拖动排序。

教程|一句话,课件变动画?
教程|一句话,课件变动画?

针对细节,对话继续修改,提清晰的要求:

1.模拟结果直接在左侧田忌卡片上覆盖或替换显示,去除另外在底下显示。 2.修改顶部高度窄一些紧凑一些。

教程|一句话,课件变动画?

修改到满意,可以点击中间位置“分享”发布,就能获得在线使用链接。

教程|一句话,课件变动画?

进阶用法3:搜寻平台上已有资源,一键做同款分享之后大家都能互相搜到,对于高质量的 html,我们可以收藏、下载

教程|一句话,课件变动画?

更可以一键做同款,变为自己账号资源,继续改动迭代,万分方便!

教程|一句话,课件变动画?


更多风格介绍图(By 塔子老师)

教程|一句话,课件变动画?
教程|一句话,课件变动画?
教程|一句话,课件变动画?
教程|一句话,课件变动画?
教程|一句话,课件变动画?
教程|一句话,课件变动画?
教程|一句话,课件变动画?
教程|一句话,课件变动画?
© 版权声明

相关文章