Web前端开发

模块一 Web前端开发的准备
任务1.1 Web相关概念
职业能力1.1.1 掌握Web前端开发基本概念
职业能力1.1.2 了解常用Web前端开发工具
模块二 使用HTML5建立网页结构
任务2.1 初识HTML
职业能力2.1.1 HTML基本语法
职业能力2.1.2 HTML的主体元素
任务2.2 HTML常用标签
职业能力2.2.1 文本、图像
职业能力2.2.2 超链接、音频、视频
职业能力2.2.3 列表、表格
职业能力2.2.4 表单
模块三 使用CSS3样式修饰网页
任务3.1 初识CSS
职业能力3.1.1 CSS样式基本语法结构
职业能力3.1.2 CSS的选择器
任务3.2 CSS常用样式
职业能力3.2.1 CSS样式的单位和颜色
职业能力3.2.2 文本与字体样式
职业能力3.2.3 背景样式
职业能力3.2.4 列表样式
职业能力3.2.5 表格样式
任务3.3 定位与布局
职业能力3.3.1 盒子模型
职业能力3.3.2 定位方式
职业能力3.3.3 弹性盒子布局
职业能力3.3.4 响应式布局
任务3.4 CSS3
职业能力3.4.1 边框和阴影
职业能力3.4.2 2D和3D变换
职业能力3.4.3 过渡和动画
模块四 轻量级框架应用
任务4.1 jQuer基础
职业能力4.1.1 在网页中使用JavaScript的语句
职业能力4.1.2 使用BOM对象与浏览器窗 互
职业能力4.1.3 使用DOM对象改变文档对象
职业能力4.1.4 在网页中使用jQuery框架
职业能力4.1.5 使用jQuer在网页中添加事件
任务4.2 jQuery效果
职业能力4.2.1 使用jQuer操作网页样式
职业能力4.2.2 使用jQuer添加动画
任务4.3 jQueryAJAX
职业能力4.3.1 在网页中使用AJAX
模块五 响应式开发技术
任务5.1 Bootstrap基本架构
职业能力5.1.1 在页面中引入Bootstrap
职业能力5.1.2 使用Bootstrap的栅格系统搭建网页结构
任务5.2 Bootstrap样式
职业能力5.2.1 使用Bootstrap的文本与颜色样式