网页设计案例教程 DIV+CSS版

第1章 网页制作基础 1

1.1 网页初认识 1

1.1.1 网页的定义 1

1.1.2 优秀网页需具备的条件 2

1.1.3 编辑器的选择 13

1.1.4 Web浏览器 14

1.2 制作一个网页 14

1.2.1 网页基本结构 15

1.2.2 实例操作 16

1.3 添加CSS样式表 17

1.3.1 CSS的定义 18

1.3.2 CSS基本结构 18

1.3.3 网页添加CSS的方式 20

1.3.4 实例操作 22

本章小结 27

课后习题 27

第2章 网站规划与制作流程 28

2.1 “新分享”网站的建站准备 28

2.1.1 网站规划 30

2.1.2 准备素材 31

2.1.3 设置站点 31

2.1.4 实例操作 32

2.2 “新分享”网站的制作流程 33

2.2.1 网页制作流程 33

2.2.2 网站制作流程 34

2.2.3 实例操作 35

本章小结 47

课后习题 47

第3章 首页背景制作 48

3.1 首页布局分析和区域块命名 48

3.1.1 网页宏观层命名规则 49

3.1.2 网页微观层命名注意事项 50

3.1.3 实例操作 51

3.2 Photoshop切图 52

3.2.1 网页哪些背景必须切图 53

3.2.2 首页背景如何切图 56

3.2.3 实例操作 57

3.3 HTML和CSS代码编写 58

3.3.1 div标签 59

3.3.2 CSS布局相关属性 60

3.3.3 CSS布局相关属性值设置 60

3.3.4 margin和padding 62

3.3.5 float浮动属性 63

3.3.6 网页添加背景图片 65

3.3.7 背景图片的定位 66

3.3.8 实例操作 68

本章小结 73

课后习题 74

第4章 首页头部元素制作 76

4.1 Logo制作 76

4.1.1 img图片标签 77

4.1.2 图片标签CSS设置 79

4.1.3 实例操作 80

4.2 文字链接制作 85

4.2.1 超链接标签 86

4.2.2 伪类 88

4.2.3 超链接CSS设置 89

4.2.4 绝对定位和相对定位 90

4.2.5 去除超链接下划线 92

4.2.6 实例操作 93

4.3 表单制作 99

4.3.1 表单的定义 100

4.3.2 表单的CSS设置 102

4.3.3 实例操作 106

本章小结 117

课后习题 117

第5章 首页主体和底部制作 119

5.1 添加主体部分文字 119

5.1.1 标题标签的用法 120

5.1.2 行高属性 123

5.1.3 对齐属性 124

5.1.4 实例操作 124

5.2 添加网页底部元素 130

5.2.1 网页底部常见设计样式 130

5.2.2 实例操作 131

本章小结 134

课后习题 134

第6章 功能页导航菜单制作 136

6.1 横向主菜单 136

6.1.1 列表的HTML结构 137

6.1.2 列表的CSS设置 140

6.1.3 制作树状列表 141

6.1.4 实例操作 143

6.2 侧向导航菜单 151

6.2.1 列表整体使用背景色 152

6.2.2 列表项文字缩进 152

6.2.3 实例操作 153

6.3 Tab式菜单 160

本章小结 167

课后习题 167

第7章 功能页主体部分制作 169

7.1 表格布局制作主体内容 169

7.1.1 表格的HTML结构 170

7.1.2 拆分单元格 172

7.1.3 表格属性 174

7.1.4 表格的CSS设置 178

7.1.5 制作“斑马效果”表格 178

7.1.6 制作“滚动条”表格 180

7.1.7 实例操作 180

7.2 分页导航制作 184

7.2.1 分页导航 185

7.2.2 分页导航设计注意事项 185

7.2.3 实例操作 187

本章小结 190

课后习题 190

第8章 功能页右侧部分制作 192

8.1 地图 192

8.1.1 网页地图定义和类型 193

8.1.2 实例操作 193

8.2 拓展媒体 196

8.2.1 拓展媒体的定义 197

8.2.2 实例操作 198

8.3 图片画廊 201

8.3.1 使用图片画廊 202

8.3.2 常见的图片画廊效果 202

8.3.3 实例操作 204

8.4 日历 205

实例操作 206

本章小结 212

课后习题 213

参考文献 215