下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922
读书 > Web开发 >Html/CSS > 21天学通HTML5+CSS3

21天学通HTML5+CSS3

综合评级:★★★★★

定价:69.80

作者:宋灵香 编著

出版社:电子工业出版社

出版日期:2016年2月

页数:441

字数:791000

ISBN:9787121278808

书籍介绍

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

相关课程
目录

第一篇 HTML网页制作

第1章 了解网页

1.1 什么是网页

1.1.1 网页的概述

1.1.2 静态网页

1.1.3 动态网页

1.1.4 开发动态页面和静态页面的联系

1.1.5 网页浏览器的工作原理

1.2 HTML和HTML5

1.2.1 超文本标记语言HTML

1.2.2 可扩展超文本标识语言XHTML

1.2.3 HTML 5的设计理念

1.2.4 HTML页面的开发工具

1.3 实战:编写一个简单的页面(HTML&HTML5)

1.4 小结

1.5 本章习题

一、填空题

二、选择题

三、简答题

第2章 了解HTML网页的结构

2.1 用记事本打开一个页面

2.2 HTML基础

2.2.1 HTML的基础语法

2.2.2 HTML文档的结构

2.3 HTML文档中的标签

2.3.1 样本代码DOCTYPE

2.3.2 开始标签<html>

2.3.3 头标签和头标签的对象

2.3.4 标题标签<title>

2.3.5 体标签<body>

2.3.6 美化HTML文档

2.4 实战:从无到有设计一个页面

2.5 小结

2.6 本章习题

一、填空题

二、选择题

三、问答题

第3章 网页的文本设计

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.4 整齐的文本列表

3.4.1 无序列表

3.4.2 有序列表

3.4.3 定义列表

3.4.4 列表嵌套

3.5 实战:制作一则HTML网页版的通知

3.6 小结

3.7 本章习题

一、填空题

二、选择题

三、简答题

第4章 网页中的图像设计

4.1 图像的基础知识

4.1.1 最常用的位图图像

4.1.2 在页面中常用的位图格式

4.1.3 矢量图

4.1.4 图像的分辨率

4.1.5 认识一些网页中常用的BANNER尺寸

4.2 页面中的图像

4.2.1 理解图像路径

4.2.2 像编辑文本对齐一样在页面中对齐图片

4.2.3 图像与文本的对齐方式

4.2.4 控制图像与文本的距离

4.3 让图像更美观

4.3.1 使用画图工具修改图像

4.3.2 给图像添加边框

4.3.3 独树一帜的水平线

4.4 改变页面的背景

4.5 实战:把照片放到网页上去

4.6 小结

4.7 本章习题

一、填空题

二、选择题

三、上机实践

第5章 网页中的链接

5.1 网页链接

5.1.1 初识页面链接

5.1.2 理解链接地址

5.2 链接的种种不同

5.2.1 基本的文本链接

5.2.2 基本的图像链接

5.2.3 把邮箱留给需要联系你的人

5.2.4 在同一页面中快速查找信息

5.3 提高页面链接的友好度

5.3.1 美观链接的状态

5.3.2 奇妙特殊的链接方式

5.3.3 热点图像区域的链接

5.4 在新窗口中显示链接窗口

5.5 实战:一个带链接的电影排行榜页面

5.6 小结

5.7 本章习题

一、填空题

二、选择题

三、上机实践

第6章 网页中的表单

6.1 表单的工作原理

6.1.1 <script>标记

6.1.2 创建表单

6.1.3 表单域

6.2 通过表单展示不一样的页面

6.2.1 input对象下的多种表单表现形式

6.2.2 text文本框的样式表单

6.2.3 password输入密码的样式表单

6.2.4 checkbox复选框的样式表单

6.2.5 radio单选框的样式表单

6.2.6 submit提交数据的样式表单

6.2.7 hidden隐藏域的样式表单

6.2.8 image样式的表单

6.2.9 file上传文件的样式表单

6.2.10 textarea对象的表单

6.2.11 select对象的表单

6.2.12 表单域集合

6.3 HTML 5表单的进化

6.3.1 早期的表单发展

6.3.2 HTML 5表单的出世

6.3.3 当前的支持情况

6.3.4 新增的表单输入类型

6.4 新增表单特性及元素

6.4.1 form特性

6.4.2 formaction特性

6.4.3 formmethod、formenctype、formnovalidate、formtarget特性

6.4.4 placeholder特性

6.4.5 autofocus特性

6.4.6 autocomplete特性

6.4.7 list特性和datalist元素

6.4.8 keygen元素

6.4.9 output元素

