HTML 5网页设计与制作实战从入门到精通-(附光盘)

第1章　html 5概述
　html是制作网页需要掌握的基础语言，任何高级网站开发语言都必须以html为基础实现。本章主要介绍html的基本概念和编写方法及浏览html文件的方法。
　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　html 5文件的基本结构　
　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改进详解
　html 5作为*新的标记语言，与旧版本的html标记语言相比变化很大。在未来的网站开发中，它将作为*常用的标记语言。本章开始认识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的基本语法
　当互联网和web逐渐成为主流时，web技术也发生了巨大的变化。w3c和其他的标准化组织共同制定了一些规范，用来创建和解释基于web的内容。
　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章　网页多媒体设计　
　网页上除了文本、图片等内容外，还可以增加音频和视频等多媒体内容。目前在网页上没有关于音频和视频的标准，多数音频和视频都是通过插件来播放的。为此，html 5新增了音频和视频的标签。
　8.1　html 5 audio和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动画
　html 5呈现了很多在之前的html版本中没有的新特性，其中一个*值得提及的特性就是html 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章　网页表单设计
　在html 5中，表单拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。本章节主要讲述表单的概述、表单基本元素的使用方法和表单高级元素的使用方法。
　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本地存储
　在html 5标准之前，web存储信息需要cookie来完成。因为它们由每个对服务器的请求来传递，使得cookie速度很慢而且效率不高。在thml 5中，web存储api为用户如何在计算机或设备上存储用户信息作了数据标准的定义。
　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应用
　为了能在离线的情况下访问网站，可以采用html 5的离线web功能。本章主要介绍使用html 5离线web应用api和使用html 5离线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脚本　
　高手私房菜