课程门户-章节详情

Web前端开发（初级）

丁银军

模块一 HTML介绍
- ● 一、HTML语法规范
- ● 二、HTML基本结构标签
- ● 三、常用开发工具
- ● 四、HTML标签（元素）
  - ● （一）文本标签
    - ● 1. 文本标签
    - ● 2. 段落标签
    - ● 3. 标题标签
  - ● （二）多媒体标签
    - ● 1. 图像标签
    - ● 2. 超链接标签
  - ● （三）列表标签
    - ● 1. 无序列表
    - ● 2. 有序列表
    - ● 3. 自定义列表
    - ● 4. 列表标签总结
  - ● （四）表格标签
    - ● 1. 表格的主要作用
    - ● 2. 表格标签的语法格式
    - ● 3. 表头单元格标签
    - ● 4. 表格相关属性
    - ● 5. 表格结构标签
    - ● 6. 合并单元格
    - ● 7. 表格总结
  - ● （五）表单标签
    - ● 1. 为什么需要表单
    - ● 2. 表单的组成
    - ● 3. 表单域
    - ● 4. 表单控件（表单元素）
    - ● 5. 表单元素总结
  - ● （六）注释标签和特殊标签
模块二 CSS介绍
- ● 一、什么是CSS
  - ● （一）HTML的局限性
  - ● （二）CSS含义
  - ● （三）CSS语法规范
- ● 二、CSS选择器
  - ● （一）基础选择器
    - ● 1. 标签选择器
    - ● 2. 类选择器
    - ● 3. ID选择器
    - ● 4. 通配符选择器
    - ● 5. 基础选择器总结
  - ● （二）复合选择器
    - ● 1. 后代选择器（重要）
    - ● 2. 子元素选择器（重要）
    - ● 3. 伪类选择器
- ● 三、CSS引入方式
  - ● （一）行内样式表
  - ● （二）内部样式表
  - ● （三）外部样式表
  - ● （四）CSS引入方式总结
- ● 四、CSS的三大特性
  - ● （一）层叠性
  - ● （二）继承性
  - ● （三）优先级
- ● 五、CSS属性
  - ● （一）CSS背景属性
    - ● 1. 背景颜色
    - ● 2. 背景图片
    - ● 3. 背景平铺
    - ● 4. 背景图片位置
    - ● 5. 背景图像固定
    - ● 6. 背景属性复合写法
    - ● 7. 背景颜色半透明
    - ● 8. 背景总结
  - ● （二）CSS字体属性
    - ● 1. 字体系列
    - ● 2. 字体大小
    - ● 3. 字体粗细
    - ● 4. 字体样式
    - ● 5. font复合属性写法
    - ● 6. 字体属性总结
  - ● （三）CSS文本属性
    - ● 1. 文本颜色
    - ● 2. 文本对齐方式
    - ● 3. 文本装饰
    - ● 4. 文本缩进
    - ● 5. 文本行间距
    - ● 6. CSS文本属性总结
  - ● （四）CSS盒子模型
    - ● 1. 边框（border）
    - ● 2. 表格的细线边框
    - ● 3. 边框会影响盒子的实际大小
  - ● （五）CSS边距设置
    - ● 1. 内边距
    - ● 2. 外边距
    - ● 3. 清除内外边距
  - ● （六）CSS布局属性
    - ● 1. 浮动
    - ● 2. 清除浮动
    - ● 3. 定位
模块三 HTML5+CSS3
- ● 一、学习HTML5基础
  - ● 1. 学习HTML5基础
  - ● 2. 制作HTML5百科页面
  - ● HTML5新元素
  - ● 3.小测验
- ● 二、HTML5页面元素及属性
  - ● 1. 学习HTML5页面元素及属性
  - ● 2. 制作电影影评网
  - ● 3.小测验
- ● 三、CSS3基础
  - ● 1. 学习CSS3基础
  - ● 2. 制作服装推广软文
  - ● 3.小测验