6.5 表单验证API

6.5.1 与验证有关的表单元素特性

6.5.2 表单验证的属性

6.5.3 ValidityState对象

6.5.4 表单验证的方法

6.5.5 表单验证的事件

6.6 实战:表单构成的HTML页面

6.7 实战:表单构成的用户注册页面(HTML 5)

6.7.1 案例简介

6.7.2 页面基本元素

6.7.3 实现表单验证

6.7.4 其他处理函数

6.8 小结

6.9 习题

一、填空题

二、选择题

三、上机实践

第7章 音频和视频

7.1 Audio和Video的基础知识

7.1.1 在线多媒体的发展

7.1.2 多媒体术语

7.1.3 HTML 5多媒体文件格式

7.1.4 功能缺陷及未来趋势

7.2 使用HTML 5的Audio和Video元素

7.2.1 在页面中加入音频和视频

7.2.2 使用source元素

7.2.3 使用脚本检测浏览器的标签支持情况

7.2.4 Audio和Video的特性和属性

7.2.5 Audio和Video的方法

7.2.6 Audio和Video的事件

7.3 实战:自定义播放工具条

7.3.1 案例简介

7.3.2 网页基本元素

7.3.3 定义全局的视频对象

7.3.4 添加播放/暂停、前进和后退功能

7.3.5 添加慢进和快进功能

7.3.6 添加静音和音量的功能

7.3.7 添加进度显示功能

7.4 小结

7.5 习题

一、填空题

二、选择题

三、上机实践

第8章 拖放功能

8.1 拖放API

8.1.1 新增的draggable特性

8.1.2 新增的鼠标拖放事件

8.1.3 DataTransfer对象

8.1.4 实战:拖放元素的内容

8.2 文件API

8.2.1 新增的标签特性

8.2.2 FileList对象与File对象

8.2.3 Blob对象

8.2.4 FileReader接口

8.3 实战:把图片拖入浏览器

8.3.1 案例简介

8.3.2 设计网页基本元素

8.3.3 基本函数的实现

8.3.4 页面加载处理

8.4 小结

8.5 本章习题

一、填空题

二、选择题

三、上机实践

第9章 本地存储

9.1 本地存储对象――Web Storage

9.1.1 Web Storage简介

9.1.2 localStorage和sessionStorage

9.1.3 设置和获取Storage数据

9.1.4 Storage API的属性和方法

9.1.5 存储JSON对象的数据

9.1.6 Storage API的事件

9.1.7 实战:在两个窗口中实现通信

9.2 本地数据库――Web SQL Database

9.2.1 Web SQL Database简介

9.2.2 操作Web SQL数据库

9.2.3 实战:基本的数据库操作实例

9.3 小结

9.4 本章习题

一、填空题

二、选择题

三、上机实践

第10章 利用Canvas绘制图形

10.1 认识Canvas

10.1.1 Canvas的历史

10.1.2 Canvas和SVG以及VML之间的差异

10.2 Canvas基本知识

10.2.1 构建Canvas元素

10.2.2 使用javaScript实现绘图的流程

10.3 使用Canvas绘图

10.3.1 绘制矩形

10.3.2 使用路径

10.3.3 图形组合

10.3.4 绘制曲线

10.3.5 使用图像

10.3.6 剪裁区域

10.3.7 绘制渐变

10.3.8 描边属性

10.3.9 模式

10.3.10 变换

10.3.11 使用文本

10.3.12 阴影效果

10.3.13 状态的保存与恢复

10.3.14 操作像素

10.4 实验室:在Canvas中实现动画

10.5 小结

10.6 本章习题

一、填空题

二、选择题

三、上机实践

第11章 创建框架结构的页面

11.1 创建窗口框架页面

11.1.1 创建窗口框架的<frameset>和<frame>标签

11.1.2 横向分割窗口

11.1.3 纵向分割窗口

11.1.4 框架的嵌套

11.1.5 将页面放入到窗口框架中

11.2 花点心思修饰框架的细节

11.2.1 给无法处理框架的浏览器注释说明

11.2.2 固定框架的位置

11.2.3 框架中设置滚动条

11.3 修改框架边框的样式

11.3.1 判定边框是否显示

11.3.2 改变边框的表现效果

11.3.3 边框的边距

11.4 框架集中页面之间的链接

11.4.1 在指定的框架中打开链接

11.4.2 框架内的锚点链接

11.5 灵活的<iframe>框架

11.6 案例:制定自己的链接主页

11.7 小结

11.8 本章习题

一、填空题

二、选择题

三、上机实践

