职贝云数AI新零售门户

标题: 用DeepSeek制造四连方拼图游戏 [打印本页]
作者: bNu6V5zl    时间: 3 小时前
标题: 用DeepSeek制造四连方拼图游戏
(, 下载次数: 0)

成绩情境

(, 下载次数: 0)

   

      有位同事在教授人教版三年级下册《拼图游戏》一课时，希望先生能经过实践操作加强对图形的直观感知，同时避免预备大量学具的费事。此外，先生也可以在课间自主练习，进一步巩固长方形和正方形的特征。借助DeepSeek可以处理这一教学难题，详细如何操作呢？明天我们就随齐奇教师的《用DeepSeek制造四连方拼图游戏》，来学习应用DeepSeek，简单地处理以上成绩。

(, 下载次数: 0)

视频学习



(, 下载次数: 0)

操作步骤



    1.打开网页版DeepSeek，选择“专家形式”，向DeepSeek明白功能、规划、交互要求，提示词越明晰，生成代码越精准。（输入结构化提示词）。

    2.下载代码，停止图形拖拽、旋转、翻转等功能测试（测试功能）。

    3.根据测试结果诘问调整，确认无误后即可在教学中运用（优化运用）。

    DeepSeek网址：https://chat.deepseek.com


提示词及效果图


提示词：

你是一个资深的网页设计专家和小学数学教师，需求为三年级先生创建一个学习“四连方拼图”的交互式HTML页面。请严厉遵照以下要求编写残缺代码，一切内容整合在一个HTML文件中。

【核心目的】

经过拖拽5种基本四连方组合（田字型、一字型、L型、T型、Z型），拼出可以自主选择大小的长方形或正方形，图形的长和宽可以自主选择数字，两个数字的区间分别是3-10。每种四连方可以被有限次拖拽运用，不限制运用次数。左侧图形卡片一直处于可拖拽形态，不会被置灰或锁定。

【界面规划】

1.顶部标题区：标题“四连方拼图应战”。

2.左侧图形选择区：纵向陈列5种四连方图形，每个图形用不同颜色区分，下方标注称号，图形需用CSS绘制或SVG完成，（每个小方格30px×30px）。一切图形卡片一直保持可拖拽形态，每次拖拽都生成一个新的图形实例。

3.中间拼接操作区：带网格背景的画布，网格线颜色浅灰，单元格大小30px×30px，默许显示15列×15行。顶部包含尺寸选择器，用户选择外形类型（长方形/正方形）、长度和宽度后，目的虚线框立刻更新，无需点击确定按钮。目的区域在网格画布地方，用虚线边框高亮显示。

4.右侧控制区：包含“旋转”按钮，“翻转”按钮、“删除”按钮、“重置”按钮、“检查结果”按钮。右侧显示反馈信息文字，反馈信息文字容器需设置CSS属性自动换行，防止内容溢出。

5.右侧控制区、中间拼接操作区和左侧图形选择区的高度分歧，不需求滑动。

【视觉要求】

1.每个图形分配一种柔和颜色（如：田型-橙黄，一型-天蓝，L型-草绿，T型-粉红，Z型-淡紫）。
2.CSS样式要美观，合适儿童，运用圆角、暗影、心爱字体。效果图：
(, 下载次数: 0)

(, 下载次数: 0)

(, 下载次数: 0)



丁玉海名师工作室关注信息技术与教学交融运用，将极简教学技术作为重点研讨方向，为更多教师提供“学得会、用得上、能减负”的极简教学技术运用示范，为方便广大教师运用，工作室运用二维码技术将研讨成果印制成《极简教学技术口袋书》，欢迎关注。  欢迎关注工作室成果

公众号搜索有关文章

(, 下载次数: 0)

往期专辑



(, 下载次数: 0)


(, 下载次数: 0)

(, 下载次数: 0)

(, 下载次数: 0)

(, 下载次数: 0)

(, 下载次数: 0)

(, 下载次数: 0)

(, 下载次数: 0)

(, 下载次数: 0)

(, 下载次数: 0)

(, 下载次数: 0)


(, 下载次数: 0)



(, 下载次数: 0)



(, 下载次数: 0)



(, 下载次数: 0)



(, 下载次数: 0)



(, 下载次数: 0)



(, 下载次数: 0)





视频：齐   奇

编辑：郝海宁

审核：姬清燕

监制：丁玉海



欢迎光临 职贝云数AI新零售门户 (https://www.taojin168.com/cloud/) Powered by Discuz! X3.5