ARTICLE · 1250429
交互式试卷讲评网页
交互式试卷讲评网页制作步骤： 一、上传文件：将试题PDF和答案文档（如Word）上传到AI工具。 二、 发送提示词：我是一名初中英语老师，需要把这份英语周报做成一个交互式讲评网页。请按以下要求生成完整的HTML代码: 1.整体布局:顶部深色导航栏，左侧原文区，右侧题目与解析区。 2.导航:按篇目分按钮(如A篇、B篇、C、D篇、七选五、完形填空、语法填空、应用文、读后续写)，点击切换。 3，题目交互:右侧题号栏横向排列，点击题号切换当前题目;滚动时题号栏吸顶(top等于顶栏高度)。选择题点击选项即时判定对错;答案与解析默认隐藏，点击“查看答案与解析"展开。 4.点击查词:文中重点单词标绿，点击弹出释义卡(含音标、词性、中文释义、双语例句)再次点击或点空白处关闭;弹窗字体随根字号缩放。 5.字号调节:顶部提供滑块，范围13px-48px，控制全页文字大小。 6.翻译控制:默认不显示全文翻译，点击“显示翻译”按钮才展示，再次点击隐藏。 7.写作模块:应用文和读后续写分开导航;参参考范文和写作提分点默认隐藏，点击按钮展开。 8.视觉风格:墨绿色主色调，背景柔白，清新简约，适合初中生阅读。请生成完整代码，并确保所有交互功能可用。 复制提示词并追加「请生成完整代码，保证所有交互功能可用」。 三、等待生成：AI读取试题内容并创建网页代码，等待完成。 四、保存为HTML：复制代码，用文本编辑器粘贴，另存为后缀为.html的文件。 核心是提示词要写全功能需求，上传试题PDF和答案文档后让AI生成代码，保存为HTML即可在浏览器打开评讲。
