# teachCloud-Web

**Repository Path**: big_face_cat__29/teach-cloud-web

## Basic Information

- **Project Name**: teachCloud-Web
- **Description**: 教研云平台课程研发-Web前端实践和技术
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-01-25
- **Last Updated**: 2023-07-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# web前端技术和实践

## 导论课

### 课程导论

## 第一章：Web前端开发基础

### 1.Web的基本概念

- 1.1 什么是Web

- 1.2 Web的发展历程

- 1.3 Web的关键技术

- 1.4 Web行业应用案例

### 2.HTML的基本概念

- 2.1 HTML简介
- 2.2 网页的构成
- 2.3 HTML的基本结构

### 3.开发工具安装与使用

- 3.1 HBuilderX介绍
- 3.2 HBuilderX安装
- 3.2 浏览器介绍

### 4.第一个网页

- 4.1 使用记事本编写网页

- 4.2 使用HBuilderX编写网页

### 5.HTML基础

- 5.1 HTML 文档头部元素介绍
- 5.2 meta标签
- 5.3 HTML 的注释

- 5.4 HTML 语法特性
- 5.5 HTML 标签及属性
- 5.6 HTML 的图片标签
- 5.7 HTML 的超链接

## 第二章：HTML

### 1.列表

- #### 2.1有序列表

	- <ol><li></li></ol>

- #### 2.2无序列表

	- <ul><li></li></ul>

- #### 2.3自定义列表

	- <dl><dt></dt> </dl>

### 2.表格

- 3.1 table标签
- 3.2 tr标签
- 3.3 td标签
- 3.4 主要属性
- 3.5 表格实践

### 3.div和span标签

- 3.1 div标签
- 3.2 span标签

###  4.表单

- 4.1 表单的功能
- 4.2 表单的语法
- 4.3 input 标签
- 4.4 select下拉列表
- 4.5 textarea文本域
- 4.6 label标签

### 5.HTML杂项

- 5.2HTML 的字符实体
- 5.3HTML语义化标签


## 第三章HTML5基础
### 3.HTML5

- #### 3.1HTML5概述
	
	- ##### 4.1.1HTML5的基本概念
	- ##### 4.1.2HTML5与HTML4的主要区别
	
- #### 3.2HTML5新增语义化标签
	
	- ##### 3.3.1header定义文档或节的页眉
	- 3.3.2nav定义导航链接的容器
	- 3.3.3section定义文档中的节
	- 3.3.4article定义独立的自包含文章
	- 3.3.5aside定义内容之外的内容（比如侧栏）
	- 3.3.6footer定义文档或节的页脚
	- 3.3.7details定义额外的细节
	- 3.3.8summary定义 details 元素的标题
	
- ####3.3Canvas
	
	- 3.3.1Canvas的基本概念
	- 3.3.2Canvas图形绘制
	
- 3.4多媒体与本地存储
	
	- 3.4.1音视频的播放标签
	- 3.4.5HTML5本地存储
## 第四章CSS基础

### 4.1CSS基本概念

- 4.1.1CSS概述
- 4.1.2CSS基本语法

### 4.2层叠性与继承性

- 4.2.1层叠性
- 4.2.2继承性

### 4.3Css常用属性

- 4.3.1各种选择器

	-4.3.1.1 基础选择器

		- id选择器
		- 类选择器
		- 标签选择器

	- 4.3.1.2高级选择器

		- 后代选择器
		- 选择器分组
		- 属性选择器

- 4.3.2文字文本样式

- 4.3.3CSS盒子模型

- 4.3.4边框属性

### 4.4盒模型
## 第五章：CSS3高级


- ### css三角
- ### 精灵图
- ### 过度
- ### 动画
- ### 转换
- ### 媒体查询
- ### CSS3新增属性及选择器

	- CSS3常见新增属性
	- CSS3常见新增选择器
## 第六章：网页常见三种布局

### 6.1相对定位

#### 6.1.1position属性

#### 6.1.2相对定位的概念

#### 6.1.3相对定位不脱离标准流

#### 6.1.4相对定位的作用

### 6.2浮动

#### 6.2.1浮动简要介绍

#### 6.2.2浮动元素脱离标准流

#### 6.2.3浮动元素相互靠近

#### 6.2.4浮动元素的文字包围效果

#### 6.2.5浮动元素的收缩效果

#### 6.2.6浮动的清除

##### 6.2.6.1浮动的影响

##### 6.2.6.2清除浮动方法一：给祖先元素加上高度

##### 6.2.6.3清除浮动方法二：clear属性

##### 6.2.6.4清除浮动方法三：添加空元素

##### 6.2.6.5清除浮动方法四：overflow属性

### 6.3Flex布局

#### 6.3.1布局原理

#### 6.3.2flex布局父项常见属性

#### 6.3.3flex布局子项常见属性

## 第七章：JavaScript

### 7.1JS的基本概念

        - JavaScript的概念
        - JavaScript的作用
        - JavaScript的历史
        - JavaScript特性
        - JavaScript与HTML、CSS的关系
        - JavaScript的引入

### 7.2基础语法
        - JavaScript变量
        - JavaScript数据类型
        - JavaScript运算符
        - JavaScript简单类型转换
        - JavaScript流控制语句
        - JavaScript函数
        - JavaScript匿名函数
        - JavaScript命名空间
        - JavaScript作用域

### 7.3DOM编程

### 7.4事件绑定
        - 事件的概念
        - 事件的绑定
        - 定时器

## 第八章：小米官网综合项目

*XMind - Trial Version*