HTML+CSS+JavaScript前端开发(慕课版)电子书

内容提要

前言 Foreword

第1章 网页设计基础

1.1 万维网概述

1.2 HTML的概念

1.3 HTML开发组织

1.4 网页设计相关概念

1.4.1 超链接

1.4.2 统一资源定位器

1.4.3 网站

1.4.4 网页

1.4.5 首页

1.5 网页的开发工具和浏览工具

1.5.1 网页开发工具

1.5.2 网页浏览工具

1.5.3 Dreamweaver的使用

1.6 网页制作相关技术

1.6.1 客户端应用技术

1.6.2 服务器端应用技术

小结

习题

第2章 初识HTML

2.1 HTML概述

2.1.1 HTML发展历史

2.1.2 HTML文件基本结构

2.1.3 使用Dreamweaver创建一个HTML5页面

2.2 文字标签

2.2.1 显示普通文字

2.2.2 输入特殊符号

2.2.3 标题字标签

2.2.4 修饰文字标签

2.2.5 修饰字体标签

2.3 段落标签

2.3.1 段落标签<p>

2.3.2 取消文字换行标签<nobr>

2.3.3 修饰段落的对齐属性align

2.3.4 保留原始排版标签<pre>

2.4 图片标签与列表标签

2.4.1 插入图片标签<img>

2.4.2 建立有序列表

2.4.3 建立无序列表

2.4.4 建立定义列表

2.5 链接标签

2.5.1 建立文本链接

2.5.2 建立书签链接

小结

上机指导

习题

第3章 HTML中的表格

3.1 绘制表格

3.1.1 设置表格的标题

3.1.2 设置表格的宽度和高度

3.1.3 设置表格的边框色

3.1.4 设置表格的对齐方式

3.1.5 设置表格的背景颜色

3.1.6 设置表格的背景图片

3.2 行标签<tr>的属性

3.2.1 设置行的高度

3.2.2 设置行的边框颜色

3.2.3 设置行的背景颜色

3.2.4 设置行的水平位置

3.2.5 设置行的垂直位置

3.3 单元格标签<td>的属性

3.3.1 设置单元格的大小

3.3.2 设置单元格的水平对齐属性

3.3.3 设置单元格的垂直对齐属性

3.3.4 设置单元格的水平跨度

3.3.5 设置单元格的垂直跨度

3.3.6 设置单元格的背景色

3.3.7 设置单元格的背景图片

3.3.8 单元格属性综合运用

3.4 表头标签<th>的属性

3.5 表格的结构标签

3.5.1 设置表首样式

3.5.2 设置表主体样式

3.5.3 设置表尾样式

小结

上机指导

习题

第4章 使用HTML创建表单

4.1 表单概述

4.2 表单标签<form>

4.2.1 处理程序属性——action

4.2.2 表单名称属性——name

4.2.3 传送方法属性——method

4.2.4 编码方式属性——enctype

4.2.5 目标显示方式属性——target

4.3 输入标签<input>

4.3.1 文本框——text

4.3.2 密码域——password

4.3.3 “单选”按钮——radio

4.3.4 复选框——checkbox

4.3.5 “普通”按钮——button

4.3.6 “提交”按钮——submit

4.3.7 “重置”按钮——reset

4.3.8 图像域——image

4.3.9 隐藏域——hidden

4.3.10 文件域——file

4.4 文本域标签——textarea

4.5 列表/菜单标签

4.6 HTML5新增表单属性

小结

上机指导

习题

第5章 使用图像

5.1 图片的基本格式

5.2 添加图像——img

5.3 设置图像属性

5.3.1 图像高度——height

5.3.2 图像宽度——width

5.3.3 图像边框——border

5.3.4 图像水平间距——hspace

5.3.5 图像垂直间距——vspace

5.3.6 图像相对于文字基准线的对齐方式——align

5.3.7 图像的提示文字——title

5.3.8 图像的替换文字——alt

5.4 使用<img>标签插入avi文件

5.4.1 avi的源文件属性——dynsrc

5.4.2 设定avi文件循环次数属性——loop

5.4.3 设定avi文件播放方式属性——start

