百度前端技术学园

# 综合大作业基础版(一)

# 课程目标

  • 学习与实践 JavaScript 的基本语法、语言特性
  • 初步了解 JavaScript 的事件是什么
  • 初步了解 JavaScript 中的 DOM 是什么

# 阅读

# 任务

通过使用 HTML、CSS、JavaScript 等技术，实现如设计稿中的示例，实现一个 HTML 页面

第一步：按照 ife_2021_st_01.jpg (opens new window) 所示，完成静态页面的布局及样式开发，建议要求包含：

  1. 不使用任何上层封装的第三方类、库、框架
  2. 不需要按设计稿严格 1:1 实现，但请尽量保证和设计稿的基本一致性
  3. 保证该页面在 Chrome，Firefox，Edge、Safari 等 PC 浏览器上的实现一致性（本练习不对移动端适配做要求）
  4. 使用的图片物料不做具体要求，但请务必使用没有版权问题，可以免费授权使用的图片应用在您的作业中。
  5. 示例中的文字具体内容，不需要一一对应
  6. 最头部的菜单及按钮，请实现其鼠标移动其上，以及点击时的反馈样式，具体样式不做特殊要求，请自行设计。
  7. 请关注使用图片物料的体积优化，课程安排中的圆形图片，源文件请使用方形，圆形效果请使用 CSS 来实现

← 综合大作业基础版(二) →