零基础学 HTML5+CSS3 全彩版 明日科技 编著

第1章 基础知识

1.1 HTML概述

  • 1.1.1 什么是HTML
  • 1.1.2 HTML的发展历程

1.2 HTML文件的基本结构

  • 1.2.1 HTML的基本结构
  • 1.2.2 HTML的基本标记

1.3 编写第一个HTML文件

  • 1.3.1 HTML文件的编写方法
  • 1.3.2 手工编写页面
  • 1.3.3 使用可视化软件WebStorm制作页面

1.4 难点解答

  • 1.4.1 HTML文件中注释的种类
  • 1.4.2 topmargin属性和margin-top属性的区别

1.5 小结

1.6 动手纠错

第2章 文本

2.1 标题

  • 2.1.1 标题标记
  • 2.1.2 标题的对齐方式

2.2 文字

  • 2.2.1 文字的斜体、下划线、删除线
  • 2.2.2 文字的上标与下标
  • 2.2.3 特殊文字符号

2.3 段落

  • 2.3.1 段落标记
  • 2.3.2 段落的换行标记
  • 2.3.3 段落的原格式标记

2.4 水平线

  • 2.4.1 水平线标记
  • 2.4.2 水平线标记的宽度

2.5 难点解答

  • 2.5.1 可以使用<font>标记设置文字的字体和颜色吗?
  • 2.5.2 大写的<H1>标记和小写的<h1>标记有区别吗?

2.6 小结

2.7 动手纠错

第3章 图像与超链接

3.1 添加图像

  • 3.1.1 图像的基本格式
  • 3.1.2 添加图像

3.2 设置图像属性

  • 3.2.1 图像的大小与边框
  • 3.2.2 图像间距与对齐方式
  • 3.2.3 替换文本与提示文字

3.3 链接标记

  • 3.3.1 文本标签
  • 3.3.2 书签链接

3.4 图像的超链接

  • 3.4.1 图像的超链接
  • 3.4.2 图像热区链接

3.5 难点解答

  • 3.5.1 单击超链接时,页面显示找不到页面
  • 3.5.2 为图片添加了热区链接,但是单击链接位置并没有跳转页面

3.6 小结

3.7 动手纠错

第4章 CSS3 概述

4.1 CSS3概述

  • 4.1.1 CSS的发展史
  • 4.1.2 一个简单的CSS示例

4.2 CSS3中的选择器

  • 4.2.1 属性选择器
  • 4.2.2 类和ID选择器
  • 4.2.3 伪类和伪元素选择器
  • 4.2.4 其他选择器

4.3 常用属性

  • 4.3.1 文本相关属性
  • 4.3.2 背景相关属性
  • 4.3.3 列表相关属性

4.4 难点解答

  • 4.4.1 类和ID选择器是不是用的越多越好?
  • 4.4.2 背景图片无法正常显示

4.5 小结

4.6 动手纠错

第5章 CSS3高级应用

5.1 框模型

  • 5.1.1 外边距margin
  • 5.1.2 内边距padding
  • 5.1.3 边框border

5.2 布局常用属性

  • 5.2.1 浮动
  • 5.2.2 定位相关属性

5.3 动画与特效

  • 5.3.1 变换(transform)
  • 5.3.2 过渡(transition)
  • 5.3.3 动画(animation)

5.4 难点解答

  • 5.4.1 设置了浮动效果,可是元素”岿然不动“?
  • 5.4.2 动画无法正常播放

5.5 小结

5.6 动手纠错

第6章 表格与<div>标记

6.1 简单表格

  • 6.1.1 简单的表格制作
  • 6.1.2 表头的设置

6.2 表格的高级应用

  • 6.2.1 表格的样式
  • 6.2.2 表格的合并
  • 6.2.3 表格的分组

6.3  <div>标记

  • 6.3.1 <div>标记的介绍
  • 6.3.2 <div>标记的应用

6.4 <span>标记

  • 6.4.1 <span>标记的介绍
  • 6.4.2 <span>标记的应用

6.5 难点解答

  • 6.5.1 有必要使用<th>表格标记吗?用<tr>标记替换不也一样吗?
  • 6.5.2 <div>标记与<span>标记有什么区别?

6.6 小结

6.7 动手纠错

第7章 列表

7.1 列表的标记

7.2 无序列表

  • 7.2.1 无序列表标记
  • 7.2.2 无序列表属性

7.3 有序列表

  • 7.3.1 有序列表标记
  • 7.3.2 有序列表属性

7.4 列表的嵌套

  • 7.4.1 定义列表的嵌套
  • 7.4.2 无序列表和有序列表的嵌套

7.5 小结

7.6 动手纠错

第8章 表单