- ● 四、CSS3选择器
  - ● 1. 学习CSS3选择器
  - ● 2.制作网页设计软件列表
  - ● 3.小测验
- ● 五、CSS盒子模型
  - ● 1. 学习CSS盒子模型
  - ● 2. 制作音乐排行榜
  - ● 3.小测验
- ● 六、浮动与定位
  - ● 1. 学习浮动与定位
  - ● 2. 制作网页焦点图
  - ● 3.小测验
- ● 七、表单的应用
  - ● 1. 学习表单的应用
  - ● 2. 制作信息登记表
  - ● 3.小测验
- ● 八、多媒体技术
  - ● 1. 学习多媒体技术
  - ● 2. 制作音乐播放界面
  - ● 3.小测验
- ● 九、CSS3高级应用
  - ● 1. 学习CSS3高级应用
  - ● 2. 制作工作日天气预报
  - ● 3.小测验
- ● 综合项目制作
  - ● 案例一：移动电商平台系统
    - ● 1. HTML构建文本类页面
    - ● 1. 操作视频（aboutUs.html）
    - ● 2. HTML构建图文并茂类页面
    - ● 2. 操作视频（guide.html）
    - ● 3. 用表格呈现数据
    - ● 3. 操作视频（cardMemberLevel.html）
    - ● 4. 制作表单类页面
    - ● 4. 操作视频（feedback.html）
    - ● 5. 超链接
    - ● 5. 关于锚点链接
    - ● 5.操作视频（重点是锚点链接）
    - ● 6.小测验
  - ● 实战开发--制作电商网站首页
    - ● 页面效果展示
    - ● 所需素材
    - ● 页面效果
    - ● 操作步骤介绍
    - ● 演示步骤1
    - ● 演示步骤2
    - ● 演示步骤3
    - ● 演示步骤4
模块四 JavaScript程序设计
- ● JavaScript的简介
  - ● 测验
- ● JavaScript基本语法
  - ● 变量
  - ● 数据类型
  - ● 流程控制
  - ● 测验
- ● JavaScript数组介绍
  - ● 数组的概念
  - ● 数组的操作
  - ● 测验
- ● 函数介绍
  - ● 函数定义
  - ● 回调函数
  - ● 测验
- ● 对象
  - ● 对象的特征
  - ● 构造函数和内置函数
    - ● JavaScript内置对象
  - ● 测验
- ● BOM教学
  - ● window对象
  - ● location对象
  - ● 测验
- ● DOM教学
模块五轻量级框架应用
- ● Jquery基础
  - ● jquery概述
  - ● jquery优点
  - ● jquery下载和使用
  - ● jquery基本用法
  - ● jquery使用方法
  - ● jquery对象和DOM对象
- ● jquery效果
  - ● 方法应用
    - ● contains()
- ● jquery AJAX
  - ● AJAX简介
  - ● AJAX如何工作
  - ● AJAX操作
  - ● AJAX项目
同步课堂（初级证书）
- ● Web前端开发初级知识点讲解
  - ● Web前端开发初级知识点讲解1
  - ● Web前端开发初级知识点讲解2
  - ● Web前端开发初级知识点讲解3
  - ● Web前端开发初级知识点讲解4
  - ● Web前端开发初级知识点讲解5
  - ● Web前端开发初级知识点讲解6
  - ● Web前端开发初级知识点讲解7
  - ● Web前端开发初级知识点讲解8
  - ● Web前端开发初级知识点讲解9
  - ● Web前端开发初级知识点讲解10
学习资料
- ● 案例1
- ● 案例2
- ● 学习资料1
- ● 学习资料2
- ● 学习资料3
- ● 学习资料4
- ● 学习资料5
- ● 学习资料6
- ● 学习资料7
- ● 学习资料8
- ● 学习资料9
- ● 学习资料10
- ● 学习资料11
- ● 学习资料12
- ● 学习资料13
- ● 学习资料14
- ● 学习资料15
- ● 学习资料16
- ● 学习资料17
- ● 学习资料18

四、CSS3选择器

图片预览