本书从网站基础开始, 结合大量案例, 全面、翔实地介绍了使用HTML+CSS+JavaScript开发Web前端页面的具体方法与步骤, 引导读者从零开始, 一步步掌握Web开发的工程。

　　“网络开发视频大讲堂”丛书系清华社“视频大讲堂”重点大系之一。该大系包括多个子系列，每个子系列的图书在其同品种的图书中销售名列前茅，其中：
　　4个品种荣获“全行业畅销品种”
　　1个品种荣获2012年清华大学出版社“专业热销书”一等奖
　　绝大多数品种在“计算机零售图书排行榜”同品种排行中名列前茅
　　截至目前该大系累计销售超过55万册
　　该大系已成为近年来清华社计算机专业基础类零售图书热销的品牌之一
　　“网络开发视频大讲堂”系列作为清华社“视频大讲堂”大系的子系列之一，继承和创新了清华社“视频大讲堂”大系的编写模式、写作风格和优良品质。本书突出了以下内容：
　　368节大型高清同步视频演示讲解，可反复观摩，让学习更为快捷、高效
　　数百个典型中小实例，通过实例学习更深入，更有趣，更有动力
　　4个综合实战案例，展现工作过程，积累工作经验
　　?实用网页模板380套，网页配色辞典1部，协调色配色参考7套，网页色彩搭配图43张，不同色系实物配色卡540张，实用配色参考18部，网页设计素材13类
　　?PS分层模板10套，PS样式8类，PS滤镜46个，PS渐变样式6类，PS笔刷样式9类，PS填充图案5类，PS字体集合1000个
　　?HTML工具集6部，CSS工具集8部，JavaScript工具集16部，PS帮助手册1部
　　?HTML应用案例360个，CSS3应用案例510个，JavaScript+jQuery应用案例900个，网页交互设计案例1000个
　　?Web前端开发规范手册1部，JavaScript知识点思维导图10张，HTML+CSS面试题351道，JavaScript面试题685道，网页欣赏

　　作者简介：
　　胡晓霞，资深Web技术专家，有10余年开发经验，是国内较早专业从事Web开发的一线技术人员和培训讲师。一直致力于对HTML5、JavaScript、CSS3、jQuery、jQUery Mobile等Web开发技术的研究和实践，在HTML页面的优化与用户体验的研究，以及页面框架搭建、数据流向分析、页面静态优化等方面都拥有丰富的实践经验。他还是微软技术方面的专家，精通C#、ASP．NET和SQL Server等技术。

目录：
第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

　　13.1网页布局概述
　　布局是一个很艺术的技术话题，即便是相同的HTML结构，不同的想法可能会设计出不同的效果。禅意花园（http://www.csszengarden.com/）就是一个典型案例，如图13.1所示，禅意花园的作者DaveShea设计并开放了一个固定而又简单的结构，让网友参与设计和展示个人创意，结果在该网站共提交了200多份风格迥异的页面设计效果。
　　图13.1禅意花园CSS布局分享网站
　　13.1.1认识div和span
　　
标签早在HTML3.0版本中就已经被定义，受传统布局的影响，最初并没有广泛应用。直到CSS普及，
标签才逐渐被广泛使用。
　　div全称为division，中文翻译为分隔或分开的意思，一般使用该元素来分隔页面不同区块。习惯上把