8.1 表单概述

  • 8.1.1 概述
  • 8.1.2 表单标记<form>

8.2 输入标记

  • 8.2.1 文本框
  • 8.2.2 单选按钮和复选框
  • 8.2.3 按钮
  • 8.2.4 文件域和图像域

8.3 文本域和列表

  • 8.3.1 文本域
  • 8.3.2 列表/菜单

8.4 难点解答

  • 8.4.1 单行文本框与文本域的区别?
  • 8.4.2 文件域控件上显示的文字“选择文件”能否改为其他文字?

8.5 小结

8.6 纠错

第9章 多媒体

9.1 HTML5多媒体的简述

  • 9.1.1 HTML4中多媒体的应用
  • 9.1.2 HTML5页面中的多媒体

9.2 多媒体元素基本属性

9.3 多媒体元素常用方法

  • 9.3.1 媒体播放时的方法
  • 9.3.2 canPlayType(type)的方法

9.4 多媒体元素重要事件

  • 9.4.1 事件处理方式
  • 9.4.2 事件介绍
  • 9.4.3 事件实例

9.5 难点解答

  • 9.5.1 <source>标记有哪些重要属性?
  • 9.5.2 如何运用controls属性、width属性和height属性?

9.6 小结

9.7 动手纠错

第2篇 核心技术

第10章 HTML5新特性

10.1 谁在开发HTML5

10.2 HTML5的新特性

10.3 HTML5与HTML4de区别

  • 10.3.1 HTML5的语法变化
  • 10.3.2 HTML5中的标记方法
  • 10.3.3 HTML5语法中需要掌握的几个要点

10.4 新增和废除的元素

  • 10.4.1 新增的结构元素
  • 10.4.2 新增的块级(block)的语义元素
  • 10.4.3 新增的行内(inline)语义元素
  • 10.4.4 新增的嵌入多媒体元素与交互性元素
  • 10.4.5 新增的input元素的类型
  • 10.4.6 废除的元素

10.5 新增的属性和废除的属性

  • 10.5.1 新增的属性
  • 10.5.2 废除的属性

10.6 难点解答

  • 10.6.1 在HTML5中设置字符编码注意事项?
  • 10.6.2 可以省略标记的元素有哪些?

10.7 小结

10.8 动手纠错

第11章 JavaScript基础

11.1 JavaScript概述

  • 11.1.1 JavaScript发展史
  • 11.1.2 JavaScript在HTML中的使用

11.2 JavaScript语言基础

  • 11.2.1 数据类型
  • 11.2.2 运算符
  • 11.2.3 流程控制

11.3 JavaScript对象编程

  • 11.3.1 Windows窗口对象
  • 11.3.2 Document文档对象

11.4 JavaScript事件处理

  • 11.4.1 鼠标键盘事件
  • 11.4.2 页面事件

11.5 难点解答

  • 11.5.1 如何分别在JavaScript中和HTML5中调用事件处理程序?
  • 11.5.2 如何在JavaScript中验证表单数据?

11.6 小结

11.7 动手纠错

第12章 绘制图形

12.1 认识HTML5中的画布Canvas

  • 12.1.1 Canvas概述
  • 12.1.2 使用Canvas绘制矩形

12.2 绘制基本图形

  • 12.1.1 绘制直线
  • 12.1.2 绘制曲线
  • 12.1.3 绘制圆形

12.3 绘制变形图形

  • 12.3.1 绘制平移效果的图形
  • 12.3.2 绘制缩放效果的图形
  • 12.3.3 绘制旋转效果的图形

12.4 绘制文字

  • 12.4.1 绘制轮廓文字
  • 12.4.2 绘制填充文字
  • 12.4.3 文字相关属性

12.5 疑难解答

  • 12.5.1 beginPath()和closePath()的使用?
  • 12.5.2 绘制平移缩放和旋转效果图形时需要注意什么?

12.6 小结

12.7 动手纠错

第13章 文件与拖放

13.1 选择文件

  • 13.1.1 通过file对象选择文件
  • 13.1.2 使用Blob对象获取文件的类型与大小

13.2 读取文件

  • 13.2.1 FileReader接口的方法以及事件
  • 13.2.2 使用readAsDataURL方法预览图片
  • 13.2.3 使用readAsText方法读取文本文件

13.3 拖放文件

  • 13.3.1 拖放页面元素
  • 13.3.2 DataTransfer对象的属性与方法
  • 13.3.3 使用effectAllowed和dropEffect属性设置拖放效果

13.4 疑难解答

  • 13.4.1 FileReader接口中的事件执行时有顺序吗?
  • 13.4.2 实现拖放功能时,每个拖放相关的事件都要编写吗?

13.5 小结

13.6 动手纠错

第3篇 高级应用

