本书为网页设计的初级和中级读者编写，从零开始，由浅入深，全面介绍DIV+CSS网页设计方法的常用知识点。知识点的介绍采用实例驱动的方法，根据编者多年的教学实践经验，精心准备了大量的实例贯穿整个介绍过程，让读者既能形象地掌握各知识点的基础知识，又能迅速了解各知识点的具体应用方法，从而能够活学活用、举一反三。本书不包括美工方面的内容，美工方面的内容可以在读者对网页设计的基础知识了解后再进行学习。

本书遵循Web标准，系统介绍应用HTML和CSS两个网页设计标准设计网页的知识和技巧，并介绍网页制作常用的软件。本书分为4篇：HTML篇、CSS基础篇、CSS布局篇和提高篇。HTML篇介绍HTML标记及网页相关基础知识；CSS基础篇介绍CSS的基本思想、CSS的简单应用实例；CSS布局篇集中介绍用CSS+DIV的网页布局方法；提高篇介绍网页设计中需要使用的软件Fireworks和Flash，以及网页设计中常用的Javascript技术，最后一章为一个综合实例，用一个完整的例子展示了设计一个专业网页的全过程。

本书按照实例驱动的方式编写，每个知识点的学习以实例的形式进行讲解，便于读者理解。本书内容循序渐进、深入浅出，强调网页设计的规范化，通过本书学习可以使读者掌握基于Web标准的网页制作方法。

本书可作为高等院校各专业“网页设计与制作”课程的教材，也可供网页设计、制作和开发人员参考使用。

第1篇 HTML篇

第1章 网页设计概述

 1.1 基础知识

1.1.1 网页和网站

1.1.2 浏览器和服务器

1.1.3 网页的基本元素

1.1.4 静态网页与动态网页

 1.2 Web标准

1.2.1 对标准的理解

1.2.2 Web标准：结构、表现和行为

 1.3 网站整体制作流程

1.3.1 前期策划

1.3.2 页面细化及实施

1.3.3 后期维护

 1.4 静态页面制作流程

 1.5 影响设计的技术因素

 本章小结

 习题

第2章 HTML基础

 2.1 第一个HTML页面

 2.2 标准HTML件结构

 2.3 HTML文本标记

2.3.1 分段与换行

2.3.2 设置标题

2.3.3 设置文字水平居中

 2.4 文字列表

2.4.1 有序列表标记

2.4.2 无序列表标记

 2.5 HTML属性

2.5.1 align属性

2.5.2 bgcolor属性

 2.6 特殊字符的表示方法

 2.7 滚动字幕

 2.8 辅助：利用Dreamweaver设置文本

 本章小结

 习题

第3章 图片

 3.1 图片格式

 3.2 在网页中使用图片

 3.3 图片路径

 3.4 辅助：利用Dreamweaver设置图片

3.4.1 插入图片

S.4.2 设置图片属性

 本章小结

 习题

第4章 超链接

 4.1 设置文字链接

 4.2 target和title属性

 4.3 设置锚点链接

 4.4 图片超链接

 4.5 创建热点区域

4.5.1 用HTML建立热点区域

4.5.2 辅助：利用Dreamweaver设置热点区域

 本章小结

 习题

第5章 表格

 5.1 表格的基本结构

 5.2 表格属性

5.2.1 表格的宽和高

5.2.2 表格对齐方式

5.2.3 表格边框

5.2.4 背景颜色与背景图像

5.2.5 单元格的间距与边距

5.2.6 合并单元格

 5.3 表格的结构标记

 5.4 表格布局实例

 本章小结

 习题

第6章 框架

 6.1 创建框架和框架集

 6.2 框架页面中链接的打开方式

 6.3 定义嵌入式框架

 本章小结

 习题

第7章 表单

 7.1 表单的功能和原理

 7.2 表单标记

 7.3 表单的常用元素

7.3.1 文本域和按钮

7.3.2 单选按钮和复选框

7.3.3 多行文本框和下拉菜单

 7.4 辅助：利用Dreamweaver制作表单实例

 本章小结

 习题

第2篇 CSS基础篇

第8章 CSs概述

 8.1 HTML与XHTML

8.1.1 HTML的发展

8.1.2 选择合适的DOCTYPE

