目录

  • 1 前端开发概述
    • 1.1 课程介绍
    • 1.2 开发技术
    • 1.3 基础知识
  • 2 HTML
    • 2.1 标签与结构
    • 2.2 常用标签
    • 2.3 表格
    • 2.4 表单
    • 2.5 框架及其他知识
  • 3 CSS
    • 3.1 CSS语法
    • 3.2 选择器
    • 3.3 CSS常用属性
    • 3.4 布局
    • 3.5 CSS3
  • 4 JavaScript
    • 4.1 语法基础
    • 4.2 常用对象
    • 4.3 函数
    • 4.4 常用事件
    • 4.5 BOM&DOM
  • 5 Ajax
    • 5.1 Ajax编程
    • 5.2 Ajax与XML
    • 5.3 Ajax与JSON
  • 6 HTML5
    • 6.1 新特性
    • 6.2 Canvas
    • 6.3 多媒体
  • 7 jQuery
    • 7.1 jQuery基础
    • 7.2 jQuery方法
    • 7.3 jQuery动画
    • 7.4 jQuery与Ajax
  • 8 实践部分
    • 8.1 HTML实验
    • 8.2 CSS实验
    • 8.3 JavaScript实验
    • 8.4 Ajax实验
    • 8.5 jQuery实验
    • 8.6 HTML5实验
    • 8.7 综合实训
  • 9 工程素养
    • 9.1 法律法规
    • 9.2 行业标准
    • 9.3 道德规范
综合实训

实验目的

1. 练习使用HTML制作网页结构;

2. 使用CSS样式表对web网站进行装饰;

3. 使用JavaScript增加网页的互动性;

4. 练习将HML、CSS、JavaScript进行结合对网站进行开发;

5. 练习使用Ajax和jQuery技术增强网页功能;

6. 设计一个综合性的网站,熟练地将web前端技术的知识应用在网页设计中。

实验要求

1. 综合性实验要求每人单独一组;

2. 完成的作品需包含web前端开发技术的主要知识;

3. 在网页设计中需要使用到HTML、CSS、JavaScript以及Ajax和JQuery等技术;

4. 实验具体成果类型不限,但是工作量不得低于给出的参考题目;

5. 所使用的技术必须涉及到所学七个模块的知识;

6. 独立完成实验报告,不得抄袭。


实验内容

(1)在线音乐播放器

(2)可自拟题目(建议参加“同心战疫,命运与共”网页设计与制作大赛)