HTML5网页设计案例课堂

第1篇基础知识

第1章初识HTML5

1.1 HTML5简介

1.1.1HTML5简介

1.1.2 HTML5文件的基本结构

1.2 HTML5文件的编写方法

1.2.1案例1——手工编写HTML5

1.2.2案例2——使用HTML编辑器

1.3使用浏览器查看HTML5文件

1.3.1各大浏览器与HTML5的兼容

1.3.2案例3——查看页面效果

1.3.3案例4——查看源文件

1.4跟我练练手

1.4.1练习目标

1.4.2上机练习

1.5高手甜点

第2章HTML5网页文档结构

2.1 Web标准

2.1.1 Web标准概述

2.1.2 Web标准规定的内容

2.2 HTML5文档的基本结构

2.2.1文档类型说明

2.2.2 HTML5标记＜HTML＞

2.2.3头标记＜HEAD＞

2.2.4网页的主体标记＜BODY＞

2.2.5页面注释标记＜！—— ——＞

2.3综合案例——符合W3C标准的HTML5网页制作

2.4跟我练练手

2.4.1练习目标

2.4.2上机练习

2.5高手甜点

第3章HTML5与HTML4的区别

3.1新增的主体结构元素

3.1.1案例1——section素的使用

3.1.2案例2——article元素的使用

3.1.3案例3——aside元素的使用

3.1.4案例4——nav元素的使用

3.1.5案例5——time元素的使用

3.2新增的非主体结构元素

3.2.1案例6——header元素的使用

3.2.2案例7——hgroup元素的使用

3.2.3案例8——footer元素的使用

3.2.4案例9——figure元素的使用

3.2.5案例10——address元素的使用

3.3新增其他常用元素

3.3.1案例11——mark元素的使用

3.3.2案例12——rp元素、rt元素与ruby元素的使用

3.3.3案例13——progress元素的使用

3.3.4案例14——command元素的使用

3.3.5案例15——embed元素的使用

3.3.6案例16—details元素与summary元素的使用

3.3.7案例17—datalist元素的使用

3.4新增全局属性

3.4.1案例18—contentEditable属性的使用

3.4.2案例19—spellcheck属性的使用

3.4.3案例20—tablndex属性的使用

3.5新增的其他属性

3.5.1案例21—表单相关属性的使用

3.5.2案例22—链接相关属性的使用昏

3.5.3案例23—其他属性的使用

3.6 HTML5废除的属性

3.7跟我练练手

3.7.1练习目标

3.7.2上机练习

3.8高手甜点

第2篇核心技术

第4章设计网页文本内容

4.1标题文字的建立

4.1.1案例1—标题文字标记

4.1.2案例2—标题文字的对齐方式

4.2设置文字格式

4.2.1案例3—设置文字字体

4.2.2案例4—设置字号

4.2.3案例5—设置文字颜色

4.2.4案例6—设置粗体、斜体、下划线

4.2.5案例7—设置上标与下标

4.2.6案例8—设置字体风格

4.2.7案例9—设置加粗字体

4.2.8案例10—设置字体复合属性

4.2.9案例11—设置阴影文本

4.2.10案例12——谧制换行

4.3设置段落格式

4.3.1案例13—设置段落标记

4.3.2案例14—设置换行标记

4.4设置网页水平线

4.4.1案例15—添加水平线

4.4.2案例16—设置水平线的宽度与高度

4.4.3案例17—设置水平线的颜色

4.4.4案例18—设置水平线的对齐方式

4.4.5案例19—去掉水平线阴影

4.5综合案例——成才教育网文本设计

4.6跟我练练手

4.6.1练习目标

4.6.2上机练习

4.7高手甜点

第5章网页列表与段落设计

5.1网页文字列表设计

5.1.1案例1—建立无序列表＜ul＞

5.1.2案例2—建立有序列表＜ol＞

5.1.3案例3—建立不同类型的无序列表

5.1.4案例4—建立不同类型的有序列表

5.1.5案例5—嵌套列表

5.1.6案例6—自定义列表＜dl＞

5.2网页段落格式的设计

5.2.1案例7—设计单词间隔word—spacing

5.2.2案例8—设计字符间隔letter—spacing

5.2.3案例9—设计文字修饰text—decoration

5.2.4案例10—设计垂直对齐方式venical—align

5.2.5案例11—设计文本转换text—transform

5.2.6案例12—设计水平对齐方式text—align

5.2.7案例13—设计文本缩进text—indent

5.2.8案例14—设计文本行高line—height

5.2.9案例15—处理空白white—space

5.2.10案例16—文本反排Ulucode—bidi

5.3综合案例——制作图文混排型旅游网页

5.4跟我练练手

5.4.1练习目标

5.4.2上机练习

5.5高手甜点

第6章HTML5网页中的图像

6.1网页中的图像＜img＞

6.1.1网页中支持的图片格式

6.1.2图像中的路径

6.2在网页中插入图像

6.2.1案例1—插入图像

6.2.2案例2—从不同位置插入图像

6.3编辑网页中的图像

6.3.1案例3—设置图像的宽度和高度

