《HTML 5网页设计与制作实战从入门到精通》内容简介
本书通过精选案例引导读者深入学习,系统地介绍了利用HTML 5进行网页设计与制作的相关知识与操作方法。
全书共16章。第1—3章主要介绍HTML 5的基础知识,包括基本概念、语法变化和基本语法等;第4—10章主要介绍常用的网页设计,包括文本、色彩和图片、列表与段落、超链接、多媒体、Canvas动画和表单等;第11—12章主要介绍HTML 5的高级应用,包括本地存储和离线Web应用等;第13—16章通过实战案例进一步讲解了基础知识的综合应用方法,包括休闲娱乐、企业门户、电子商务、团购等多种类型网页的设计与制作方法。
作品目录
前言
Preface
第1章:HTML
5概述
1.1、HTML
5概述
1.1.1、HTML的发展史
1.1.2、兼容性和存在即合理
1.1.3、效率和用户优先
1.1.4、化繁为简
1.2、HTML
5的基本概念
1.2.1、HTML
5的革命性变化
1.2.2、HTML5文件的基本结构
1.2.3、HTML
5的标记
1.3、HTML
5文件的编写方法
1.3.1、使用记事本编写HTML
5、1.3.2、使用Dreamweaver编写HTML文件
1.3.3、编写第一个HTML
5网页文件
高手私房菜
第2章:HTML
5改进详解
2.1、HTML
5的适用范围
2.2、使用浏览器查看HTML
5文件
2.2.1、各大浏览器与HTML
5的兼容性
2.2.2、查看页面效果
2.2.3、查看源文件
2.3、编辑一个简单的HTML
5页面
2.3.1、搭建支持的浏览器环境
2.3.2、检测浏览器是否支持HTML标记
2.3.3、使用HTML结构编写“hello,world”页面
2.4、语法变化
2.4.1、HTML
5的语法变化
2.4.2、HTML
5中的标记方法
2.4.3、版本兼容性
2.4.4、标记示例
2.5、新增和废除的元素
2.5.1、新增的结构元素
2.5.2、新增的input元素的类型
2.5.3、新增的其他元素
2.5.4、废除的元素
2.6、新增和废除的属性
2.6.1、新增的属性
2.6.2、废除的属性
2.7、全局属性
2.7.1、Content
Editable属性
2.7.2、design
Mode属性
2.7.3、hidden属性
2.7.4、spellcheck属性
2.7.5、tabindex属性
高手私房菜
第3章:HTML
5的基本语法
3.1、Web标准
3.1.1、Web标准概述
3.1.2、Web标准规定的内容
3.2、HTML基本结构
3.2.1、文档类型说明
3.2.2、HTML标记
3.2.3、头标记head
3.2.4、标题标记title
3.2.5、元信息标记meta
3.2.6、网页的主体标记
3.2.7、页面注释标记
3.3、实例——符合W3C标准的HTML
5网页结构
高手私房菜
第4章:网页文本设计
4.1、实例1——添加文本
4.1.1、普通文本
4.1.2、特殊字符文本
4.1.3、文本特殊样式
4.2、实例2——文本排版
4.2.1、段落标记
与换行标记
4.2.2、标题标记
~
4.3、实例3——文本格式的高级设置
4.3.1、字体
4.3.2、字号
4.3.3、字体风格
4.3.4、加粗字体
4.3.5、小写字母转为大写字母
4.3.6、字体复合属性
4.3.7、字体颜色
4.3.8、阴影文本
4.3.9、溢出文本
4.3.10、控制换行
4.4、实例4——成才教育网文本设计
高手私房菜
第5章:网页色彩和图片设计
5.1、网页色彩与图片的关系
5.2、实例1——网页图像的应用
5.2.1、网页图片格式的选择
5.2.2、使用路径
5.2.3、网页中插入图像标记
5.2.4、设置图像源文件
5.2.5、设置图像在网页中的宽度和高度
5.2.6、设置图像的提示文字
5.3、实例2——制作茂森房地产广告网页
高手私房菜
第6章:网页列表与段落设计
6.1、实例1——网页文字列表设计
6.1.1、建立无序列表
6.1.2、建立有序列表
6.2、实例2——设置网页段落格式
6.2.1、单词间隔
6.2.2、字符间隔
6.2.3、文字修饰
6.2.4、垂直对齐方式
6.2.5、文本转换
6.2.6、水平对齐方式
6.2.7、文本缩进
6.2.8、文本行高
6.2.9、处理空白
6.2.10、文本反排
6.3、实例3——制作图文混排型旅游网页
高手私房菜
第7章:网页超链接设计
7.1、实例1——创建超文本与图片链接
7.2、实例2——创建下载链接
7.3、实例3——使用相对路径和绝对路径
7.4、实例4——设置链接目标打开窗口
7.5、实例5——超文本链接到一个E-mail地址
7.6、实例6——使用锚链接制作电子书阅读网页
7.7、实例7——超文本链接到其他内容
7.8、实例8——创建热点区域
7.9、实例9——浮动框架
高手私房菜
第8章:网页多媒体设计
8.1、HTML
5Audio和Video概述
8.1.1、视频容器
8.1.2、音频和视频编解码器
8.1.3、Audio元素和Video元素的浏览器支持情况
8.2、实例1——使用HTML
5、Audio和Video
API
8.2.1、理解媒体元素
8.2.2、使用audio元素
8.2.3、使用video元素
8.2.4、浏览器支持性检测
8.3、实例2——设置网页多媒体属性
8.4、实例3——调用网页多媒体
高手私房菜
第9章:网页Canvas动画
9.1、实例1——认识画布
9.1.1、Canvas元素的基本用法
9.1.2、绘制带边框矩形
9.1.3、绘制渐变图形
9.2、实例2——在画布中使用路径
9.2.1、MoveTo与LineTo的用法
9.2.2、使用arc方法绘制圆形
9.3、实例3——对画布中图形的操作
9.3.1、变换图形原点坐标
9.3.2、组合多个图形
9.3.3、添加图形阴影
9.4、实例4——处理画布中的图像
9.4.1、绘制图像
9.4.2、平铺图像
9.4.3、切割图像
9.4.4、处理像素
9.5、实例5——运用样式与颜色
9.5.1、色彩设置
9.5.2、透明度
9.5.3、线型
9.5.4、渐变
9.6、实例6——画布的其他应用
9.6.1、绘制文字
9.6.2、保存、恢复及输出图形
9.6.3、制作简单的动画
高手私房菜
第10章:网页表单设计
10.1、实例1——熟悉表单属性
10.1.1、表单的用途
10.1.2、表单的属性设置
10.2、实例2——表单基本元素的应用
10.2.1、文字字段
10.2.2、密码域
10.2.3、单选按钮
10.2.4、复选框
10.2.5、下拉选择框
10.2.6、普通按钮
10.2.7、提交按钮
10.2.8、重置按钮
10.3、实例3——表单高级元素的使用
10.3.1、URL类型元素
10.3.2、Email类型元素
10.3.3、date类型元素
10.3.4、time类型元素
10.3.5、datetime类型元素
10.3.6、datetime-local类型元素
10.3.7、month类型元素
10.3.8、week类型元素
10.3.9、number类型元素
10.3.10、range类型元素
10.3.11、search类型元素
10.3.12、tel类型元素
10.3.13、color类型元素
10.4、实例4——创建用户反馈表单
高手私房菜
第11章:HTML
5本地存储
11.1、实例1——Web
Storage存储
11.1.1、sessionStorage对象
11.1.2、localStorage对象
11.2、实例2——操作localStorage
11.2.1、清空localStorage数据
11.2.2、遍历localStorage数据
11.2.3、使用JSON对象存取数据
11.3、实例3——WebSQL数据库应用
11.3.1、打开与创建数据库
11.3.2、执行事务
11.3.3、插入数据
11.3.4、数据管理
高手私房菜
第12章:构建离线的Web应用
12.1、HTML
5离线Web应用概述
12.2、实例1——使用HTML
5离线Web应用API
12.2.1、检查浏览器的支持情况
12.2.2、搭建简单的离线应用程序
12.2.3、支持离线行为
12.2.4、Manifest文件
12.2.5、ApplicationCache
API
12.3、实例2——使用HTML
5离线Web应用构建应用
12.3.1、创建记录资源的manifest文件
12.3.2、创建构成界面的HTML和CSS
12.3.3、创建离线的JavaScript
12.3.4、检查applicationCache的支持情况
12.3.5、为Update按钮添加处理函数
12.3.6、添加Storage功能代码
12.3.7、添加离线事件处理程序
高手私房菜
第13章:制作休闲娱乐类网页
13.1、整体布局
13.1.1、设计分析
13.1.2、排版架构
13.2、模块组成
13.3、制作步骤
13.3.1、制作样式表
13.3.2、Logo与导航菜单
13.3.3、搜索条
13.3.4、左侧视频模块
13.3.5、评论模块
13.3.6、右侧热门推荐
13.3.7、底部模块
高手私房菜
第14章:制作大型企业门户类网页
14.1、整体布局
14.1.1、设计分析
14.1.2、排版架构
14.2、模块组成
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、网页底部
高手私房菜
第15章:制作电子商务类网页
15.1、整体布局
15.1.1、设计分析
15.1.2、排版架构
15.2、模块组成
15.3、制作步骤
15.3.1、样式表
15.3.2、网页头部
15.3.3、主体第一通栏
15.3.4、主体第二通栏
15.3.5、主体第三通栏
15.3.6、网页底部
高手私房菜
第16章:制作团购类网页
16.1、整体布局
16.1.1、设计分析
16.1.2、排版架构
16.2、模块组成
16.3、制作步骤
16.3.1、样式表
16.3.2、网页头部
16.3.3、分类及区域选择
16.3.4、新品展示
16.3.5、侧边栏
16.3.6、热门城市索引
16.3.7、网页底部
16.3.8、JavaScript脚本
高手私房菜