HTML 5+CSS 3+JavaScript基础开发

HTML 5+CSS 3+JavaScript基础开发

课程简介

首先讲解了HTML 5、CSS 3、文本、列表、页面布局等Web前端开发的语言基础知识，然后深入介绍了JavaScript语言基础、开发应用、对象与数组、函数与闭包以及人机交互等核心运用。在实践环节不仅讲述了Web前端开发在金融理财、移动互联网、电子商务等行业的应用，还介绍了其在企业门户网站、游戏大厅网站以及App等大型项目中的应用，全面展现了项目开发实践的全过程。

课程目标

本课程的目的是多角度、全方位地帮助学习者快速掌握软件开发技能，构建从书本到社会的就职桥梁，让有志于从事软件开发工作的学习者轻松步入职场。适合希望学习Web开发前端编程语言的初中级程序员和希望精通程序开发的程序员参培。

第1篇 基础知识

HTML 5基础入门

1.1 HTML的基本概念

1.2 HTML 5的优势

解决跨浏览器问题

部分代替了原来的JavaScript

更明确的语义支持

增强了Web应用程序的功能

1.3 编写第一个HTML页面

搭建HTML运行环境

检查浏览器是否支持

编写“hello HTML 5”Web页面

1.4 认识网页与网站

网页与网站的关系

建立网站的一般流程

HTML 5文档基本结构

2.1 HTML 5文档构成

2.2 HTML 5的语法变化

2.3 HTML 5标签、元素及属性

2.4 HTML 5文档头部标签

2.5 <meta>标签

2.6 页面注释标签

2.7 标题标签、换行标签及不换行标签

2.8 段落标签、换行标签及不换行标签

2.9 其他标签

第3章 CSS 3基础入门

3.1 CSS概述

3.2 CSS 的基本语法

3.3 HTML网页应用CSS样式的方法

3.4 CSS三大特性

3.5 在脚本中修改显示样式

3.6 实践案例——设计登录和注册界面

第4章 CSS 3样式选择器

4.1 选择器分类

4.2 基本选择器

4.3 层次选择器

4.4 动态伪类选择器

4.5 CSS 3新增的伪类选择器

4.6 属性选择器

4.7 实践案例——制作404页面

第5章 使用并美化网页文本

5.1 设置网页文本字体

5.2 设置网页文本的缩进和间距

5.3 设置网页文本的对齐方式

5.4 CSS 3新增的服务器字体

5.5 实践案例——设置简单的文字效果

第6章 使用并美化网页图像

6.1 插入网页图像

6.2 设置网页图像

6.3 设置网页图像样式

6.4 设置网页背景颜色和背景图

6.5 实践案例——独特的瀑布流效果

第2篇 核心应用

第7章 使用并美化网页超链接

7.1 超链接基础

7.2 超链接路径

7.3 定义超链接和热点区域

7.4 定义锚点超链接

7.5 使用CSS样式美化超链接

7.6 实践案例——鼠标指针跟随的超链接

使用并美化网页列表

8.1 列表标签

8.2 列表的常见应用

8.3 设计CSS 3样式美化列表

8.4 实践案例——设计排行榜

第9章 使用并美化表格

9.1 表格的基本结构

9.2 创建网页表格

9.3 表格的边框

9.4 表格背景

9.5 表格的行属性

9.6 单元格属性

9.7 使用CSS样式美化表格

9.8 实践案例

第10章 使用并美化表单

10.1 表单的基本结构

10.2 表单及表单控件

10.3 HTML 5新增的表单元素

10.4 HTML 5新增的表单属性

10.5 HTML 5新增的客户端校验

10.6 实践案例——设计美化搜索页面

第11章 Web标准与网页布局

11.1 Web标准与CSS布局

11.2 网页排版

11.3 CSS定位

11.4 浮动布局及浮动嵌套

11.5 案例实战

第12章 CSS 3盒子模型与页面布局

12.1 认识盒子模型

12.2 添加盒阴影

12.3 布局的相关属性

12.4 设置多列显示样式

12.5 使用弹性盒布局

12.6 实践案例

第13章 使用网页动画效果

13.1 定义2D变形动画

13.2 自定义2D变换

13.3 CSS 3 3D变换动画

13.4 CSS 3平滑过渡动画

13.5 CSS 3帧动画

13.6 实践案例

第3篇 核心技术

第14章 JavaScript基础

14.1 JavaScript概述

14.2 网页中的JavaScript

14.3 变量

14.4 数据类型

14.5 运算符

14.6 运算符优先级

14.7 表达式语句

14.8 条件判断语句

14.9 循环语句

14.10 跳转语句

14.11 九九乘法表

14.12 计算借贷支出金额

第15章 JavaScript开发应用工具

15.1 JavaScript的编写工具

15.2 JavaScript常用的开发工具

15.3 JavaScript常用的调试工具

JavaScript对象与数组

16.1 创建对象的方法

16.2 常用内置对象

16.3 对象访问语句

16.4 对象序列化

16.5 创建对象的常用模式

16.6 数组对象

16.7 数组方法

16.8 经典案例——制作二级关联菜单

第17章 JavaScript函数与闭包

17.1 函数是什么

17.2 定义函数

17.3 函数的调用

17.4 内置常规函数

17.5 JavaScript特殊函数

17.6 JavaScript的闭包

17.7 回调函数设计模式

17.8 制作伸缩两级菜单

第18章 JavaScript窗口与人机交互对话框

18.1 window对象

18.2 打开与关闭窗口

18.3 操作窗口对象

18.4 获取窗口历史记录

18.5 窗口定时器

18.6 JavaScript对话框

18.7 调用对话框

18.8 其他

18.9 制作询问式对话框

第4篇 高级应用

第19章 文档对象与对象模型

19.1 熟悉文档对象

19.2 使用文档对象

19.3 DOM及DOM技术简介

19.4 DOM模型中的节点

19.5 操作DOM中的节点

19.6 使用非标准DOM innerHTML属性

19.7 DOM与CSS

19.8 制作树形导航菜单