目录

  • 1 HTML(4学时)
    • 1.1 实验目的和要求
    • 1.2 题目1:个性化网站设计
    • 1.3 题目1-9:百度搜索
    • 1.4 题目1-10:百度图库搜索
  • 2 CSS(4学时)
    • 2.1 实验目的和要求
    • 2.2 题目1:小米扫码
    • 2.3 题目2:仿写微信导航栏
    • 2.4 选修:保卫钓鱼岛
    • 2.5 选修:CSS3动画
  • 3 JavaScript(6学时)
    • 3.1 实验目的和要求
    • 3.2 题目1:多彩网页时钟
    • 3.3 题目2:金额转换
    • 3.4 题目3:计算器
    • 3.5 题目4:表单验证
    • 3.6 题目5:动态相册
  • 4 Ajax(4学时)
    • 4.1 实验目的和要求
    • 4.2 题目1:TXT数据请求
    • 4.3 题目2:XML数据请求
    • 4.4 题目3:JSON数据请求
    • 4.5 选做:多级下拉列表
  • 5 jQuery(4学时)
    • 5.1 实验目的和要求
    • 5.2 题目1:实现按钮点击
    • 5.3 题目2:十大名画
    • 5.4 选做:jQuery动画
  • 6 HTML5(2学时)
    • 6.1 实验目的和要求
    • 6.2 题目1:新元素练习
    • 6.3 题目2:绘制五星红旗
    • 6.4 题目3:简易播放器
  • 7 自律思政专题
    • 7.1 法律法规
    • 7.2 行业标准
    • 7.3 道德规范
实验目的和要求

实验目的

  1. 熟悉HTML5表单标记以及新增常用标签;

  2. 能够熟练使用新增表单标记,并能够设置获取控件值;

  3. 学会使用新的HTML相关属性增加表单的功能;

  4. 掌握canvas绘图方法;

  5. 熟悉HTML5多媒体标签以及常用事件;

  6. 能够使用事件监听以及事件处理实现多媒体播放器。

实验要求

  1. 在HTML5 网页练习中需要将所学的所有新增表单元素以及新增标签应用到网页中,网页设计具体样式不限;

  2. 在网页中添加一个画布,并且在画布中绘制出基本图形;

  3. 在网页中添加多媒体元素,并且能对多媒体元素进行播放控制;

  4. 部分实验题目可以自拟,但是知识技能点必须完成;

  5. 独立完成实验,禁止抄袭。


实验内容

  1. 练习HTML5新标签和新属性;

  2. 在画布中绘制中国国旗;

  3. 实现建议视频播放器。

课程思政(职业道德)

  1. 具有版权意识,不侵权;

  2. 所引用的音频和视频应当遵守著作权法等相关法律法规;

  3. 在网页设计中应该注重数据安全和校验。