2020Web前端开发技术

兰全祥

目录

  • 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 HTML5实验
    • 8.6 jQuery实验
    • 8.7 综合实训
Canvas
  • 1 学习任务及文档
  • 2 Canvas绘图
  • 3 绘制常用图形
  • 4 线性渐变
  • 5 放射性渐变
  • 6 绘制图像
  • 7 学习检测

学习目标

一、学习指南

1、学习主题：canvas

2、达成目标：

1）能够在网页中添加画布；

2）能够获得画布的画笔，并在画布中进行绘画；

3）掌握一些基本图形的绘制，并掌握常用的绘制属性；

4）能构建出线性渐变和放射性渐变图形；

5）了解图像的绘制以及SVG相关知识。

3、学习方法：

1）查看在线文档：6.2 Canvas。

2）观看在线视频学习。

二、学习任务

1、观看教学录像自学：

1）视频1：Canvas绘图

2）视频2：Canvas绘制基本图形

3）视频3：贝塞尔和 线性渐变色

4）视频4：放射性渐变

5）视频5：图像绘制

6）视频6：绘制星星


2、学习活动与任务：

1）完成学习测试，要求达到80分以上。

2）完成章节作业。

学习资料