基础知识复习

任务一 我的第一个网页

• HTML,CSS和JavaScript
• 网页是什么
• 网页工作原理
• HTML文档结构
• 网页标签释义
• 网页的保存
• 常用标签
• 常用属性

任务二 样式表

• 什么是样式表、CSS的选择符
• CSS常用属性、CSS的选择符（二）
• CSS常用属性（二）

任务三 盒子模型

子任务01：使用盒子对网页进行划分

• 行内元素和块级元素、
• 所谓的“盒子模型”、盒子模型的实现
• 盒子的基本属性
• 盒子的"炫酷"属性

子任务02：应用盒子实现网页布局

• 外部样式表
• 盒子的左右排列
• 盒子的基本布局
• 盒子的布局应用举例

任务三 插入图像与盒子嵌套

子任务02：插入文本

• HTML文本字符与注释标记
• 文本相关标记

子任务03：插入图像

• 插入图像
• 图像样式
• 图文混排

子任务04：盒子的嵌套布局

• 盒子的嵌套布局
• 盒子的嵌套布局（二）
• 盒子的高度塌陷

任务四 导航菜单特效实现

子任务0：自适应网页

• 自适应网页之一
• 自动处理溢出

子任务01：链接与导航

• 超链接标记及属性
• 超链接的伪类
• 基于图片的链接

子任务02：按钮式导航

• 导航条的制作

子任务03：弹出式菜单实现

• 理解盒子定位的概念
• 掌握盒子的显示方式与可见性概念
• 综合应用伪类实现弹出式菜单效果

任务五 列表和表格

子任务01 列表的使用

• 列表的类型和样式
• 列表的实际应用
• 列表的实际应用（二)

子任务02 表格的使用

• 表格的使用
• 表格的实际应用

任务六 表单的制作

子任务01 基本表单的制作

• 表单的基本标记
• 表单的高级标记
• Html5新增类型

任务七 框架的制作

子任务01

• 框架的制作

子任务02

• 框架的实际应用
• 滚动字幕、背景音乐与多媒体

任务八 移动开发框架

子任务01 Bootstrap入门

• 自适应网页之二
• 安装bootstrap
• Bootstrap排版
• Bootstrap网格系统
• 项目实训19

子任务02 Bootstrap进阶

• Bootstrap3 列表
• Bootstrap4 超大屏幕、Bootstrap4 图片、Bootstrap4 列表
• Bootstrap 表单、Bootstrap4 按钮、Bootstrap4 导航
• Bootstrap4 表格、Bootstrap4 创建一个网页

子任务03 Bootstrap案例

https://v4.bootcss.com/docs/4.0/examples/