网页设计实例教程

第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 插入图片

3.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 htmi与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实例

本章小结

习题

参考文献