21天精通HTML 5+CSS 3网页设计

第1部分了解网页设计基础知识

第1天 网页与网站基础知识

1.1认识网页和网站

1.1.1什么是网页

1.1.2什么是网站

1.2网页的相关概念

1.2.1浏览器

1.2.2 网页与HTML

1.2.3 URL、域名与IP地址

1.2.4网站上传和下载

1.3 网页的HTML构成

1.3.1文档标记

1.3.2头部标记

1.3.3主体标记

1.4 HTML常用标记

1.4.1 链接标记

1.4.2段落标记

1.4.3 通用块标记

1.4.4 行内标记

1.4.5 元数据标记

1.4.6 图像标记

1.4.7 框架容器标记

1.4.8子框架标$己

1.4.9表格标记

1.4.10 浮动帧标记

1.4.11滚动标记

1.5技能训练1——制作日程表

1.6技能训练2——保存整站

第2天 认识Web新面孔——HTML5新增元素与属性速览

2.1 新增的主体结构元素

2.I.1 section元素

2.1.2 article元素

2.1.3 aside元素

2.1.4 nay元素

2.2新增的非主体结构元素

2.2.1 header元素

2.2.2 hgroup元素

2.2.3 footer元素

2.2.4 figure元素

2.3新增的其他元素

2.3。1新增input元素的类型

2.3.2其他元素

2.4新增的属性和废除的属性

2.4.1新增的表单属性

2.4.2新增的链接相关属性

2.4.3新增的其他属性

2.4.4废除的属性

2.5新增的全局属性

2.5.1 contentEditable属性

2.5.2 designMode属性

2.5.3 hidden属性

2.5.4 spellcheck属性

2.5.5 tablndex属性

第3天读懂样式表密码——网页设计中的CSS 3

3.1认识CSS 3

3.1.1 CSS 3简介

3.1.2 CSS 3发展历史

3.1.3浏览器与CSS 3

3.2样式表的基本用法

3.2.1在HTML中插入样式表

3.2.2单独的链接CSS文件

3.3 CSS 3新增的选择器

3.3.1属性选择器

3.3.2结构伪类选择器

3.3.3 U1元素状态伪类选择器

3.4技能训练——制作彩色标题

第2部分使用HTML 5的高级应用

第4天 网页将变得更加活泼——网页表单技术应用

4.1新增HTML 5表单

4.1.1基本表单元素

4.1.2高级表单元素

4.1.3新增表单元素

4.2新增表单属性

4.2.1 autocomplete属性

4.2.2 min、max和step属性

4.2.3 multiple属性

4.2.4 placeholder属性

4.2.5 required属性

4.3技能训练——创建用户注册页面

第5天让页面从此告别单调——网页多媒体应用

5.1音／视频容器与视频编／解码器

5.1.1视频容器

5.1.2音频和视频编／解码器

5.1.3 audio和video元素的浏览器支持情况

5.1.4在HTML4和HTML 5中播放多媒体的异同

5.2属性与方法

5.2.1理解媒体元素

5.2.2使用audio元素

5.2.3使用video元素

5.3事件触发机制

5.3.1 事件概述

5.3.2事件处理应用

5.4技能训练——为网页添加背景音乐

第6天 网页中的北斗星——获取地理位置

6.1 Geolocation API获取地理位置

6.1.1地理定位的原理

6.1.2地理定位的方法

6.1.3指定纬度和经度坐标

6.1.4如何获取位置信息

6.2技能训练——在网页中调用百度地图

第7天 通信不再是件难事儿——Web曲通信新技术

7.1跨文档消息传输

7.1.1跨文档消息传输的基本知识

7.1.2跨文档通信应用测试

7.2 Web Sockets API

7.2.1 Web Sockets通信基础

7.2.2服务器端使用Web Sockets API

7.2.3客户端使用W曲Sockets APl

7.3技能训练——编写简单的Wbe Socket服务器

第8天 把数据放至客户端——本地存储技术

8.1认识Web Storage

8.2使用HTML 5 Web Storage API

8.2.1 sessionStorage对象应用

8.2.2 localStorage对象应用

8.2.3 Web Storage API的其他操作

8.3在本地建立数据库

8.3.1本地数据库概述

8.3.2用executeSql来插入数据

8.3.3使用transaction方法处理事件

8.4 技能训练——制作简单的Wreb留言本

第9天让通信更顺畅——线程处理

9.1 Web Worker概述

9.2线程中常用的变量、函数与类

9.3与线程进行数据交互

9.4线程嵌套

9.4.1 技能训练1——单线程嵌套

9.4.2技能训练2——多个子线程中的数据交互

第10天浏览页面更快捷——构建离线应用程序

10.1 HTML 5离线应用程序

10.1.1本地缓存

10.1.2浏览器网页缓存与本地缓存的区别

10.1.3 目前浏览器对Web离线应用的支持情况

10.1.4支持离线行为

10.2了解manifest（清单）文件

10.3了解applicationCache API

10.4技能训练——离线定位跟踪

第3部分使用CSS 3控制网页样式

第4部分HTML 5+CSS 3综合实战

《21天精通HTML 5+CSS 3网页设计》以完整的网页设计为主线，以21天为学习任务周期，将每天的知识学习和技能训练分为两个部分，每天只需学习两小时，就能顺利地完成一个项目的学习，简单易学。全书共21个章节。其中第1～3天主要讲解网页和网站、HTML5、CSS3的基础知识；第4～10天主要讲解利用HTML5的功能来构建网页的技术、多媒体等各项应用；第11～16天主要讲解利用CSS3技术来美化网页上的文本、图像、表单等相关样式；第17～21天通过精选的5类常见的网站应用方向来讲解综合利用HTML5+CSS3技术的设计方法。

《21天精通HTML5 CSS3网页设计(附光盘)》由雨辰网络研究中心所著，本书利用最新的HTML 5与CSS3语言，结合案例来讲解网页设计的方法与规范，全书遵循Web标准，强调“表现”与“内容”的分离，抛弃了那些过时的HTML标记和属性，从更规范的角度全面、系统地介绍了网页设计制作方法与技巧。书中给出了大量详细的案例，并对案例进行分析，便于读者在理解的基础上，直接修改后使用。作者具备扎实的实践功底，行文细腻，对每一个技术细节以及每一个实际工作中可能遇到的难点和错误都进行了详细的说明，并给出了解决方案。学习光盘，收录了12个小时HTML和CSS多媒体教学录像和网页制作技术多媒体教学录像，辅助读者学习，达到事半功倍的效果。光盘还附带书中所有实例的素材文件、源代码和最终效果文件，修改后可直接使用。