
推荐deepseek
📄 1. 用HTML做文章排版 + 数据可视化图表 (Chart.js)
核心目标: 制作包含标题、正文及交互式图表的 HTML 文章页面。
详细提示词:
制作一个清晰的 HTML 文章排版,包含标题、段落正文数据。文章内容需要合理运用可视化图表进行展示,例如柱状图、折线图、饼状图。根据数据类型选择合适的图表类型(如趋势用折线图,对比用柱状图,占比用饼图),确保数据部分清晰易懂。使用 Chart.js 库生成图表。
🖥️ 2. 用HTML制作动态PPT
核心目标: 制作包含多页幻灯片、过渡动画及交互按钮的 HTML 演示文稿。
详细提示词:
生成一个包含多个幻灯片的 HTML 演示文稿。
-
页面构成: 每一页幻灯片需包含标题、段落文字。
-
视觉风格: 具有美观的配色方案。
-
交互与动效: 幻灯片切换时加入过渡动画(如淡入淡出效果),并包含交互性元素(如点击按钮或页面区域切换幻灯片)。
📧 3. 用HTML设计邮件模板
核心目标: 制作简洁、美观且按钮突出的 HTML 营销或通知邮件模板。
详细提示词:
创建一个 HTML 邮件模板。
-
内容要素: 包含标题、文本内容、交互按钮。
-
设计规范: 排版需简洁美观,按钮需要突出显示(使用显眼配色和悬停效果)。
-
色彩搭配: 背景色与内容颜色需搭配协调,整体视觉舒适。
👤 4. 用HTML制作个人简历
核心目标: 制作响应式布局、信息层级清晰的 HTML 个人简历页面。
详细提示词:
生成一个简洁的 HTML 简历页面。
-
内容模块: 需包含个人信息、工作经验、教育背景、技能标签。
-
响应式设计: 在手机、平板、电脑等多种设备上都能良好展示。
-
布局要求: 布局简洁,通过合理的字体大小和间距突出重点信息。
📊 5. 用HTML做会议报告
核心目标: 制作包含数据图表、动态效果及交互性的现代会议报告页面。
详细提示词:
生成一个会议报告的 HTML 页面。
-
风格与布局: 设计简洁现代,确保排版有层次感(包含标题、正文、图表区块)。
-
数据展示: 包含清晰易懂的图表数据展示。
-
交互与动态: 在报告中加入动态效果(如滚动加载或悬停高亮)和交互性内容(如点击查看详情),提升报告的可读性和专业感。