第二篇 网页的设计

第12章 CSS规则

12.1 如何学习CSS

12.2 CSS基本的规则写法

12.2.1 基本的样式表的写法

12.2.2 使用类class和标志id链接样式表

12.2.3 创建选择器

12.2.4 应用CSS样式表

12.3 用CSS来修饰页面文本

12.3.1 修饰页面文本字体

12.3.2 文本的字号

12.3.3 文本段落行高

12.3.4 禁止文本自动换行

12.4 给页面对象添加颜色

12.5 CSS 3的发展

12.5.1 模块化的发展

12.5.2 浏览器支持情况

12.5.3 CSS 3新特性预览

12.6 CSS 3增强的选择器功能

12.6.1 属性选择符

12.6.2 结构伪类选择符

12.6.3 UI元素状态伪类选择符

12.6.4 伪元素选择符

12.7 实战:使用CSS制作个人页面

12.8 小结

12.9 本章习题

一、填空题

二、选择题

三、上机实践

第13章 文本、背景、边框不再单调

13.1 文本与字体

13.1.1 多样化的文本阴影――text-shadow属性

13.1.2 溢出文本处理――text-overflow属性

13.1.3 对齐的文字才好看――word-wrap和word-break属性

13.1.4 使用服务器端的字体――@font-face规则

13.1.5 实战:丰富的文字样式

13.2 色彩模式和不透明度

13.2.1 还在为配色发愁吗?――HSL色彩模式

13.2.2 含不透明度的――HSLA色彩模式

13.2.3 含不透明度的――RGBA色彩模式

13.2.4 不透明度――opacity属性

13.2.5 实战:半透明的遮蔽层

13.3 背景

13.3.1 元素里定义多个背景图片

13.3.2 指定背景的原点位置

13.3.3 指定背景的显示区域

13.3.4 指定背景图像的大小

13.3.5 实战:设计信纸的效果

13.4 边框

13.4.1 设计圆角边框――border-radius属性

13.4.2 设计图像边框――border-image属性

13.4.3 设计多色边框――border-color属性

13.4.4 实战:使用新技术设计网页

13.5 小结

13.6 本章习题

一、填空题

二、选择题

三、上机实践

第14章 传统的Div css设计

14.1 理解块级的意义

14.2 页面中的层

14.2.1 行和层<div>

14.2.2 层的基本定位

14.2.3 层的叠加

14.3 框模型

14.3.1 理解框模型

14.3.2 空距padding属性

14.3.3 边框border的扩展属性

14.3.4 边距(margin)

14.3.5 框模型的溢出

14.4 定制层的display属性

14.5 CSS Hack

14.6 实战:简单的CSS DIV

14.7 小结

14.8 本章习题

一、填空题

二、选择题

三、上机实践

第15章 灵活的盒布局和界面设计

15.1 灵活的盒布局

15.1.1 开启盒布局

15.1.2 元素的布局方向――box-orient属性

15.1.3 元素的布局顺序――box-direction属性

15.1.4 调整元素的位置――box-ordinal-group属性

15.1.5 弹性空间分配――box-flex属性

15.1.6 元素的对齐方式――box-pack和box-align属性

15.1.7 实战:使用新型盒布局设计网页

15.2 增强的盒模型

15.2.1 盒子阴影――box-shadow属性

15.2.2 盒子尺寸的计算方法――box-sizing属性

15.2.3 盒子溢出内容处理――overflow-x和overflow-y属性

15.2.4 实战:设计网站服务条款页面

15.3 增强的用户界面设计

15.3.1 允许用户改变尺寸――resize属性

15.3.2 定义外轮廓线――outline属性

15.3.3 伪装的元素――appearance属性

15.3.4 为元素添加内容――content属性

15.3.5 实战:设计一个省份选择盘

15.4 小结

15.5 本章习题

一、填空题

二、选择题

三、上机实践

第16章 多列布局

16.1 多列布局基础

16.1.1 多列属性columns

16.1.2 列宽属性column-width

16.1.3 列数属性column-count

16.1.4 列间距属性column-gap

16.1.5 定义列分隔线――column-rule属性

16.1.6 定义横跨所有列――column-span属性

16.2 实战:模仿杂志的多列版式

16.3 小结

16.4 本章习题

一、填空题

二、选择题

三、上机实践

第17章 动画和渐变

17.1 CSS 3变形基础

17.1.1 元素的变形――transform属性

17.1.2 旋转

17.1.3 缩放和翻转

17.1.4 移动

17.1.5 倾斜

17.1.6 矩阵变形

17.1.7 同时使用多个变形函数