5.5 图像的超链接

5.5.1 设置图像的超链接

5.5.2 设置图像热区链接

小结

上机指导

习题

第6章 走进HTML的多媒体世界

6.1 设置滚动文字

6.1.1 滚动文字标签——marquee

6.1.2 滚动方向属性——direction

6.1.3 滚动方式属性——behavior

6.1.4 滚动速度属性——scrollamount

6.1.5 滚动延迟属性——scrolldelay

6.1.6 滚动循环属性——loop

6.1.7 滚动范围属性——width、height

6.1.8 滚动背景颜色属性——bgcolor

6.1.9 滚动空间属性——hspace、vspace

6.2 <audio>标签和<video>标签

6.3 多媒体标签的基本属性及使用

6.3.1 多媒体标签基本属性

6.3.2 使用<audio>标签播放音频

6.3.3 使用<video>标签播放视频

6.3.4 设置背景音乐——bgsound

6.4 多媒体标签的方法

6.5 多媒体标签的事件

6.5.1 事件处理

6.5.2 事件介绍

小结

上机指导

习题

第7章 CSS概述

7.1 CSS的发展史

7.2 CSS3特性

7.3 主流浏览器对CSS的支持

7.4 一个简单的CSS示例

小结

习题

第8章 CSS中的选择器

8.1 选择器概述

8.2 基础选择器

8.2.1 元素选择器

8.2.2 类选择器

8.2.3 ID选择器

8.2.4 属性选择器

8.3 其他选择器

8.3.1 后代选择器

8.3.2 子代选择器

8.3.3 相邻兄弟元素选择器

8.3.4 通用兄弟元素选择器

8.4 伪类选择器及伪元素

8.4.1 伪类选择器

8.4.2 伪元素选择器

小结

上机指导

习题

第9章 CSS常用属性

9.1 文本相关属性

9.1.1 文字

9.1.2 文本

9.1.3 设置超链接样式

9.2 背景相关属性

9.2.1 背景常规属性

9.2.2 CSS3新特性

9.3 列表相关属性

9.4 框模型

9.4.1 概述

9.4.2 内外边距的相关属性

9.4.3 边框

9.5 定位相关属性

9.5.1 概述

9.5.2 设置定位方式

9.5.3 浮动

小结

上机指导

习题

第10章 CSS3中的变形与动画

10.1 2D变换——transform

10.1.1 transform的基本属性值

10.1.2 应用transform属性实现旋转

10.1.3 应用transform属性实现缩放

10.1.4 应用transform属性实现平移

10.1.5 应用transform属性实现倾斜

10.1.6 变形原点

10.2 过渡效果——transition

10.2.1 指定参与过渡的属性

10.2.2 指定过渡的持续时间

10.2.3 指定过渡的延迟时间

10.2.4 指定过渡的动画类型

10.3 动画——Animation

10.3.1 关键帧

10.3.2 动画属性

小结

上机指导

习题

第11章 Java Script概述

11.1 Java Script概貌

11.1.1 Java Script的历史

11.1.2 Java Script的主要特点

11.1.3 Java Script成功案例

11.2 Java Script开发环境要求

11.2.1 硬件要求

11.2.2 软件要求

11.3 Java Script在HTML中的使用

11.3.1 在页面中直接嵌入Java Script

11.3.2 链接外部Java Script

小结

上机指导

习题

第12章 Java Script基础

12.1 Java Script数据结构

12.1.1 标识符

12.1.2 关键字

12.1.3 常量

12.1.4 变量

12.2 数据类型

12.2.1 数字型数据

12.2.2 字符串型数据

12.2.3 布尔型数据

12.2.4 特殊数据类型

12.2.5 数据类型的转换规则

12.3 运算符与表达式

12.3.1 算术运算符

12.3.2 比较运算符

12.3.3 赋值运算符

12.3.4 字符串运算符

12.3.5 布尔运算符

12.3.6 条件运算符

12.3.7 运算符优先级

12.3.8 表达式

12.4 流程控制语句

12.4.1 条件控制语句

12.4.2 循环控制语句

12.4.3 跳转语句

