HTML+CSS+JavaScript网页设计从入门到精通（1DVD）

　　《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网页设计从入门到精通》适合网页制作、美工设计、网站开发、网页编程等行业人员阅读和参考，也可供网页爱好者自学使用，同时还可作为高等院校网页设计与制作课程的教材，以及网页平面设计的培训教材。

　　作者简介：

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

　　“网络开发视频大讲堂”丛书系清华社“视频大讲堂”重点大系之一。该大系包括多个子系列，每个子系列的图书在其同品种的图书中销售名列前茅，其中：

　　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道，网页欣赏

　　前言：

　　网页制作技术可以粗略划分为前台浏览器端技术和后台服务器端技术。本书主要学习前台浏览器端技术，也就是静态页面制作技术。早期只需要使用HTML即可单独完成前台网页制作，而今天需要学习全部Web标准体系才能完成规范的前台网页制作。在Web标准中，HTML负责页面结构，CSS负责样式表现，JavaScript负责动态行为。

　　如今网页新技术层出不穷，并且日新月异，但有一点是肯定的，不管是采用什么技术设计的网站，用户在客户端通过浏览器打开看到的网页都是静态网页，都是由HTML、JavaScript和CSS技术构成的，所以如果想从事网页设计或从事网站管理相关工作，就必须学习HTML、JavaScript和CSS技术，哪怕只是简单地了解，因为HTML、JavaScript和CSS技术是网页制作技术的基础和核心。

　　本书特色

　　本书不仅包含网页前台技术的各种概念和理论知识，而且对多种知识的综合运用进行了详细讲解。本书将知识门槛定位为初级读者，笔者以大量简单、明了的实例进行示范和讲述，本书特点主要体现在以下几个方面。

　　?针对性、适用性强

　　本书编者拥有10年以上软件开发教学经验，3年以上软件企业项目开发与管理企业经验，教材的编写是在大量的企业需求调查、学校学生调查的基础上进行的，重点讲解HTML、JavaScript和CSS网站客户端技术。

　　在本书的编写中，本着“学生好学，教师好教，企业需要”的原则，注意理论与实践的一体化，并注重实用性，每个知识点的介绍采用理论介绍、案例源代码、运行效果和源代码解释相结合的教学步骤，每章节都有综合案例，综合案例针对性和适用性非常强。

　　?精心设计，理论与案例完美结合

　　本书不仅分章讲解HTML语言、JavaScript脚本、CSS样式三方面的知识，还试图为读者描绘一幅HTML、CSS、JavaScript的角色图，即HTML、CSS、JavaScript三者在网页制作这个大的生态环境中各自扮演的角色。

　　?知识全面，覆盖面广

　　本书全面介绍了HTML、CSS、JavaScript的相关知识，包括HTML标签和属性，以及每个元素的语义性，CSS选择器，使用CSS设计各种网页对象，使用CSS布局，使用CSS解决网页兼容性问题，JavaScript语言基础，使用JavaScript操作文档，使用JavaScript控制CSS等内容，本书全面覆盖了W3C网页标准规范所包含的大部分知识。

　　?讲解详细，上手容易

　　本书思路清晰，语言平实，操作步骤详细。只要认真阅读本书，把书中所有示例循序渐进地练习一遍，并把本书所有综合案例独立完成，读者就可达到企业前端开发所需的要求。

　　?超值多媒体教学，海量资源赠送

　　本书所附光盘的内容为书中介绍的范例的同步视频讲解、源文件及大量参考素材，供读者学习时参考和对照使用。扫描图书封底的二维码，可在手机中在线学习教学视频。

　　本书内容

　　本书共24章，具体结构划分如下。

　　第1部分：HTML部分，包括第1章～第5章。这部分内容主要介绍了网页设计基础、HTML基本语法、使用HTML标签标识网页内容、使用HTML设计标准结构。

　　第2部分：CSS部分，包括第6章～第14章。这部分内容主要讲解CSS基本语法、CSS选择器，使用设计文本、超链接、图像、列表、表单和表格等网页对象的样式，使用CSS设计完整的网页，解决CSS设计中的各种兼容问题。

　　第3部分：JavaScript部分，包括第15章～第20章。这部分内容主要讲解JavaScript基本语法和用法、使用JavaScript控制网页文档和浏览器、JavaScript事件处理、使用JavaScript设计CSS动画、使用Ajax、使用jQuery等。

　　第4部分：案例部分，包括第21章～第24章。这部分内容主要通过4个案例具体演示如何配合使用HTML、CSS、JavaScript和jQuery设计完整的网站页面。

　　本书读者

　　本书适用于以下读者：

　　?零基础学习网页设计和制作的初学者。

　　?适用于从事网页设计和网站建设的新手。

　　?网页设计爱好者。

　　?网站建设与开发人员。

　　?本书也可以作为各大中专院校相关专业的教学辅导和参考用书，或作为相关培训机构的培训教材。

　　本书约定

　　本书从初学者的角度出发，通过大量的案例使学习不再枯燥、教条。因此要求读者边学习边实践操作，避免学习的知识流于表面、限于理论。

　　作为入门书籍，本书知识点比较庞杂，所以不可能面面俱到。技术学习的关键是方法，本书在很多实例中体现了方法的重要性，读者只要掌握了各种技术的运用方法，在学习更深入的知识中可大大提高自学的效率。

　　上机练习本书中的示例要用到Firefox、Chrome、Opera。因此，为了测试所有内容，读者需要安装上述所有类型的最新版本浏览器，因为各种浏览器的实现都稍有差异。

　　读者还需要安装InternetExplorer来进行测试，以便确保案例的兼容性。如需针对不同版本的InternetExplorer测试示例，可以下载IETester工具，因为它可同时支持IE6、IE7和IE8。对于非Windows用户，可以考虑使用VirtualBox或者VMware等虚拟机，或者使用CrossBrowserTesting和MogoTest等服务。

　　为了给读者提供更多的学习资源，同时弥补本书篇幅有限的遗憾，本书提供了很多参考链接，许多本书无法详细介绍的问题都可以通过这些链接找到答案。因为这些链接地址会因时间而有所变动或调整，所以在此说明，这些链接地址仅供参考，本书无法保证所有的这些地址是长期有效的。

　　本书所列出的插图可能会与读者实际环境中的操作界面有所差别，这可能是由于操作系统平台、浏览器版本等不同而引起的，在此特别说明，读者应该以实际情况为准。

　　编者

目录：

第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