17.1.8 定义变形原点――transform-origin属性

17.1.9 实战:设计图片画廊

17.2 CSS 3过渡效果

17.2.1 实现过渡效果――transition属性

17.2.2 指定过渡的属性――transition-property属性

17.2.3 指定过渡的时间――transition-duration属性

17.2.4 指定过渡延迟时间――transition-delay属性

17.2.5 指定过渡方式――transition-timing-function属性

17.2.6 实战:制作滑动的菜单

17.3 CSS 3动画设计

17.3.1 关键帧动画――@keyframes规则

17.3.2 动画的实现――animation属性

17.3.3 实战:永不停止的风车

17.4 CSS 3渐变设计

17.4.1 CSS线性渐变

17.4.2 CSS径向渐变

17.4.3 实战:设计渐变的按钮

17.5 小结

17.6 本章习题

一、填空题

二、选择题

三、上机实践

第18章 CSS3的跨设备支持

18.1 媒体查询

18.1.1 @media规则的语法

18.1.2 使用Media Queries链接外部样式表文件

18.2 实战:自适应屏幕的样式表方案

18.3 小结

18.4 本章习题

一、填空题

二、选择题

三、上机实践

第四篇 页面实战篇

第19章 案例一:制作主流网站界面

19.1 构思基础的布局

19.2 设计基础模块的样式表

19.3 完善网站的子模块

19.3.1 网站的导航栏

19.3.2 页面的侧栏

19.4 最终页面

19.5 小结

第20章 案例二:设计复杂页面

20.1 页面的框架布局

20.1.1 定位页面的内容

20.1.2 页面初级布局的代码

20.2 细化页面的局部

20.2.1 intro部分

20.2.2 页面的左侧部分

20.2.3 页面的右侧栏主体部分

20.3 小结

第21章 案例三:制作个人网站(HTML 5 CSS 3)

21.1 网站整体规划

21.1.1 网站结构规划

21.1.2 页面功能划分

21.1.3 页面内容结构布局

21.2 页面设计效果图

21.3 站点规划

21.3.1 规划各种资源

21.3.2 配置IIS虚拟

21.4 构建HTML结构并用CSS布局

21.5 参照最终效果图美化页面样式

21.5.1 输入所有的标题和内容

21.5.2 用CSS设置背景图片

21.5.3 用CSS设置渐变背景

21.5.4 用CSS设置页面垂直滚动条样式

21.6 首页添加动态行为

21.7 制作日志页面

21.7.1 日志浏览功能思路分析

21.7.2 日志代码编写

21.8 制作相册页面

21.8.1 相册浏览功能思路分析

21.8.2 相册代码编写

21.9 注册域名并发布网站

21.10 小结

前言

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

【知识点介绍】 准确、清晰是其显著特点,一般放在每一节开的始位置,让零基础的读者了解相关概念,顺利入门。 【范例】 书中出现的完整实例,以章节顺序编号,便于检索和循序渐进地学习、实践,放在每节知识点介绍之后。

【示例代码】 与范例编号对应,层次清楚、语句简洁、注释丰富,体现了代码优美的原则,有利于读者养成良好的代码编写习惯。对于大段程序,均在每行代码前设定编号,便于学习。

【运行结果】 对范例给出运行结果和对应图示,帮助读者更直观地理解示例代码。

【代码解析】 将范例代码中的关键代码行逐一解释,有助于读者掌握相关概念和知识。

【贴心的提示】 为了便于读者阅读,全书还穿插着一些技巧、提示等小贴士,体例约定如下。 提示:通常是一些贴心的提醒,让读者加深印象,提供建议或者解决问题的方法。 注意:提出学习过程中需要特别注意的一些知识点和内容,或者相关信息。 警告:对操作不当或理解偏差将会造成的灾难性后果给出警示,以加深读者印象。

【习题】 每章最后提供专门的测试习题,供读者检验所学知识是否牢固掌握。经作者多年的培训和授课证明,以上讲解方式是最适合初学者学习的方式,读者按照这种方式学习,会非常轻松、顺利地掌握本书知识。

在本书中,所有内容是基于HTML+CSS实现的。

【推荐的学习计划】本书作者在长期从事相关培训或教学实践过程中,归纳了最适合初学者的学习模式,并参考了多位专家的意见,为读者总结了合理的学习时间分配方式,列表如下:

第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天创建窗口框架页面修饰框架修改框架边框的样式框架集中页面之间的链接<iframe>框架

第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章,在此一并表示感谢!编 者

热门图书
推荐新闻
技术文库
论坛推荐