日期

课程单元

教学内容

目标

案例

第一天

HTML基础

1. 课程计划介绍

2. HTML行业应用背景简介

3. 今日头条案列展示

4. 工具环境安装，所用技术简介

5. HTML基本标签介绍，div, ul,   li, a, img, input等

6. HTML标签属性介绍，id, name, style, src等

7. 实践练习操作

了解课程计划

项目案例简单认知

掌握开发环境安装

掌握HTML基础知识

掌握HTML基本标签，属性

1. 今日头条新闻案例展示

2. 展示介绍每个页面内容

第二天

CSS和JS基础

1. 使用CSS样式的几种引用方式

2. CSS选择器（id，标签，class，组合选择器，伪类，优先级）

3. CSS属性（颜色，背景，文字，边框）

4. Div+CSS布局

5. JS基本语法

6. JS简单的操作DOM和样式

7. 实践练习操作

掌握CSS选择器

掌握常见的CSS属性

掌握基本的布局

掌握JS基本的语法

掌握JS操作DOM的基本方法

1. 今日头条小视频页面开发

第三天

JQuery基础应用

1. HTML，CSS，JS简单回顾复习

2. jQuery介绍

3. jQuery选择器

4. jQuery的DOM操作

5. 操作DOM属性

6. 常用方法介绍

7. 实践练习操作

掌握jQuery选择器

操作DOM方法

操作DOM属性

掌握常用的方法

1. 今日头条我的页面开发

2. 今日头条新闻分类页面开发

第四天

Bootstrap基础

1. Bootstrap简介

2. Bootstrap网格系统

3. Bootstrap容器排版

4. 表单按钮效果设置

5. 弹出框，警告框，按钮，折叠插件

6. 实践练习操作

掌握Bootstrap框架的基础知识

熟练使用Bootstrap布局组件运用

熟练使用Bootstrap CSS基于页面相关设置

1. 今日头条首页开发

2. 搜索以及分类切换

第五天

项目总结

考前辅导

1. 综合复习

2. 今日头条首页开发与页面整合

3. 实践练习操作

4. HTML5技术场景运用展示

5. 考前辅导

复习掌握HTML，CSS，JS，jQuery，Bootstrap

掌握页面跳转及其整合

了解HTML5广大运用空间及行业前景

掌握考试内容

1. 今日头条各个页面整合以及美化

2. 携程国内航线Canvas演示

3. 展会3D场景演示

4. 消消乐游戏演示

5. 水果忍者演示

6. 潘多拉魔盒样式动画演示