6.3.2案例4—设置图像的提示文字

6.3.3案例5—将图片设置为网页背景

6.3.4案例6—排列图像

6.4实战演练——图文并茂房屋装饰装修网页

6.5跟我练练手

6.5.1练习目标

6.5.2上机练习

6.6高手甜点

第7章使用HTML5建立超链接

7.1网页超链接的概念

7.1.1什么是网页超链接

7.1.2超链接中的URL

7.1.3超链接的URL类型

7.2建立网页超级链接

7.2.1案例1—创建超文本链接

7.2.2案例2—创建图片链接

7.2.3案例3——创建下载链接

7.2.4案例4—使用相对路径和绝对路径

7.2.5案例5—设置以新窗口显示超链接页面

7.2.6案例6—设置电子邮件链接

7.3案例7—浮动框架iframe的使用

7.4案例8—精确定位热点区域

7.5综合案例——使用锚链接制作电子书阅读网页

7.6跟我练练手

7.6.1练习目标

7.6.2上机练习

7.7高手甜点

第8章使用HTML5创建表单

8.1案例1—认识表单

8.2表单基本元素的使用

8.2.1案例2—单行文本输入框text的使用

8.2.2案例3—多行文本输入框textarea的使用1

8.2.3案例4—密码域password的使用

8.2.4案例5—单选按钮radio的使用

8.2.5案例6—复选框checkbox的使用

8.2.6案例7—下拉列表框select的使用

8.2.7案例8—普通按钮button的使用

8.2.8案例9——提交按钮submit的使用

8.2.9案例10—重置按钮reset的使用

8.3表单高级元素的使用

8.3.1案例11—url属性的应用

8.3.2案例12—email属性的应用

8.3.3案例13—date属性和times属性的应用

8.3.4案例14—number属性的应用

8.3.5案例15—range属性的应用

8.3.6案例16—required属性的应用

8.4综合案例——创建用户反馈表单1

8.5跟我练练手

8.5.1练习目标

8.5.2上机练习

8.6高手甜点

第9章使用HTML5创建表格

9.1表格的基本结构

9.2使用HTML5创建表格

9.2.1案例1—创建普通表格

9.2.2案例2—创建一个带有标题的表格

9.2.3案例3—定义表格的边框类型

9.2.4案例4—定义表格的表头

9.2.5案例5—设置表格背景

9.2.6案例6—设置单元格背景

9.2.7案例7—合并单元格

9.2.8案例8—排列单元格中的内容

9.2.9案例9—设置单元格的行高与列宽

9.3案例10—创建完整的表格

9.4综合案例——制作商品报价表

9.5跟我练练手

9.5.1练习目标

9.5.2上机练习

9.6高手甜点

第10章HTML5中的多媒体

第11章使用HTML5绘制图形

第12章HTML5中的文件与拖放

第3篇高级应用

第4篇项目案例实战

本书以零基础讲解为宗旨，用实例引导读者深入学习，采取“基础知识→核心技术→高级应用→项目案例实战”的讲解模式，深入浅出地讲解HTML5的各项技术及实战技能。本书第1篇“基础知识”主要讲解初识HTML5、HTML5网页文档结构、HTML5与HTML4的区别等；第2篇“核心技术”主要讲解设计网页文本内容、网页列表与段落设计、HTML5网页中的图像、使用HTML5建立超链接、使用HTML5创建表单、使用HTML5创建表格、 HTML5中的多媒体、使用HTML5绘制图形、HTML 5中的文件与拖放等；第3篇“高级应用”主要讲解获取地理位置、Web通信新技术、数据存储技术、使用Web Worker处理线程、HTML5服务器发送事件、构建离线的Web应用等；第4篇“项目案例实战”主要讲解HTML5、CSS3和JavaScript的搭配应用案例，制作电子商务类网页，制作休闲娱乐类网页，制作企业门户类网页。本书配套的DVD光盘中赠送了丰富的资源，诸如HTML5案例源码命令、教学幻灯片、本书精品教学视频、HTML5标签速查手册、CSS属性速查表、CSS+DIV布局赏析案例、精彩网站配色方案赏析、网页样式与布局案例赏析、Web前端工程师常见面试题等。本书适合任何想学习HTML5的人员，无论您是否从事计算机相关行业或是否接触过HTML5，通过学习均可快速地掌握HTML5的设计方法和技巧。

清华大学出版社“案例课堂”大系
丛书以案例的形式讲解软件的内容，读者可以在实践中熟练掌握软件的使用方法。
每一个案例都精挑细选，同时配有全程语音讲解的视频文件，方便读者学习。
案例的选材广泛，涉及到软件应用的各个领域、各个行业，学习无死角。
“CG设计”系列全彩精印，同等价位下内容更多，同等内容下更实惠。
“网站开发”系列附赠超值，全面学习无障碍：
CSS属性速查表/HTML标签速查表/网页布局案例赏析/精彩网站配色方案赏析/精选JavaScript实例/JavaScript函数速查手册/CSS+DIV布局案例赏析/案例源文件与教学课件