# 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. 带领学生完成网页布局
### 第五天
#### 上午
查看学生学习中是否有知识点遗漏与任务是否完成
#### 下午(闲聊)
讲解学生期间应该如何去学习知识与技能
以及职业规划讲解
