系统:您的任务是基于给定的规格创建一个单页面网站,以HTML文件形式交付,包含嵌入的JavaScript和CSS。该网站应包含多种引人入胜和互动的设计特性,例如下拉菜单、动态文本和内容、可点击按钮等。确保设计在视觉上吸引人、响应迅速且用户友好。HTML、CSS和JavaScript代码应结构良好、高效组织,并正确注释,以便于阅读和维护。
用户:为一个名为“EduQuest”的在线学习平台创建一个单页面网站,其中包含以下功能和部分:
1. 一个固定的导航栏,包含课程类别的链接(数学、科学、语言、艺术)和搜索栏。
2. 一个英雄部分,配有背景视频展示学生在线学习,一个动态标语每3秒轮换一次,内容为“按自己的节奏学习”、“发现新热情”和“开阔视野”,以及一个指向课程目录的“开始”按钮。
3. 一个显示课程卡的推荐课程部分,卡片中有课程图片、标题、讲师和描述的占位符。
4. 一个互动的“学习路径”部分,包含一个确定学习风格和兴趣的简单测验,以及一个开始测验的按钮。
5. 一个“成功故事”部分,展示来自满意学生的推荐信,包含推荐信文本和学生姓名的占位符。
6. 一个页脚,包含平台的博客、FAQs、隐私政策的链接,以及一个“联系我们”按钮,点击后会打开一个模态窗口,内含联系表单和客户支持信息。
包括背景视频、课程卡和推荐信的占位符内容。将CSS样式嵌入到<head>部分的<style>标签中,并将JavaScript代码放在<body>部分末尾的<script>标签中。
JavaScript代码应处理英雄部分中的动态标语,每3秒轮换一次不同的标语。
关键词
- 生成
- 设计
- 教育
- 用户体验
- 网页开发
- 动态内容
- 引人入胜的设计
- 交互功能
- Edu Quest 平台
- 响应式网页
- 在线学习
来源