12.5 函数

12.5.1 函数的定义

12.5.2 函数的调用

12.5.3 几种特殊的函数

小结

上机指导

第13章 Java Script对象编程

13.1 Window窗口对象

13.1.1 Window对象

13.1.2 对话框（Dialog）

13.1.3 窗口对象常用操作

13.2 Document文档对象

13.2.1 文档对象概述

13.2.2 文档对象的常用属性、方法与事件

13.2.3 Document对象的应用

13.3 Java Script与表单操作

13.3.1 在Java Script中访问表单

13.3.2 在Java Script中访问表单域

13.3.3 表单的验证

13.4 DOM对象

13.4.1 DOM概述

13.4.2 DOM对象节点属性

13.4.3 节点的几种操作

13.4.4 获取文档中的指定元素

13.4.5 与DHTML相对应的DOM

小结

上机指导

习题

第14章 Java Script中的事件处理

14.1 事件与事件处理概述

14.1.1 事件与事件名称

14.1.2 Java Script的常用事件

14.1.3 事件处理程序的调用

14.2 DOM事件模型

14.2.1 事件流

14.2.2 主流浏览器的事件模型

14.2.3 事件对象

14.2.4 注册与移除事件监听器

14.3 鼠标和键盘事件

14.3.1 鼠标的单击事件

14.3.2 鼠标的按下和松开事件

14.3.3 鼠标的移入和移出事件

14.3.4 鼠标的移动事件

14.3.5 键盘事件的使用

14.4 页面事件

14.4.1 加载与卸载事件

14.4.2 页面的大小事件

14.5 表单事件

14.5.1 获得焦点与失去焦点事件

14.5.2 失去焦点修改事件

14.5.3 表单提交与重置事件

小结

上机指导

习题

第15章 综合项目——51购商城

15.1 项目的设计思路

15.1.1 项目概述

15.1.2 界面预览

15.1.3 功能结构

15.1.4 文件夹组织结构

15.2 主页的设计与实现

15.2.1 主页的设计

15.2.2 顶部区和底部区功能的实现

15.2.3 商品分类导航功能的实现

15.2.4 轮播图功能的实现

15.2.5 商品推荐功能的实现

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

15.3.1 商品列表页面的设计

15.3.2 分类选项功能的实现

15.3.3 商品列表区的实现

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

15.4.1 商品详情页面的设计

15.4.2 商品概要功能的实现

15.4.3 商品评价功能的实现

15.4.4 猜你喜欢功能的实现

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

15.5.1 购物车页面的设计

15.5.2 购物车页面的实现

15.6 付款页面的设计与实现

15.6.1 付款页面的设计

15.6.2 付款页面的实现

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

15.7.1 登录和注册页面的设计

15.7.2 登录页面的实现

15.7.3 注册页面的实现

小结

第16章 课程设计——游戏公园网站

16.1 课程设计目的

16.2 游戏公园网站概述

16.2.1 网站特点

16.2.2 功能结构

16.3 主页的设计与实现

16.3.1 主页的设计

16.3.2 顶部区和底部区功能的实现

16.3.3 推荐游戏功能的实现

16.3.4 最新游戏功能的实现

16.4 博客列表的设计与实现

16.4.1 博客列表的设计

16.4.2 博客列表的实现

16.5 博客详情的设计与实现

16.5.1 博客详情的设计

16.5.2 博客详情的实现

16.6 关于我们的设计与实现

16.6.1 关于我们的设计

16.6.2 关于我们的实现

小结

附录 实验

实验1 通过Dreamweaver创建一个网页

实验2 实现网页中的买家评论信息

实验3 通过表格制作商城首页

实验4 通过表单实现酒店筛选

实验5 设置网页中图片的属性

实验6 通过<video>标签添加视频

实验7 实现鼠标滑过图片时的特效

实验8 实现51购商城中鼠标划过的特效

实验9 通过列表实现商品排列

实验10 通过2D变换实现动态照片墙

实验11 输出一张图片

实验12 通过循环语句输出年份和月份

实验13 实现商品详情中Tab菜单

实验14 购物车常用操作