第14章 离线Web应用程序

14.1 离线Web应用介绍

  • 14.1.1 离线web应用
  • 14.1.2 应用缓存技术

14.2 创建离线应用

  • 14.2.1 缓存清单
  • 14.2.2 applicationCache对象
  • 14.2.3 applicationCache对象的事件

14.3 难点解答

  • 14.3.1 本地缓存与浏览器页面缓存的区别?
  • 14.3.2 Internet临时保存功能可以指定保存特定类型的文件吗?

14.4 小结

14.5 动手纠错

第15章 使用Web Worker处理线程

15.1 Web Worker概述

  • 15.1.1 创建和使用Worker
  • 15.1.2 Worker对象处理线程

15.2 线程中可用的对象和方法

15.3 多个JavaScript文件的加载与执行

15.4 线程嵌套

  • 15.4.1 使用线程的单层嵌套
  • 15.4.2 使用线程嵌套交互数据

15.5 难点解答

  • 15.5.1 如何使用API创建Worker,如何实现多个子进程之间的交互?
  • 15.5.2 Worker对象的onmessage事件有什么作用?

15.6 小结

15.7 动手纠错

第16章 Web服务器通信

16.1 WebSocket通信

  • 16.1.1 WebSocketAPI介绍
  • 16.1.2 HTTP通信和WebSocket通信比较

16.2 跨文档消息传输

  • 16.2.1 使用postMessageAPI
  • 16.2.2 跨文档消息传输流程

16.3 小结

第17章 本地存储数据

17.1 初识Web Storage

  • 17.1.1 Web Storage概述
  • 17.1.2 Web Storage中API的使用

17.2 本地数据库

  • 17.2.1 Web SQL数据库概述
  • 17.2.2 Web SQL Database中API的使用

17.3 疑难解答

  • 17.3.1 sessionStorage、localStorage与web SQL的异同?
  • 17.3.2 本地存储等于离线缓存吗?

17.4 小结

17.5 动手纠错

第18章 响应式网页设计

18.1 概述

18.1.1 响应式网页设计的概念

18.1.2 响应式网页设计的优缺点和技术原理

18.2 像素和屏幕分辨率

  • 18.2.1 像素和屏幕分辨率
  • 18.2.2 设备像素和CSS像素

18.3 视口

  • 18.3.1 视口
  • 18.3.2 视口的常用属性
  • 18.3.3 媒体查询

18.4 响应式网页的布局设计

  • 18.4.1 常用布局类型
  • 18.4.2 布局的实现方式
  • 18.4.3 响应式布局的设计与实现

18.5 小结

第19章 响应式组件

19.1 响应式图片

  • 19.1.1 方法1:使用<picture>标记
  • 19.1.2 方法2:使用CSS图片

19.2 响应式视频

  • 19.2.1 方法1:使用<meta>标记
  • 19.2.2 方法2:使用HTML5手机播放器

19.3 响应式导航菜单

  • 19.3.1 方法1:CSS3响应式菜单
  • 19.3.2 方法2:JavaScript响应式菜单

19.4 响应式表格

  • 19.4.1 方法1:隐藏表格中的列
  • 19.4.2 方法2:滚动表格中的列
  • 19.4.3 方法3:转换表格中的列

19.5 小结

19.6 动手纠错

第4篇 项目实战

第20章 51购商城

20.1 项目的设计思路

  • 20.1.1 项目概述
  • 20.1.2 界面预览
  • 20.1.3 功能结构
  • 20.1.4 文件夹组织结构

20.2 主页的设计与实现

  • 20.2.1 主页的设计
  • 20.2.2 顶部区和底部区功能的实现
  • 20.2.3 商品分类导航功能的实现
  • 20.2.4 轮播图功能的实现
  • 20.2.6 适配移动端的实现

20.3 商品列表页面的设计与实现

  • 20.3.1 商品列表页面的设计
  • 20.3.2 分类选项功能的实现
  • 20.3.3 商品列表区的实现

20.4 商品详情页面的设计与实现

  • 20.4.1 商品详情页面的设计
  • 20.4.2 商品概要功能的实现
  • 20.4.3 商品品评功能的实现
  • 20.4.4 猜你喜欢功能的实现

20.5 购物车页面的设计与实现

  • 20.5.1 购物车页面的设计
  • 20.5.2 购物车页面的实现

20.6 付款页面的设计与实现

  • 20.6.1 付款页面的设计
  • 20.6.2 付款页面的实现

20.7 登录注册页面的设计与实现

  • 20.7.1 登录注册页面的设计
  • 20.7.2 登录页面的实现
  • 20.7.3 注册页面的实现

20.8 小结

上一篇:zabbix配置文件详解


下一篇:SQL数据库基本操作语句