8.1.3 头文件

8.1.4 代码规范

 8.2 CSS简介

 8.3 第一个CSS

 8.4 常用CSS属性

 8.5 CSS的编辑方法

 8.6 CSS与浏览器

 本章小结

 习题

第9章 CSS核心基础

 9.1 CSS选择符

9.1.1 类选择符

9.1.2 标记选择符

9.1.3 ID选择符

9.1.4 三种选择符的比较

 9.2 CSS的位置

9.2.1 内嵌样式

9.2.2 内部样式表

9.2.3 外部样式表

 9.3 CSS伪类

 9.4 CSS的层叠

 本章小结

 习题

第10章 手工编写与借助工具

 10.1 手工编写实例

 10.2 使用Dreamweaver编辑CSS

10.2.1 使用Dreamweaver创建页面

10.2.2 在Dreamweaver中新建CSS规则

10.2.3 在Dreamweaver中编辑CSS规则

 本章小结

 习题

第11章 用CSS设置样式实例

 11.1 设置文本样式

 11.2 设置图像效果

11.2.1 设置图片边框

11.2.2 图片缩放

11.2.3 图文混排

 11.3 设置背景颜色与背景图像

11.3.1 设置背景颜色

11.3.2 设置背景图像

 11.4 用CSS设置链接

11.4.1 普通链接

11.4.2 按钮式链接

11.4.3 特别效果链接

 本章小结

 习题

第3篇 CSS布局篇

第12章 CSs盒子模型

 12.1 第一个盒子

 12.2 盒子模型

 12.3 盒子的宽和高

 12.4 Dreamweaver可视化助理

 12.5 盒子之间的关系

12.5.1 标准文档流

12.5.2 <div>标记与<span>标记

 12.6 盒子在标准流中的定位原则

 习题

第13章 盒子的浮动与定位

 13.1 盒子的浮动

13.1.1 float属性对盒子分布的影响

13.1.2 使用clear属性清除浮动的影响

 13.2 盒子的定位

13.2.1 静态定位

13.2.2 相对定位

13.2.3 绝对定位

13.2.4 固定定位

 13.3 z-index空间定位

 13.4 盒子的display属性

 本章小结

 习题

第14章 DIV+CSS布局剖析

 14.1 CSS布局思路

 14.2 固定宽度且局中的版式

 14.3 左中右版式

 14.4 背景色的设置

 14.5 布局实例一：普通模式电子相册

 14.6 布局实例二：创新模式电子相册

 本章小结

 习题

第4篇 提高篇

第15章 图像处理与导出

 15.1 网页美术设计的基础知识

15.1.1 基本概念

15.1.2 网页的美化原则

 15.2 Fireworks环境简介

15.2.1 Fireworks的操作环境

15.2.2 创建和保存文档

15.2.3 画布

 15.3 在Fireworks中制作编辑图形

 15.4 图像的优化导出

 15.5 切片的使用

 本章小结

 习题

第16章 Flash应用

 16.1 用Dreamweaver插入Flash对象

 16.2 Flash软件简介

16.2.1 Flash的工作界面

16.2.2 Flash的工作流程

 16.3 Flash创建动画实例

 本章小结

 习题

第17章 Javascript基础

 17.1 JavaScript基础

17.1.1 JavaScript的特点

17.1.2 语法

17.1.3 运算符

17.1.4 控制和循环语句

 17.2 表单校验

17.2.1 客户输入的有效性校验

17.2.2 创建可重用的校验代码

 17.3 事件响应

17.3.1 JavaScript事件处理器

17.3.2 出错处理

17.3.3 图像载人出错处理

17.3.4 预览上传图片

 17.4 JavaScript典型应用

17.4.1 浏览器版本检测

17.4.2 实现单击鼠标左键弹出菜单

17.4.3 文字幻灯片

17.4.4 图片渐隐渐现

 本章小结

 习题

第18章 网页设计综合实例：企业网站

 18.1 观察图纸

 18.2 拆分图纸

18.2.1 分离颜色

18.2.2 拆分内容页

 18.3 组装网页

18.3.1 定义站点

18.3.2 制作内容页

 18.4 整理CSS

18.4.1 CSS的缩写技巧

18.4.2 整理CSS实例

本章小结

习题

参考文献