本书全面、系统、深入地讲解了HTML5+CSS3网页设计与编程的基础语法与高级应用。在讲解过程中，通过大量取自实际操作的实例，将网页开发知识全面、系统、深入地呈现给读者。此外，作者专门为本书录制了大量的配套教学视频，让读者通过分析实例、运行实例尽快熟悉网页编程，在遇到学习问题时，可以作为参考。
本书共分3篇。第1篇介绍HTML语言的语法、文档结构，网页中的图像、链接、表单、音频、视频、本地存储等；第2篇介绍用来美化页面的CSS，包括CSS规则、选择符、盒布局、多列布局、动画、渐变、跨设备支持等；第3篇通过三个案例围绕网页设计的难易程度和完整流程进行了分析和实现，主要是让入门读者能从大局方面着手搭建网站。
本书在内容上涉及面广，从基本页面结构到HTML5和CSS3增强技术实现及综合案例，涉及了目前网页设计与网站搭建的几乎所有技术。本书在设计上浅显易懂、实例丰富，尤其适合广大网页编程爱好者自学，也适合对网页开发语言感兴趣的你，亦或作为你的参考书。

极具影响力原创计算机编程系列图书，丛书畅销30万册！程序员必备案头手册，祝你21天轻松学通编程技能！

前 言
千里之行，始于足下！
——老子

“21天学编程系列”自2009年1月上市以来一直受到广大读者的青睐。该系列中的大部分图书从一上市就登上了编程类图书销售排行榜的前列，很多大、中专院校也将该系列中的一些图书作为教材使用，目前这些图书已经多次印刷、改版。可以说，“21天学编程系列”是自2009年以来，国内原创计算机编程图书最有影响力的品牌之一。
为了使该系列图书能紧跟技术和教学的发展，更加适合读者学习和学校教学，我们结合最新技术和读者的建议，推出了该系列中的HTML5 + CSS3语言分册。
本书有何特色

1．细致体贴的讲解
为了让读者更快地上手，本书特别设计了适合初学者的学习方式，用准确的语言总结概念，用直观的图示演示过程，用详细的注释解释代码，用形象的比方帮助记忆。

【知识点介绍】 准确、清晰是其显著特点，一般放在每一节开的始位置，让零基础的读者了解相关概念，顺利入门。
【范例】 书中出现的完整实例，以章节顺序编号，便于检索和循序渐进地学习、实践，放在每节知识点介绍之后。
【示例代码】 与范例编号对应，层次清楚、语句简洁、注释丰富，体现了代码优美的原则，有利于读者养成良好的代码编写习惯。对于大段程序，均在每行代码前设定编号，便于学习。
【运行结果】 对范例给出运行结果和对应图示，帮助读者更直观地理解示例代码。
【代码解析】 将范例代码中的关键代码行逐一解释，有助于读者掌握相关概念和知识。
【贴心的提示】 为了便于读者阅读，全书还穿插着一些技巧、提示等小贴士，体例约定如下。
提示：通常是一些贴心的提醒，让读者加深印象，提供建议或者解决问题的方法。
注意：提出学习过程中需要特别注意的一些知识点和内容，或者相关信息。
警告：对操作不当或理解偏差将会造成的灾难性后果给出警示，以加深读者印象。
【习题】 每章最后提供专门的测试习题，供读者检验所学知识是否牢固掌握。
经作者多年的培训和授课证明，以上讲解方式是最适合初学者学习的方式，读者按照这种方式学习，会非常轻松、顺利地掌握本书知识。
在本书中，所有内容是基于HTML+CSS实现的。

2．实用超值的DVD光盘
为了帮助读者比较直观地学习，本书附带DVD光盘，内容包括多媒体视频、电子教案（PPT）和实例源代码等。
◆ 多媒体视频
本书配有长达10小时的教学视频，讲解关键知识点界面操作和书中的一些综合练习题。作者亲自配音、演示，手把手教会读者使用。

◆ 电子教案（PPT）
本书可以作为高校相关课程的教材或课外辅导书，所以作者特别为本书制作了电子教案（PPT），以方便老师教学使用。
◆ 职场面试法宝
本书附赠“职场面试法宝”，含常见的职场经典面试题及解答。

3．提供完善的技术支持
本书的技术支持论坛为，读者可以在上面提问交流。另外，论坛上还有一些小的教程、视频动画和各种技术文章，可帮助读者提高开发水平。
【推荐的学习计划】
本书作者在长期从事相关培训或教学实践过程中，归纳了最适合初学者的学习模式，并参考了多位专家的意见，为读者总结了合理的学习时间分配方式，列表如下：

第1周
第1天
动态网页和静态网页
HTML和HTML 5
第一个页面

第2天
HTML语法
HTML文档的结构
HTML文档中的标签

第3天
文本的排版格式
文本的属性样式
整齐的文本列表

第4天
图像的基础知识
页面中的图像
让图像更美观
改变页面的背景

第5天
网页中的链接
链接的种种不同
提高页面链接的友好度
在新窗口中显示链接窗口

第6天
表单的工作原理
通过表单展示不一样的页面
HTML5新增表单输入类型
新增表单特性及元素
表单验证API

第7天
Audio和Video基础知识
使用HTML5的Audio和Video元素
自定义播放工具条

第2周
第8天
拖放API
文件API

第9天
本地存储对象——Web Storage
本地数据库——Web SQL Database

第10天
Canvas简介
Canvas基本知识
使用Canvas绘图
在Canvas中实现动画

第11天
创建窗口框架页面
修饰框架
修改框架边框的样式
框架集中页面之间的链接
框架

第12天
CSS基本的规则写法
用CSS来修饰页面文本
给页面对象添加颜色
CSS 3增强的选择符功能

第13天
文本与字体
色彩模式和不透明度
背景
边框

第14天
理解块级的意义
页面中的层
框模型
定制层的display属性
CSS Hack

第3周
第15天
弹性的盒布局
增强的盒模型
增强的用户界面设计

第3周
第16天
多列布局基础
模仿杂志的多列版式

第17天
CSS 3变形基础
CSS 3过渡效果
CSS 3动画设计
CSS 3渐变设计

第18天
媒体查询
自适应屏幕的样式表方案

第19天
综合案例：制作主流网站界面

第20天
综合案例：设计复杂页面

第21天
综合案例：完整地制作一个个人网站

本书适合哪些读者阅读
本书非常适合以下人员阅读：
◆网页设计人员
◆网页开发人员
◆网页制作爱好者和入门者
◆Web前端开发人员
◆大学生或IT技术培训部学员

本书作者
本书由甘肃省定西师范高等专科学校计算机系的宋灵香、赵静共同编写，其中宋灵香负责编写第1～11章，赵静负责编写第12～21章，在此一并表示感谢！

编 者