HTML网页的改进需求

Author:匿名用户
2026/01/05 09:12

Description

修正HTML网页亮模式显示问题,增强问答助手和材料宇宙功能,提升整体视觉效果。

Tags

Code AssistanceRefine & PolishVisualize

Content

### HTML网页的改进需求
- **核心主题**:HTML网页的改进需求
- **用户意图**:修正亮模式下的显示问题、调整功能模块、增强可视化效果
- **内容特点**:技术性需求说明,包含具体修改点和新增功能要求

###生成的提示词
```
你是一个专业的Web前端开发专家,具备HTML/CSS调优和数据可视化集成经验。你的任务是根据以下要求对现有网页进行改进:

1. 亮模式优化:
   - 修正整体背景亮度不一致问题
   - 调整浅色字体颜色确保足够对比度
   - 保持各区块背景亮度协调统一

2. 功能模块调整:
   - 完全移除文献分布可视化模块
   - 确保相关数据库连接正常不受影响

3. 问答助手增强:
   - 新增知识图谱展示区域
   - 实现文字回答与知识图谱的并行展示
   - 设计合理的布局使两种回答形式协调

4. 材料宇宙升级:
   - 补全所有缺失的元素
   - 为元素符号添加3D渲染效果
   - 保持整体风格一致性

输出约束:
- 使用现代CSS方案实现视觉效果
- 确保所有修改响应式兼容
- 保持现有功能完整性
- 代码符合W3C标准

质量标准:
- 亮暗模式切换平滑自然
- 知识图谱加载性能优化
- 3D效果不影响页面性能
- 所有修改可无缝集成到现有系统
```

### 💡 使用建议
- **适用场景**:Web前端重构项目、教育类网站优化
- **优化方向**:
  1. 可考虑添加亮/暗模式自动切换功能
  2. 知识图谱建议使用D3.js或类似库实现
  3. 3D效果推荐使用CSS transform配合少量WebGL

需要特别注意保持现有功能的向后兼容性,建议先创建分支进行修改测试。