HTML5+CSS3网站设计教程

第1章 网页和网站的基础知识

1．1 认识网页

1．1．1 网页和网站

1．1．2 网页的类型

1．1．3 静态网页与动态网页

1．1．4 网页的基本构成元素

1．2 如何设计网页

1．2．1 网页设计的基本原则

1．2．2 网页设计成功要素

1．2．3 网页的设计风格及色彩搭配

1．2．4 网页设计的实现

1．3 网页设计的要点

1．3．1 为用户考虑

1．3．2 主题突出

1．3．3 整体原则

1．3．4 内容与形式相统一

1．3．5 更新和维护

1．4 网站整体制作流程

1．4．1 前期策划

1．4．2 页面细化及实施

1．4．3 后期维护

1．5 课堂提问

1．5．1 问题1

1．5．2 问题2

1．6 练习题

第2章 使用Web标准设计和制作

2．1 表格布局

2．1．1 表格布局的特点

2．1．2 混乱的逻辑结构和冗余的嵌套表格

2．2 了解Web标准

2．2．1 什么是Web标准

2．2．2 什么是W3C

2．2．3 W3C发布的标准

2．2．4 Web标准的优势

2．3 网站设计的标准时代

2．3．1 为什么要建立网站标准

2．3．2 遵循标准的网站与传统网站的区别

2．3．3 采用网站标准的好处与缺点

2．4 Web 标准三剑客

2．4．1 什么是内容、结构、表现和行为

2．4．2 Div 与CSS 结合的优势

2．4．3 如何改善现有网站

2．5 关于Web 标准的思考与争论

2．5．1 关于Web 标准的好处

2．5．2 关于布局

2．5．3 关于浏览器兼容

2．6 关于Web 标准的误区

2．6．1 抛弃表格布局的思维方式

2．6．2 正确使用XHTML 标签

2．6．3 善于利用CSS

2．6．4 “通过验证”并不是最终目的

2．7 课堂提问

2．7．1 问题1

2．7．2 问题2

2．8 练习题

第3章 HTML 和XHTML 基础

3．1 HTML 基础

3．1．1 HTML 概述

3．1．2 HTML 文件的基本结构

3．1．3 HTML 的主要功能

3．1．4 HTML 的基本语法

3．2 HTML 标签

3．2．1 基本标签

3．2．2 格式标签

3．2．3 文本标签

3．2．4 超链接标签

3．2．5 图像标签

3．2．6 表格标签

3．2．7 分区标签

3．3 XHTML 介绍

3．3．1 什么是XHTML

3．3．1 升级到XHTML 的好处

3．3．2 XHTML 的页面结构

3．3．3 XHTML 代码规范

3．3．4 选择文档类型

3．3．5 XHTML 和HTML 的比较

3．3．4 名字空间

3．4 课堂提问

3．4．1 问题1

3．4．2 问题2

3．5 练习题

第4章 CSS样式基础

4．1 CSS概述

4．1．1 CSS的特点

4．1．2 CSS的类型

4．1．3 CSS的基本语法

4．2 CSS样式表的基本用法

4．2．1 如何在HTML内插入样式表

4．2．2 CSS样式表规则

4．3 CSS样式表分类

4．3．1 内联样式

4．3．2 内部样式表

4．3．3 外部样式表

4．4 CSS文档结构

4．4．1 结构

4．4．2 继承

4．4．3 特殊性

4．4．4 层叠

4．4．5 重要性

4．5 单位和值

4．5．1 颜色值

4．5．2 定义字体

4．5．3 群选择符

4．5．4 派生选择符

4．5．5 id选择符

4．5．6 类别选择符

4．5．7 定义链接的样式表

4．6 课堂提问

4．6．1 问题1

4．6．2问题2

4．7 练习题

第5章 Div+CSS布局入门

5．1 定义Div

5．1．1 什么是Div

5．1．2 插入Div

5．1．3 Div的嵌套和固定格式

5．2 可视化模型

5．2．1 盒模型

5．2．2 视觉可视化模型

5．2．3 相对定位

5．2．4 绝对定位

5．2．5 浮动定位

5．2．6 空白边叠加

5．3 CSS布局方式

5．3．1 居中的布局设计

5．3．2 浮动的布局设计

5．3．3 高度自适应

5．4 CSS 3．0中盒模型的新增属性

5．4．1 overflow

5．4．2 overflow-x

5．4．3 overflow-y

5．4．4 使用CSS 3．0实现鼠标经过变换效果

5．5 商业案例——设计制作咖啡店网站页面

5．5．1 设计分析

5．5．2 布局分析

5．5．3 制作流程

5．5．4 制作步骤

5．5．5 案例小结

5．6 课堂提问

5．6．1 问题1

5．6．2 问题2

5．7 练习题

第6章 设置页面背景图像

6．1 背景控制概述

6．1．1 背景控制原则

6．1．2 背景控制属性

6．2 背景颜色控制

6．2．1 控制页面背景颜色

6．2．2 设置块背景颜色

6．3 背景图片控制

6．3．1 设置背景图像

6．3．2 背景图像的重复方式

6．3．3 背景图像的定位

6．3．4 背景图像的滚动

6．4 CSS 3．0中背景的背增属性

6．4．1 background-origin

6．4．2 background-clip

6．4．3 background-size

6．4．4 multiple backgrounds

6．4．5 使用CSS 3．0实现动态背景

6．5 课堂提问

6．5．1 问题1

6．5．2 问题2

6．6 练习题

第7章 设置页面中的图像

7．1 图像样式控制

7．1．1 图像边框

7．1．2 图像定位

7．1．3 图像缩放

7．1．4 图像对齐方式

7．2 图文混排

7．2．1 文本混排

7．2．2 设置混排间距

7．3 CSS 3．0中边框的新增属性

7．3．1 border-image

7．3．2 border-radius

7．3．3 border-color

7．3．4 box-shadow

7．3．5 使用CSS 3．0实现图像滑过动画效果

7．6 课堂提问

7．6．1 问题1

7．6．1 问题2

7．7 练习题

第8章 CSS文本内容排版

8．1 文本排版概述

8．1．1 文本排版原则

8．1．2 文本控制属性

8．2 CSS文本样式

8．2．1 字体

8．2．2 大小

8．2．3 粗细

8．2．4 样式

8．2．5 颜色

8．2．6 修饰

8．2．7 英文字母大小写

8．3 CSS段落样式

8．3．1 段落水平对齐

8．3．2 段落垂直对齐

8．3．3 行间距和字间距

8．3．4 首字下沉

8．4 CSS 3．0中文字的新增功能

8．4．1 text-shadow

8．4．2 text-overflow

8．4．3 word-wrap

8．4．4 使用CSS 3．0实现可折叠栏目

8．6 课堂提问

8．6．1 问题1

8．6．2 问题2

8．7 练习题

第9章 设置表单样式

9．1 表单设计概述

9．1．1 网页表单设计原则

9．1．2 表单应用分类

9．2 表单设计

9．2．1 表单和表单元素

9．2．2 标签的作用

9．2．3 文本框样式设计

9．2．4 下拉列表样式设计

9．3 CSS 3．0中控制内容的新增属性

9．4 CSS 3．0中颜色的新增属性

9．4．1 HSL Colors

9．4．2 HSLA Colors

9．4．3 Opacity

9．4．4 RGBA Colors

9．4．5 使用CSS 3．0实现动态堆叠卡效果

9．5 课堂提问

9．5．1问题1

9．5．2问题2

9．6 练习题

第10章 设置列表样式

10．1 列表控制概述

10．1．1 列表控制原则

10．1．2 列表标签的使用

10．2 列表样式控制

10．2．1 ul序列表

10．2．2 ol有序列表

10．2．3 定义列表

10．2．4 更改列表项目样式

10．3 使用列表制作菜单

10．3．1 须表格的菜单

10．3．2 菜单的横竖转换

10．4 CSS 3．0中其他模块的新增属性

10．4．1 @media

10．4．2 @font-face

10．4．3 columns

10．4．4 speech

10．4．5 使用CSS 3．0实现选项卡式新闻块

10．5 课堂提问

10．5．1问题1

10．5．2问题2

10．6练习题

第11章 设置页面超链接样式

11．1 超链接概述

11．1．1 超链接样式

《HTML5+CSS3网站设计教程》系统地讲解了CSS的基础理论和实际运用技术，并结合多个案例讲解了采用CSS与层布局相结合制作网页的方法，在详细讲解各个案例的制作中，不仅介绍了CSS样式设计的各方面知识，更重要的是结合实际网页制作中可能遇到的问题提供了解决问题的思路、方法、技巧。即使是初学者，也可以轻松掌握Div+CSS布局方式，制作出精美的网页，并搭建工能强大的网站。本书全面展现了运用HTML5+CSS3进行网页设计布局的方法，详细的讲解步骤配合图示，使得每个步骤清晰易懂、一目了然。