网页设计与制作

第1章 HTML与CSS网页设计概述

1.1 Web基本概念

1.1.1 认识网页

1.1.2 名词解释

1.1.3 了解Web标准

1.2 网页制作入门

1.2.1 HTML简介

1.2.2 CSS简介

1.2.3 常见浏览器介绍

1.3 Dreamweaver工具的使用

1.3.1 Dreamweaver界面介绍

1.3.2 Dreamweaver初始化设置

1.3.3 创建第一个网页

本章小结

第2章 HTML入门

2.1 什么是HTML

2.1.1 HTML文档基本格式

2.1.2 HTML标记

2.1.3 标记的属性

2.1.4 HTML文档头部相关标记

2.2 HTML文本控制标记

2.2.1 标题和段落标记

2.2.2 文本样式标记

2.2.3 文本格式化标记

2.2.4 特殊字符标记

2.3 HTML图像标记

2.3.1 常用图像格式

2.3.2 图像标记

2.3.3 相对路径和绝对路径

2.4 阶段案例——制作图文混排页面

2.4.1 分析效果图

2.4.2 制作页面结构

2.4.3 控制图像

2.4.4 控制文本

本章小结

第3章 CSS入门

3.1 CSS核心基础

3.1.1 CSS样式规则

3.1.2 引入CSS样式表

3.1.3 CSS基础选择器

3.2 CSS文本相关样式

3.2.1 CSS字体样式属性

3.2.2 CSS文本外观属性

3.3 CSS高级特性

3.3.1 CSS复合选择器

3.3.2 CSS层叠性和继承性

3.3.3 CSS优先级

3.4 阶段案例——制作新闻页面

3.4.1 分析效果图

3.4.2 制作页面结构

3.4.3 定义CSS样式

本章小结

第4章 盒子模型

4.1 认识盒子模型

4.2 盒子模型相关属性

4.2.1 边框属性

4.2.2 内边距属性

4.2.3 外边距属性

4.2.4 背景属性

4.2.5 盒子的宽与高

4.3 元素的类型与转换

4.3.1 元素的类型

4.3.2 ＜div＞与＜span＞标记

4.3.3 元素的转换

4.4 块元素垂直外边距的合并

4.4.1 相邻块元素垂直外边距的合并

4.4.2 嵌套块元素垂直外边距的合并

4.5 阶段案例——制作音乐盒

4.5.1 分析效果图

4.5.2 制作页面结构

4.5.3 定义CSS样式

本章小结

第5章 列表与超链接

5.1 列表标记

5.1.1 无序列表ul

5.1.2 有序列表ol

5.1.3 定义列表dl

5.1.4 列表的嵌套应用

5.2 CSS控制列表样式

5.2.1 list-style-type属性

5.2.2 list-style-image属性

5.2.3 list-style-position属性

5.2.4 list-style属性

5.3 超链接标记

5.3.1 创建超链接

5.3.2 锚点链接

5.4 链接伪类控制超链接

5.5 阶段案例——制作新闻列表

5.5.1 分析效果图

5.5.2 制作页面结构

5.5.3 定义CSS样式

本章小结

第6章 表格与表单

6.1 表格标记

6.1.1 创建表格

6.1.2 ＜table＞标记的属性

6.1.3 ＜tr＞标记的属性

6.1.4 ＜td＞标记的属性

6.1.5 ＜th＞标记及其属性

6.1.6 表格的结构

6.2 CSS控制表格样式

6.2.1 CSS控制表格边框

6.2.2 CSS控制单元格边距

6.2.3 CSS控制单元格的宽高

6.3 认识表单

6.4 创建表单

6.5 表单控件

6.5.1 Input控件

6.5.2 textarea控件

6.5.3 select控件

6.6 CSS控制表单样式

6.7 阶段案例——制作注册界面

6.7.1 分析效果图

6.7.2 制作页面结构

6.7.3 定义CSS样式

本章小结

第7章 浮动与定位

7.1 元素的浮动

7.1.1 元素的浮动属性

7.1.2 清除浮动

7.2 Overflow属性

7.3 元素的定位

7.3.1 元素的定位属性

7.3.2 静态定位

7.3.3 相对定位relative

7.3.4 绝对定位

7.3.5 固定定位

7.3.6 z-index层叠等级属性

7.4 阶段案例——制作banner

7.4.1 分析效果图

7.4.2 制作页面结构

7.4.3 定义CSS样式

本章小结

第8章 CSS高级技巧

8.1 CSS精灵技术

8.1.1 需求分析

8.1.2 工作原理

8.1.3 案例实战——精品课程

8.2 CSS滑动门技术

8.2.1 需求分析

8.2.2 工作原理

8.2.3 案例实战——梯形网站导航

8.3 margin负值的应用

8.3.1 对同级元素应用负margin

8.3.2 对子元素应用负margin

8.3.3 案例实战——登录注册模块

本章小结

第9章 布局与兼容性

9.1 CSS布局

9.1.1 版心和布局流程

9.1.2 单列布局

9.1.3 两列布局

9.1.4 三列布局

9.1.5 通栏布局

9.1.6 网页模块命名规范

9.2 浏览器兼容性

9.2.1 CSSHack

9.2.2 IE条件注释语句

9.2.3 使用！important解决高度自适应问题

9.3 常见IE6浏览器的兼容问题

9.3.1 IE6中浮动元素的双倍外边距问题

9.3.2 IE6不支持透明图像问题

9.3.3 IE6中图片底部的像素间隙问题

9.3.4 IE6中元素最小高度的问题

9.3.5 IE6显示多余字符问题

9.3.6 IE6中3像素间距Bug

本章小结

第10章 实战开发（上）-传智播客设计学院首页面

10.1 准备工作

10.1.1 建立站点

10.1.2 站点初始化设置

10.1.3 首页面效果图分析

10.1.4 切片

10.1.5 页面布局

10.2 首页面详细制作

10.2.1 制作头部和导航

10.2.2 banner和通告

10.2.3 主体内容区域

10.2.4 底部版权区域

本章小结

第11章 实战开发（下）-传智播客设计学院子页面

11.1 Dreamweaver模板

11.1.1 模板的作用

11.1.2 建立模板的步骤

11.1.3 引用模板

11.2 列表详情页面制作

11.2.1 “关于我们”页面制作

11.2.2 课程介绍页面制作

11.2.3 课程详细介绍页面制作

本章小结

HTML与CSS是网页制作技术的核心和基础，也是每个网页制作者必须要掌握的基本知识，两者在网页设计中不可或缺。《网页设计与制作：HTML+CSS从初学者的角度，以形象的比喻、实用的案例、通俗易懂的语言详细介绍了使用HTML与CSS进行网页设计与制作的各方面内容和技巧。
　　《网页设计与制作：HTML+CSS附有配套视频、源代码、习题、教学课件等资源，而且为了帮助初学者及时解决学习过程中遇到的问题，传智播客还专门提供了免费的在线答疑平台，并承诺在3小时内针对问题给予解答。

HTML与CSS是网页制作技术的核心和基础，也是每个网页制作者必须要掌握的基本知识，两者在网页设计中不可或缺。本书从初学者的角度，以形象的比喻、实用的案例、通俗易懂的语言详细介绍了使用HTML与CSS进行网页设计与制作的各方面内容和技巧。