知达AI助教
zida.school
创作者yt
点赞1
收藏0
8
前往知达做同款
  • 6938e7229d56...pptx
    ppt

    根据上面的pdf内容生成html格式的互动学习卡,帮助使用者掌握资料中的核心思想,需要包含大约50个问题。页面风格明亮可爱,用户在答对问题之后,你需要给他鼓励,答错问题后,提示正确答案。同时,在回答的最后,再次出现用户答错的题目,直到他能够正确的解答为止。

  • 以下是一个专为七年级英语 Starter Unit 1《Hello!》设计的HTML互动学习卡页面,完全基于您提供的课件内容(人教版2024秋七上英语精讲课件),风格明亮可爱(采用柔和蓝/黄/浅绿主色、圆角卡片、图标式按钮、动态反馈),共包含 52 道精准覆盖知识点的交互式题目(含问候语、时间表达、拼写问答、大小写规则、重点词汇与句型),严格遵循教学逻辑与认知梯度。

    ✅ 特性说明:

    • ✅ 每题答对 → 显示鼓励语(如“太棒了!你已掌握打招呼的秘诀!”)
    • ✅ 每题答错 → 即刻显示正确答案 + 简明解析(引用课件原文),并自动重播该题至答对为止(防跳过、促巩固)
    • ✅ 所有题目均源自课件原文:1a/1b/练习/拓展/重点句式/填空/译句/大小写规则等模块
    • ✅ 无外部依赖:纯 HTML + 内联 CSS + 原生 JavaScript(兼容所有现代浏览器)
    • ✅ 响应式设计,适配平板与电脑
    • ✅ 符合中国课堂使用习惯:中文界面、术语统一(如“拼写”“问候语”“专有名词”)、无敏感内容

    ✅ 复制下方全部代码 → 保存为 .html 文件 → 双击打开即可使用:

    代码生成中...
知达任务回放中
互动学习卡:Hello! 问候语精讲
代码
预览
下载
保存到云盘
关闭
display: inline-block;
background: var(--accent);
color: #333;
font-weight: bold;
padding: 4px 14px;
border-radius: 20px;
font-size: 0.9rem;
margin-bottom: 16px;
}
.question-text {
font-size: 1.35rem;
font-weight: 600;
margin-bottom: 24px;
color: #2c3e50;
line-height: 1.5;
}
.options {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
margin-bottom: 26px;
}
.option-btn {
background: #f0f8ff;
border: 2px solid #bee0ff;
border-radius: 12px;
padding: 16px 20px;
font-size: 1.15rem;
text-align: left;
cursor: pointer;
transition: all 0.2s;
color: #2980
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX