HTML5网页设计案例课堂-DVD附赠超值视频讲解

目 录第1篇 基础知识第1章 初识html5 31.1　html5简介 41.1.1　html 5简介 41.1.2　html5文件的基本结构 51.2　html5文件的编写方法 51.2.1　案例1――手工编写html5 51.2.2　案例2――使用html编辑器 61.3　使用浏览器查看html5文件 101.3.1　各大浏览器与html5的兼容 111.3.2　案例3――查看页面效果 111.3.3　案例4――查看源文件 111.4　跟我练练手 121.4.1　练习目标 121.4.2　上机练习 121.5　高手甜点 12第2章 html5网页文档结构 152.1　web标准 162.1.1　web标准概述 162.1.2　web标准规定的内容 162.2　html5文档的基本结构 172.2.1　文档类型说明 182.2.2　html5标记 192.2.3　头标记 192.2.4　网页的主体标记 222.2.5　页面注释标记 222.3　综合案例――符合w3c标准的html5网页制作 232.4　跟我练练手 242.4.1　练习目标 242.4.2　上机练习 252.5　高手甜点 25第3章 html5与html4的区别 273.1　新增的主体结构元素 283.1.1　案例1――section元素的使用 283.1.2　案例2――article元素的使用 293.1.3　案例3――aside元素的使用 323.1.4　案例4――nav元素的使用 333.1.5　案例5――time元素的使用 363.2　新增的非主体结构元素 373.2.1　案例6――header元素的使用 373.2.2　案例7――hgroup元素的使用 383.2.3　案例8――footer元素的使用 403.2.4　案例9――figure元素的使用 423.2.5　案例10――address元素的使用 453.3　新增其他常用元素 463.3.1　案例11――mark元素的使用 463.3.2　案例12――rp元素、rt元素与ruby元素的使用 483.3.3　案例13――progress元素的使用 493.3.4　案例14――command元素的使用 503.3.5　案例15――embed元素的使用 503.3.6　案例16――details元素与summary元素的使用 513.3.7　案例17――datalist元素的使用 523.4　新增全局属性 533.4.1　案例18――contenteditable属性的使用 533.4.2　案例19――spellcheck属性的使用 543.4.3　案例20――tabindex属性的使用 553.5　新增的其他属性 563.5.1　案例21――表单相关属性的使用 563.5.2　案例22――链接相关属性的使用 643.5.3　案例23――其他属性的使用 663.6　html5废除的属性 663.7　跟我练练手 683.7.1　练习目标 683.7.2　上机练习 683.8　高手甜点 68第2篇 核心技术第4章 设计网页文本内容 734.1　标题文字的建立 744.1.1　案例1――标题文字标记 744.1.2　案例2――标题文字的对齐方式 754.2　设置文字格式 754.2.1　案例3――设置文字字体 754.2.2　案例4――设置字号 774.2.3　案例5――设置文字颜色 784.2.4　案例6――设置粗体、斜体、下划线 794.2.5　案例7――设置上标与下标 814.2.6　案例8――设置字体风格 824.2.7　案例9――设置加粗字体 834.2.8　案例10――设置字体复合属性 844.2.9　案例11――设置阴影文本 854.2.10　案例12――控制换行 864.3　设置段落格式 884.3.1　案例13――设置段落标记 884.3.2　案例14――设置换行标记 894.4　设置网页水平线 904.4.1　案例15――添加水平线 904.4.2　案例16――设置水平线的宽度与高度 914.4.3　案例17――设置水平线的颜色 924.4.4　案例18――设置水平线的对齐方式 924.4.5　案例19――去掉水平线阴影 934.5　综合案例――成才教育网文本设计 944.6　跟我练练手 954.6.1　练习目标 954.6.2　上机练习 954.7　高手甜点 95第5章 网页列表与段落设计 975.1　网页文字列表设计 985.1.1　案例1――建立无序列表 985.1.2　案例2――建立有序列表 995.1.3　案例3――建立不同类型的无序列表 1005.1.4　案例4――建立不同类型的有序列表 1015.1.5　案例5――嵌套列表 1025.1.6　案例6――自定义列表 1035.2　网页段落格式的设计 1045.2.1　案例7――设计单词间隔word-spacing 1045.2.2　案例8――设计字符间隔letter-spacing 1055.2.3　案例9――设计文字修饰text-decoration 1065.2.4　案例10――设计垂直对齐方式vertical-align 1075.2.5　案例11――设计文本转换text-transform 1095.2.6　案例12――设计水平对齐方式text-align 1105.2.7　案例13――设计文本缩进text-indent 1125.2.8　案例14――设计文本行高line-height 1135.2.9　案例15――处理空白white-space 1145.2.10　案例16――文本反排unicode-bidi 1155.3　综合案例――制作图文混排型旅游网页 1175.4　跟我练练手 1185.4.1　练习目标 1185.4.2　上机练习 1185.5　高手甜点 118第6章 html5网页中的图像 1216.1　网页中的图像 1226.1.1　网页中支持的图片格式 1226.1.2　图像中的路径 1226.2　在网页中插入图像 1246.2.1　案例1――插入图像 1246.2.2　案例2――从不同位置插入图像 1256.3　编辑网页中的图像 1266.3.1　案例3――设置图像的宽度和高度 1266.3.2　案例4――设置图像的提示文字 1276.3.3　案例5――将图片设置为网页背景 1286.3.4　案例6――排列图像 1296.4　实战演练――图文并茂房屋装饰装修网页 1306.5　跟我练练手 1316.5.1　练习目标 1316.5.2　上机练习 1316.6　高手甜点 131第7章 使用html5建立超链接 1337.1　网页超链接的概念 1347.1.1　什么是网页超链接 1347.1.2　超链接中的url 1347.1.3　超链接的url类型 1357.2　建立网页超级链接 1357.2.1　案例1――创建超文本链接 1357.2.2　案例2――创建图片链接 1377.2.3　案例3――创建下载链接 1387.2.4　案例4――使用相对路径和绝对路径 1397.2.5　案例5――设置以新窗口显示超链接页面 1407.2.6　案例6――设置电子邮件链接 1427.3　案例7――浮动框架iframe的使用 1437.4　案例8――精确定位热点区域 1457.5　综合案例――使用锚链接制作电子书阅读网页 1487.6　跟我练练手 1517.6.1　练习目标 1517.6.2　上机练习 1517.7　高手甜点 151第8章 使用html5创建表单 1538.1　案例1――认识表单 1548.2　表单基本元素的使用 1558.2.1　案例2――单行文本输入框text的使用 1558.2.2　案例3――多行文本输入框textarea的使用 1568.2.3　案例4――密码域password的使用 1568.2.4　案例5――单选按钮radio的使用 1578.2.5　案例6――复选框checkbox的使用 1588.2.6　案例7――下拉列表框select的使用 1598.2.7　案例8――普通按钮button的使用 1608.2.8　案例9――提交按钮submit的使用 1618.2.9　案例10――重置按钮reset的使用 1628.3　表单高级元素的使用 1638.3.1　案例11――url属性的应用 1638.3.2　案例12――email属性的应用 1648.3.3　案例13――date属性和times属性的应用 1658.3.4　案例14――number属性的应用 1668.3.5　案例15――range属性的应用 1678.3.6　案例16――required属性的应用 1678.4　综合案例――创建用户反馈表单 1688.5　跟我练练手 1708.5.1　练习目标 1708.5.2　上机练习 1708.6　高手甜点 170第9章 使用html5创建表格 1719.1　表格的基本结构 1729.2　使用html5创建表格 1739.2.1　案例1――创建普通表格 1749.2.2　案例2――创建一个带有标题的表格 1759.2.3　案例3――定义表格的边框类型 1769.2.4　案例4――定义表格的表头 1779.2.5　案例5――设置表格背景 1789.2.6　案例6――设置单元格背景 1809.2.7　案例7――合并单元格 1819.2.8　案例8――排列单元格中的内容 1859.2.9　案例9――设置单元格的行高与列宽 1869.3　案例10――创建完整的表格 1879.4　综合案例――制作商品报价表 1899.5　跟我练练手 1919.5.1　练习目标 1919.5.2　上机练习 1919.6　高手甜点 191第10章 html5中的多媒体 19310.1　网页音频标签audio 19410.1.1　audio标签概述 19410.1.2　audio标签的属性 19410.1.3　音频解码器 19510.1.4　audio标签浏览器的支持情况 19510.2　网页视频标签video 19510.2.1　video标签概述 19510.2.2　video标签的属性 19510.2.3　视频解码器 19610.2.4　video标签浏览器的支持情况 19610.3　添加网页音频文件 19710.3.1　案例1――设置背景音乐 19710.3.2　案例2――设置音乐循环播放 19810.4　添加网页视频文件 19810.4.1　案例3――为网页添加视频文件 19810.4.2　案例4――设置自动运行 19910.4.3　案例5――设置视频文件的循环播放 20010.4.4　案例6――设置视频窗口的高度与宽度 20110.5　添加网页滚动文字 20210.5.1　案例7――滚动文字标签的使用 20210.5.2　案例8――滚动方向属性的应用 20310.5.3　案例9――滚动方式属性的应用 20410.5.4　案例10――滚动速度属性的应用 20510.5.5　案例11――滚动延迟属性的应用 20610.5.6　案例12――滚动循环属性的应用 20610.5.7　案例13――滚动范围属性的应用 20710.5.8　案例14――滚动背景颜色属性的应用 20810.5.9　案例15――滚动空间属性的应用 20910.6　跟我练练手 21010.6.1　练习目标 21010.6.2　上机练习 21010.7　高手甜点 210第11章 使用html5绘制图形 21311.1　什么是canvas 21411.2　绘制基本形状 21511.2.1　案例1――绘制矩形 21511.2.2　案例2――绘制圆形 21611.2.3　案例3――使用moveto与lineto绘制直线 21711.2.4　案例4――使用beziercurveto绘制贝济埃曲线 21911.3　绘制渐变图形 22111.3.1　案例5――绘制线性渐变 22111.3.2　案例6――绘制径向渐变 22211.4　绘制变形图形 22311.4.1　案例7――变换原点坐标 22311.4.2　案例8――图形缩放 22511.4.3　案例9――旋转图形 22611.5　绘制其他样式的图形 22711.5.1　案例10――图形组合 22711.5.2　案例11――绘制带阴影的图形 22911.5.3　案例12――绘制文字 23011.6　使用图像 23211.6.1　案例13――绘制图像 23211.6.2　案例14――图像平铺 23411.6.3　案例15――图像裁剪 23511.6.4　案例16――像素处理 23711.7　图形的保存与恢复 23911.7.1　案例17――保存与恢复状态 23911.7.2　案例18――保存文件 24011.8　实战演练――绘制图形商标 24111.9　跟我练练手 24311.9.1　练习目标 24311.9.2　上机练习 24311.10　高手甜点 244第12章 html5中的文件与拖放 24512.1　选择文件 24612.1.1　案例1――选择单个文件 24612.1.2　案例2――选择多个文件 24612.2　使用filereader接口读取文件 24712.2.1　案例3――检测浏览器是否支持filereader接口 24712.2.2　案例4――filereader接口的方法 24812.2.3　案例5――使用readasdataurl方法预