2019学生实训大纲

# 2019年学生Web实训大纲

## 目的

1. 制作一个仿bootstrap官网的静态页面

2. 掌握html,css基础知识，初步认识js

3. 了解当今阶段互联网公司的日常工作，职业规划

## 课程安排

### 第一天

#### 上午

1. 介绍课程内容与目的

2. 教学生如何搭建开发环境

下载浏览器chrome与vscode编辑器并指导学生安装(这里用一台学生或者他人的电脑带领学生从零开始安装)

3. 介绍html是什么,并如何创建一个html文件

#### 下午

4. 介绍html常用标签并教会学生使用:

    * h1~h6

    * div

    * p

    * span

    * a

    * ul ，li

    * img

### 第二天

#### 上午

1. 介绍css是什么，css文件3种引入的方法

2. 初步感受css的魅力

    主要介绍css常用的属性

    这里不方便一一列举

#### 下午

1. 知识回顾与总结(由于学生的基础不同，所以想的是尽可能的让学生掌握知识)

2. 重点:**讲解html标签中块级元素，行内元素的特征**

### 第三天

#### 上午

    讲解css的3种定位，浮动及其原理

#### 下午

1. BFC的三种特征

    高度坍塌

    边距重叠

2. 知识点回顾与总结

3. 拓展IFC

### 第四天

在前3天，学生的基础知识再加上平时课堂上的练习与操作已经够用，正式开始项目讲解

1. bootstrap网页布局的技巧

2. 带领学生完成网页布局

### 第五天

#### 上午

查看学生学习中是否有知识点遗漏与任务是否完成

#### 下午(闲聊)

讲解学生期间应该如何去学习知识与技能

以及职业规划讲解