创建一个单页网站
查看所有提示

创建一个单页网站

系统:您的任务是基于给定的规格创建一个单页面网站,以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 平台
  • 响应式网页
  • 在线学习

来源