《HTML+CSS+JavaScript网页设计从入门到精通》是2017年清华大学出版社出版的图书，作者是胡晓霞。
基本介绍
- 书名：HTML+CSS+JavaScript网页设计从入门到精通
- 作者：胡晓霞
- ISBN：9787302423904
- 定价：108元
- 出版社：清华大学出版社
- 出版时间：2017.10.01
- 印刷日期：2017.08.08
内容简介
《HTML+CSS+JavaScript网页设计从入门到精通》一书从网站基础开始，结合大量案例，全面、翔实地介绍了使用HTML+CSS+JavaScript开发Web前端页面的具体方法与步骤，引导读者从零开始，一步步掌握Web开发的全过程。《HTML+CSS+JavaScript网页设计从入门到精通》共分24章，主要内容包括网页设计基础、HTML基础、设计符合语义的页面、设计符合标準的结构、设计HTML 5文档、CSS基础、设计文本样式、设计图像样式、设计超连结样式、设计列表样式、设计表格样式、设计表单样式、CSS网页布局、CSS网页设计兼容技法、JavaScript基础、使用JavaScript操控浏览器和文档、JavaScript事件处理、使用JavaScript设计脚本化CSS、使用Ajax、使用jQuery等，最后通过专题网页、电子相册、网路记事本和购物网站4个综合案例，介绍了Web前端设计的完整过程。 《HTML+CSS+JavaScript网页设计从入门到精通》适合网页製作、美工设计、网站开发、
目录
第1章网页设计基础
1.1熟悉网页设计概念
1.1.1网页和网站
1.1.2网页类型
1.1.3网页构成
1.2网页设计学习任务
1.2.1学习HTML
1.2.2学习DIV结构
1.2.3学习CSS
1.2.4学习JavaScript
1.3网页设计素养
1.3.1网页设计任务
1.3.2网页设计原则
1.3.3网页设计流程
1.3.4网页配色
1.4网站开发流程
1.4.1个人网站开发流程
1.4.2套用项目开发流程
1.4.3承包网站开发流程
附录一：《网站建设契约》参考範本
附录二：《网站维护说明书》
参考範本
第2章HTML基础
视频讲解：26分钟
2.1HTML历史
2.2HTML规範雏形
2.3HTML与XHTML
2.4HTML基础
2.4.1HTML语言作用
2.4.2HTML文档基本结构
2.4.3HTML基本语法
2.4.4HTML常用标籤
2.5XHTML基础
2.5.1XHTML文档基本结构
2.5.2XHTML基本语法
2.5.3XHTML文档类型
2.5.4DTD文档类型解析
2.5.5名字空间
2.6HTML元信息
第3章设计符合语义的页面
视频讲解：67分钟
3.1网页语义化概述
3.2元素分类
3.2.1结构语义
3.2.2内容语义
3.2.3修饰语义
3.3属性分类
3.3.1核心属性
3.3.2语言属性
3.3.3键盘属性
3.3.4内容属性
3.3.5其他属性
3.4定义文本信息
3.4.1设计标题信息
3.4.2设计段落信息
3.4.3设计引用信息
3.4.4设计强调信息
3.4.5设计格式信息
3.4.6设计输出信息
3.4.7设计信息缩写
3.4.8设计插入和删除信息
3.4.9设计其他文本信息
3.5定义列表信息
3.5.1认识列表
3.5.2设计普通列表
3.5.3设计定义列表
3.5.4使用定义列表的误区
3.6设计表格
3.6.1认识表格结构
3.6.2使用表格元素
3.6.3表格分组
3.7设计表单
3.7.1认识表单结构
3.7.2使用表单元素
3.7.3form元素
3.7.4input元素
3.7.5textarea和select元素
3.7.6表单分组
3.7.7绑定提示标籤
3.7.8定义快捷键、访问键和禁止访问
3.7.9select选项分区
3.7.10使用按钮
3.8案例实战
3.8.1设计一个自我介绍简单页面
3.8.2解决网页乱码现象
3.8.3把HTML转换为XHTML
3.8.4输出唐诗
第4章设计符合标準的结构
4.1元素显示类型
4.1.1认识元素显示类型
4.1.2块状元素
4.1.3行内元素
4.1.4其他元素
4.2结构嵌套规则
4.2.1分析结构乱套现象
4.2.2严谨的嵌套规则
4.2.3HTML嵌套规则套用
4.3案例实战：设计CSS禅意花园
4.3.1认识CSS禅意花园
4.3.2定义网页结构
4.3.3设计嵌套结构
4.3.4构建基本框架
4.3.5设计局部结构
4.3.6正文版式设计
第5章设计HTML5文档
视频讲解：36分钟
5.1HTML5基础
5.1.1HTML5语法
5.1.2HTML5元素
5.1.3HTML5对象属性
5.1.4HTML5全局属性
5.2认识HTML5文档结构
5.3HTML5元素分类
5.4构建主体内容
5.4.1标识文章
5.4.2给内容分段
5.4.3设计导航信息
5.4.4设计辅助信息
5.4.5设计微格式
5.4.6添加发布日期
5.5添加语义模组
5.5.1添加标题块
5.5.2给标题分组
5.5.3添加脚注块
5.5.4添加联繫信息
5.6案例实战：使用HTML5设计部落格主页
5.6.1设计大纲
5.6.2设计样式
第6章CSS基础
视频讲解：79分钟
6.1CSS概述
6.1.1什幺是CSS样式
6.1.2为什幺学习CSS
6.1.3CSS特点
6.2CSS语法和用法
6.2.1CSS基本结构
6.2.2CSS基本用法
6.2.3CSS样式表
6.2.4导入外部样式表
6.2.5CSS注释和版式
6.3CSS属性和单位
6.3.1CSS属性
6.3.2CSS单位
6.4简单选择器
6.4.1标籤选择器
6.4.2类选择器
6.4.3ID选择器
6.4.4通配选择器
6.5複合选择器
6.5.1子选择器
6.5.2相邻选择器
6.5.3包含选择器
6.5.4多层选择器嵌套
6.5.5属性选择器
6.5.6伪选择器和伪元素选择器
6.5.7选择器分组
6.6CSS3新增选择器
6.6.1兄弟选择器
6.6.2目标伪类选择器
6.6.3结构伪类选择器
6.6.4否定伪类选择器
6.6.5状态伪类选择器
6.7CSS继承性、层叠性和特殊性
6.7.1CSS继承性
6.7.2CSS层叠性
6.7.3CSS优先权
6.7.4CSS特殊性
6.8案例实战
6.8.1设计导航选单
6.8.2设计登录表单
第7章设计文本样式
视频讲解：56分钟
7.1字型样式
7.1.1定义字型类型
7.1.2定义字型大小
7.1.3定义字型颜色
7.1.4定义字型粗细
7.1.5定义斜体字型
7.1.6定义下划线
7.1.7定义字型大小写
7.2文本样式
7.2.1定义文本对齐
7.2.2定义垂直对齐
7.2.3定义字距和词距
7.2.4定义行高
7.2.5定义缩进
7.3案例实战
7.3.1设计英文格式1
7.3.2设计英文格式2
7.3.3设计中文报刊版式
7.3.4设计中文层级版式
第8章设计图像样式
视频讲解：72分钟
8.1网页中的图像
8.2图像样式
8.2.1定义图像大小
8.2.2定义图像框线
8.2.3定义图像不透明度
8.2.4定义圆角图像
8.2.5定义阴影图像
8.2.6图文混排
8.3综合实战：设计图文新闻内容页
8.4背景图像
8.4.1定义背景图像
8.4.2定义显示方式
8.4.3定义显示位置
8.4.4定义固定背景
8.5综合实战
8.5.1设计部落格首页
8.5.2设计社区相册
8.5.3CSSSprites
第9章设计超连结样式
视频讲解：26分钟
9.1定义超连结样式
9.1.1认识超连结
9.1.2伪类和伪对象
9.1.3定义连结样式
9.2案例实战
9.2.1定义下划线样式
9.2.2定义立体样式
9.2.3定义动态样式
9.2.4定义图像交换样式
9.2.5定义滑鼠样式
9.2.6设计图形化按钮样式
9.2.7设计滑动门样式
第10章设计列表样式
视频讲解：49分钟
10.1设计列表结构
10.1.1无序列表
10.1.2有序列表
10.1.3定义列表
10.2定义列表样式
10.2.1定义列表类型
10.2.2自定义项目符号
10.2.3用背景图模拟项目符号
10.3列表布局
10.3.1列表堆叠
10.3.2水平布局
10.4案例实战
10.4.1设计背景水平滑动选单
10.4.2设计背景垂直滑动选单
10.4.3设计Tab面板选单
10.4.4设计下拉式面板选单
10.5设计列表栏目样式
10.5.1案例1：音乐榜单
10.5.2案例2：图文列表栏
第11章设计表格样式
视频讲解：45分钟
11.1设计表格结构
11.1.1早期表格结构
11.1.2标準表格结构
11.2定义表格基本样式
11.2.1使用表格标籤属性
11.2.2设计细线表格
11.2.3定义单元格空隙
11.2.4隐藏空单元格
11.3设计表格特殊样式
11.3.1表格布局特性
11.3.2定义列组和行组样式
11.3.3定义表格标题样式
11.3.4合併单元格
11.3.5表格样式的层叠顺序
11.4案例实战
11.4.1设计单线表格
11.4.2设计层级表格样式
11.4.3设计日曆表
第12章设计表单样式
视频讲解：42分钟
12.1设计表单
12.1.1表单框
12.1.2输入框
12.1.3选择框
12.1.4最佳化结构
12.2定义表单样式
12.2.1设计文本框
12.2.2设计单选按钮和複选框
12.2.3设计下拉选单和列表框
12.3案例实战
12.3.1设计用户登录页
12.3.2设计用户注册页
12.3.3设计搜寻框
第13章CSS网页布局
视频讲解：41分钟
13.1网页布局概述
13.1.1认识div和span
13.1.2认识display
13.1.3网页布局分类
13.2CSS盒模型
13.2.1认识盒模型
13.2.2定义边界
13.2.3边界重叠
13.2.4定义框线
13.2.5定义补白
13.3网页布局基本方法
13.3.1定义float
13.3.2使用clear
13.3.3定义position
13.3.4设定层叠顺序
13.4案例实战
13.4.1设计网页居中显示
13.4.2设计定位版三栏页面布局
13.4.3设计多栏高度自适应页面
13.4.4设计负margin页面
第14章CSS兼容技法
视频讲解：39分钟
14.1认识浏览器
14.1.1浏览器类型
14.1.2浏览器解析模式
14.2基本兼容方法
14.2.1IE条件语句
14.2.2属性过滤器
14.2.3选择器过滤器
14.3案例实战：流动问题与处理
14.3.1标籤的默认样式
14.3.2有序列表高度问题
14.3.3列表宽度问题
14.3.4项目符号变异问题
14.3.5列表行双倍高度问题
14.3.6列表项错行问题
14.3.7默认高度问题
14.3.8失控的子标籤问题
14.3.9使用背景图代替文本问题
14.4案例实战：浮动问题与处理
14.4.1浮动被流动包含问题
14.4.2高度自适应问题
14.4.3栏目内容被隐藏
14.4.4边界和浮动问题
14.4.5半个像素问题
14.4.63像素问题
14.4.7多出字元问题
14.5案例实战：定位问题与处理
14.5.1定位参照物的问题
14.5.2定位层叠问题
14.5.3定位丢失问题
第15章JavaScript基础
视频讲解：262分钟
15.1JavaScript入门
15.1.1网页中的JavaScript
15.1.2使用JavaScript档案
15.1.3JavaScript语法基础
15.1.4认识JavaScript语法特性
15.2常量和变数
15.3表达式和运算符
15.4语句
15.4.1表达式语句和语句块
15.4.2条件语句
15.4.3循环语句
15.4.4跳转语句
15.4.5异常处理语句
15.4.6var语句和function语句
15.4.7with语句和空语句
15.5数据类型和类型转换
15.5.1数值
15.5.2字元串
15.5.3布尔型
15.5.4null和undefined
15.5.5引用型数据
15.6函式
15.6.1定义函式
15.6.2调用函式
15.6.3函式参数
15.6.4函式套用
15.6.5闭包函式
15.7对象
15.7.1创建对象
15.7.2访问对象
15.8数组
15.8.1定义数组
15.8.2存取元素
15.8.3数组套用
15.9案例实战
15.9.1检测数据类型
15.9.2数值计算与类型转换
15.9.3字元串替换
15.9.4增强数组排序
15.9.5使用高阶函式
15.9.6函式柯里化
15.9.7灵活使用this
第16章使用JavaScript操作浏览器和文档
视频讲解：78分钟
16.1操作浏览器
16.1.1了解浏览器对象模型
16.1.2案例：设计广告弹窗
16.1.3案例：设计人机互动视窗
16.1.4案例：检测浏览器类型和版本
16.1.5案例：获取URL查询字元串信息
16.1.6案例：设计视窗居中显示
16.1.7案例：设计自由弹跳的视窗
16.2操作文档
16.2.1了解文档对象模型
16.2.2认识DOM节点类型
16.2.3案例：遍历文档
16.2.4案例：动态增加文档内容
16.3操作节点
16.3.1获取节点
16.3.2创建节点
16.3.3複製节点
16.3.4插入节点
16.3.5删除节点
16.3.6替换节点
16.4操作属性
16.4.1获取节点属性
16.4.2设定节点属性
16.4.3删除节点属性
第17章JavaScript事件处理
视频讲解：78分钟
17.1了解事件处理模型
17.1.1事件模型分类
17.1.2事件流
17.2基本事件模型
17.2.1基本事件类型
17.2.2绑定事件
17.2.3事件处理函式的返回值
17.2.4事件处理函式的参数
17.2.5事件处理函式中的this
17.3标準事件模型
17.3.1事件传播
17.3.2注册事件
17.3.3注销事件
17.3.4事件类型
17.3.5Event对象
17.4IE事件模型
17.4.1注册和销毁事件
17.4.2Event对象
17.5事件类型
17.5.1案例：设计滑鼠拖放操作
17.5.2案例：设计滑鼠跟随特效
17.5.3案例：跟蹤滑鼠在对象内相对位置
17.5.4案例：设计推箱子游戏
17.5.5案例：设计满屏画布背景
17.5.6案例：自动读取选择文本
17.5.7案例：设计自动跳转下拉选单
17.5.8案例：禁止表单提交
17.6案例实战
17.6.1设计Tab面板
17.6.2使用事件属性激活Tab行为
17.6.3分离HTML和JavaScript
17.6.4标準化Tab互动行为
第18章使用JavaScript操作CSS样式
视频讲解：49分钟
18.1脚本化CSS概述
18.1.1了解DHTML
18.1.2CSS脚本化的套用
18.1.3认识CSS脚本属性
18.2操作行内样式
18.2.1CSS脚本属性名规範
18.2.2使用style对象
18.3操作样式表
18.3.1使用styleSheets对象
18.3.2访问样式表中的样式
18.3.3读取样式的选择符
18.3.4编辑样式
18.3.5添加样式
18.3.6访问显示样式
18.4案例实战
18.4.1网页换肤
18.4.2设计摺叠面板
18.4.3设计工具提示
第19章使用Ajax
视频讲解：63分钟
19.1Ajax概述
19.1.1了解Ajax
19.1.2如何学习Ajax
19.2模拟本地伺服器环境
19.2.1安装IIS组件
19.2.2定义虚拟目录
19.2.3定义本地站点
19.2.4定义动态站点
19.2.5测试本地站点
19.3使用XMLHttpRequest
19.3.1创建XMLHttpRequest
19.3.2设计测试档案
19.3.3使用XMLHttpRequest传送请求
19.3.4异步回调函式
19.3.5处理回响信息
19.4案例实战
19.4.1Ajax互动提示
19.4.2控制显示记录个数
19.4.3记录集分页显示
19.4.4异步更新Tab面板内容
19.4.5快速匹配搜寻
第20章使用jQuery
视频讲解：113分钟
20.1jQuery概述
20.1.1认识jQuery
20.1.2jQuery特性
20.1.3安装jQuery
20.1.4使用jQuery
20.1.5认识jQuery构造器
20.2jQuery基本用法
20.2.1访问元素
20.2.2读写属性
20.2.3定义类样式
20.2.4读写文本和值
20.3使用选择器和过滤器
20.3.1常用选择器
20.3.2伪类选择器
20.3.3表单选择器
20.3.4过滤器
20.4文档处理
20.4.1插入内容
20.4.2嵌套结构
20.4.3替换结构
20.4.4删除和克隆结构
20.5CSS处理
20.5.1定义样式
20.5.2定义位移
20.5.3定义尺寸
20.6事件处理
20.6.1页面初始化事件
20.6.2绑定事件
20.6.3触发事件
20.6.4互动事件
20.6.5封装事件
20.7动画处理
20.7.1显隐动画
20.7.2滑动动画
20.7.3淡入淡出
第21章综合实战：设计专题网页
视频讲解：41分钟
21.1设计思路
21.2构建结构
21.2.1定义基本结构
21.2.2完善详细结构
21.3页面布局和样式设计
21.3.1布局思路
21.3.2基本布局和样式
21.3.3浏览器兼容处理
21.4页面动态效果设计
21.4.1动态下拉选单
21.4.2延迟的下拉选单
21.4.3自定义摺叠面板
21.4.4左右推拉麵板
第22章综合实战：设计电子相册
视频讲解：57分钟
22.1设计思路
22.1.1案例预览
22.1.2案例策划
22.1.3设计XML数据
22.2设计相册结构
22.2.1设计基本结构
22.2.2完善页面结构
22.3设计相册布局和样式
22.3.1基本布局思路
22.3.2定义默认样式和基本框架
22.3.3定义局部样式
22.3.4浏览器兼容性处理
22.3.5设计皮肤
22.4设计互动效果
22.4.1动态更换皮肤
22.4.2使用Spry读取XML数据
22.4.3初始化XMLDOM控制项
22.4.4读取并显示分类导航信息
22.4.5读取并显示缩略图信息
22.4.6完善滑鼠操作的动感效果
第23章综合实战：设计网路记事本
视频讲解：57分钟
23.1网站策划
23.1.1案例分析
23.1.2功能设计和效果演示
23.2设计思路
23.3设计数据结构
23.3.1网站数据结构概述
23.3.2设计数据表结构
23.4设计网站结构和样式
23.4.1网站结构
23.4.2网站布景
23.4.3表单结构
23.4.4网站布局
23.5基本模组设计
23.5.1连线资料库
23.5.2资料库基本操作
23.5.3用户登录
23.5.4DOM操作
23.6网站初始化
23.6.1生成表单
23.6.2表单初始化
23.7数据操作
23.7.1数据录入
23.7.2数据查询
23.8数据显示
23.8.1设计可编辑行
23.8.2更新数据
23.8.3添加数据
23.8.4删除数据
23.8.5恢複数据
23.8.6显示数据
23.8.7数据显示接口
23.8.8页面初始化
第24章综合实战：设计购物网站
视频讲解：62分钟
24.1网站策划
24.2设计网站结构
24.2.1定义档案结构
24.2.2定义网页结构
24.2.3设计效果图
24.3设计网站样式
24.3.1网站样式分类
24.3.2编写全局样式
24.3.3编写可重用样式
24.3.4编写网站首页主体布局
24.3.5编写详细页主体布局
24.4设计首页互动行为
24.4.1搜寻框文字效果
24.4.2网页换肤
24.4.3导航效果
24.4.4商品分类热销效果
24.4.5产品广告效果
24.4.6超连结提示
24.4.7品牌活动横向滚动效果
24.4.8游标滑过产品列表效果
24.5设计详细页互动行为
24.5.1图片放大镜效果
24.5.2图片遮罩效果
24.5.3小图切换大图
24.5.4选项卡
24.5.5产品颜色切换
24.5.6产品尺寸切换
24.5.7产品数量和价格联动
24.5.8产品评分的效果
24.5.9放入购物车效果
24.6小结