根据您提供的文字内容，以下是按照PPT演示文档结构设计的章节划分及各章节主要内容总结，适用于项目展示或汇报场景： --- ### **PPT结构设计：文明·历史·非遗 — AI提示词生成器项目展示** --- #### **第1页：封面页** - **标题**：文明·历史·非遗 — AI提示词生成器 - **副标题**：北京师范大学附属中学 学生AI交互项目 - **设计者**：王中著 - **时间**：2025年11月 - **学校网址**：www.bbbj.com.cn --- #### **第2页：项目简介** - **项目名称**：文读AI提示词生成器（ICH AI Prompt Generator） - **核心理念**： - 无需编程与UI设计基础 - 自然语言 + AI → 一键生成定制网页 - **目标用户**：初中生 / 非技术背景学生 - **应用主题**：文明·历史·非遗 --- #### **第3页：项目价值与特点** - **解决痛点**： - 打破技术壁垒，降低网页制作门槛 - 支持多样化风格选择，适应不同主题 - **核心功能**： - 自动生成专业提示词（含技术+风格要求） - 一键复制提示词，支持跳转主流AI平台 - **宣传语**：IT小白秒变设计大师 --- #### **第4页：创作背景** - **灵感来源**：AI大模型的出现为初中生提供技术可能 - **学生视角**： - 在紧张的中考备考中坚持创新 - 借助AI实现技术梦想，传播传统文化 - **项目意义**： - 青春视角 + 文化传承 - 技术实践 + 文化焕新 --- #### **第5页：设计思路** - **核心方法**：多轮对话引导AI理解需求 - **关键步骤**： 1. 引导AI总结网页设计组件 2. 生成可配置源码 3. 试运行 + 迭代优化 - **技术路径**：自然语言 → AI理解 → 代码生成 → 界面优化 --- #### **第6页：AI应用流程** - **STEP D1**：描述需求（类型、风格、内容、功能） - **STEP D2**：AI生成初始化代码（HTML/CSS/JS + 数据处理） - **STEP D3**：迭代修改（反馈界面问题，持续优化） - **成果**：通过对话实现从0到1的网页构建 --- #### **第7页：项目总结与感悟** - **个人成长**： - 打破对AI“高不可攀”的认知 - 掌握与AI协作完成项目的能力 - **文化使命**： - 用青春创新表达传统文化 - 让非遗在AI助力下被全球青年看见 - **未来展望**： - AI成为文化传承的智能桥梁 - 助力更多少年在智能时代实现创新梦想 --- #### **第8页：结尾页** - **感谢观看** - **学校名称**：北京师范大学附属中学 - **网址**：www.bbbj.com.cn - **项目时间**：2025年11月 --- 如果需要我将此结构导出为PPT文件或进一步设计每页的视觉稿，请告诉我。

我是一名资深Web前端开发工程师，需要开发一个单一HTML网页，具体要求如下： 1. 总体要求： 分析以上内容，生成一个仿PPT演示的网页，介绍这个文遗AI提示词生成器，整体采用偏科技风格。作品展示部分有四个案例（都可以点击跳转到对应URL），这四个案例及其URL分别如下：教学课件-初二物理（URL：http://www.wangzhongming.cn/chu2/wuli/index_wl.html） 阅读总结-《敢于放手的养育》（URL：http://www.wangzhongming.cn/chu2/jiaoyu/gyfsyu.html） 心理测评-四象限成长评估报告（URL：http://www.wangzhongming.cn/chu2/jiaoyu/czpgbg-202510.html） 测验练习-英语检测题（URL：http://www.wangzhongming.cn/chu2/en/en_test1.html） 2. 详细技术要求： - 信息架构与页面结构： * 导航系统：topNav * 页面布局：multiColumn * 内容组织：cta, scannable, priority - 视觉设计： * 设计风格：Linear App简约现代设计 * CSS框架：TailwindCSS 3.0+ * 色彩方案：red * 字体方案：modern * 视觉风格：minimal - 交互设计： * 微交互效果：buttonHover, cardHover, formFocus, loading * 动画与过渡：fadeIn, smoothScroll, transition * 表单交互：realTimeValidation, errorFeedback, successFeedback - 性能优化： * 资源加载：lazyLoad, criticalCSS, asyncJS, fontLoading * 资源优化：imageFormat, codeMinification * 渲染性能：reduceRepaint, optimizeCSS - 法律与合规： * 隐私与条款：privacyPolicy, terms * 无障碍性：wcag, keyboardNav, screenReader, colorContrast * 地区要求：icp 3. 其他说明： - 使用现代Web技术（HTML5, CSS3, JavaScript ES6+） - 确保响应式设计，适配各种设备 - 代码结构清晰，注释完整 - 遵循Web标准和最佳实践