DIV+CSS布局与样式之网站设计基础

第1章网页与网站的常识 1

11互联网常识 1

111组成网站的要素 1

112网站域名 2

113域名解析 3

114网站空间 3

115虚拟主机 4

12网页常识 5

121网页的结构描述语言 HTML5

122 XHTML和HTML的区别 6

123网页的分类 7

124网页的源代码 8

13网站常识 8

131网站开发语言 8

132动态网站和静态网站 9

133网站建设流程 9

14初学者常见问题 9

141 XHTML语言的特点 9

142浏览器的作用 10

143静态网页和动态网页的区别 10

第2章网站制作基础 11

21如何使用 Dreamweaver建站 11

211定义站点 11

212制作静态网页 17

213制作动态网页 18

214浏览网页 19

22策划网站 19

221确定网站主题 19

222网站需求分析 19

223网站框架图设计 /交互设计 19

23视觉设计 20

24页面开发 20

241如何切图并保存切片 20

242 CSS选择器 22

DIV+CSS布局与样式之网站设计基础

243 CSS盒模型 24

244 CSS定位 25

245认识 div层32

246 div和span的区别 33

247网站文件规划 34

248 CSS样式规划 34

25页面开发标准和规范 36

26综合练习 1——图文排版效果 36

27综合练习 2——淘宝导购菜单 38

28初学者常见问题 41

281 DIV+CSS网站标准设计的优势 41

282如何考虑网站推广问题 42

283什么是 Web标准 42

284如何理解 margin的加倍问题 42

285 margin:0 auto表示什么含义 43

第3章左右两栏固定宽度的布局 44

31页面布局的分析 44

32页面布局的实现 45

321两栏浮动 45

322两栏绝对定位 46

323一栏浮动，另一栏绝对定位 47

33网页实例 48

331效果图分析 49

332切图 51

333绘制框架图 52

334编写 XHTML代码 53

335编写 CSS代码 56

34小结 59

第4章左右两栏宽度自适应的布局 60

41页面布局的分析 60

411示意图 60

412布局分析 61

42页面布局的实现 61

421两栏浮动 61

422两栏绝对定位 62

423一栏浮动，另一栏绝对定位 63

43网页实例 64

431效果图分析 65

432切图 66

433绘制框架图 67

434编写 XHTML代码 67

435编写 CSS代码 69

44小结 71

第5章一栏宽度固定，另一栏宽度自适应的布局 72

51页面布局的分析 72

511示意图 72

512布局分析 73

52页面布局的实现 73

521一栏浮动，另一栏默认文档流并设置向左外边距 73

522一栏绝对定位，另一栏默认文档流并设置向左外边距 74

53网页实例 75

531效果图分析 76

532切图 80

533绘制框架图 80

534编写 XHTML代码 81

535编写 CSS代码 82

54小结 84

第6章三栏宽度固定的布局 85

61页面布局的分析 85

611示意图 85

612布局分析 86

62页面布局的实现 86

621左中右三栏浮动 86

622左中右三栏绝对定位 87

623左右两栏浮动，中间栏绝对定位 88

63网页实例 90

631效果图分析 90

632切图 94

633绘制框架图 95

634编写 XHTML代码 95

635编写 CSS代码 98

64小结 100

第7章左右两栏宽度固定，中间栏宽度自适应的布局 102

71页面布局的分析 102

711示意图 102

712布局分析 103

72页面布局的实现 103

721左右两栏浮动，中间栏默认文档流并设置左右外边距 103

722左右两栏绝对定位，中间栏默认文档流并设置左右外边距 105

73网页实例 106

DIV+CSS布局与样式之网站设计基础

731效果图分析 106

732切图 110

733绘制框架图 111

734编写 XHTML代码 112

735编写 CSS代码 115

74小结 118

第8章高度自适应的布局 119

81页面布局的分析 119

811示意图 119

812布局分析 120

82页面布局的实现 120

821正负内外边距 120

822为父容器添加背景图 121

83网页实例 122

831效果图分析 122

832切图 125

833绘制框架图 125

834编写 XHTML代码 126

835编写 CSS代码 127

84小结 129

第9章项目 1——论坛 130

91页面效果图分析 130

911页面头部和页脚分析 131

912首页主体内容分析 132

913内页主体内容分析 133

92布局规划及切图 134

921页面布局规划 134

922切割首页及导出图片 134

923切割内页及导出图片 135

93 XHTML编写 135

931搭建页面 XHTML框架 135

932编写页面头部和页脚的 XHTML136

933编写页面公共部分的 XHTML137

934编写首页主体内容的 XHTML141

935编写内页主体内容的 XHTML142

936总览首页 XHTML代码 144

937总览内页 XHTML代码 145

94 CSS编写 147

941页面公共部分的 CSS编写 147

942页面框架的 CSS编写 150

943页面头部和页脚的 CSS编写 150

944首页主体内容的 CSS编写 151

945内页主体内容的 CSS编写 152

946网站 CSS代码总览 153

95制作中需要注意的问题 153

951网站文件规划 153

952 CSS样式规划 154

第10章项目 2——电子政务网站 155

101页面效果图分析 155

1011头部和页脚分析 157

1012首页主体内容分析 158

1013内页主体内容分析 159

102布局规划及切图 160

1021页面布局规划 160

1022切割首页及导出图片 160

1023切割内页及导出图片 162

103 XHTML编写 162

1031页面的 XHTML框架搭建 162

1032页面头部和页脚的 XHTML编写 162

1033页面公共部分的 XHTML编写 163

1034首页主体内容的 XHTML编写 165

1035内页主体内容的 XHTML编写 167

1036首页 XHTML代码总览 168

1037内页 XHTML代码总览 169

104 CSS编写 170

1041页面公共部分的 CSS编写 171

1042页面框架的 CSS编写 172

1043页面头部和页脚的 CSS编写 172

1044首页主体内容的 CSS编写 173

1045内页主体内容的 CSS编写 174

1046网站 CSS代码总览 174

105制作中需要注意的问题 175

1051 marquee175

1052 word-spacing175

第11章项目 3——电子商务网站 176

111页面效果图分析 176

1111头部和页脚分析 179

1112首页主体内容分析 179

1113内页主体内容分析 181

112布局规划及切图 182

1121页面布局规划 182

1122切割首页及导出图片 182

DIV+CSS布局与样式之网站设计基础

1123切割内页及导出图片 184

113 XHTML编写 184

1131页面的 XHTML框架搭建 185

1132页面头部和页脚的 XHTML编写 185

1133页面公共部分的 XHTML编写 188

1134首页主体内容的 XHTML编写 190

1135内页主体内容的 XHTML编写 193

1136首页 XHTML代码总览 194

1137内页 XHTML代码总览 195

114 CSS编写 197

1141页面公共部分的 CSS编写 197

1142页面框架的 CSS编写 198

1143页面头部和页脚的 CSS编写 198

1144首页主体内容的 CSS编写 201

1145内页主体内容的 CSS编写 203

1146网站 CSS代码总览 204

115制作中需要注意的问题 205

1151 CSS Sprites技术的利与弊 205

1152准确提炼网站中的公共模块 206

第12章项目 4——新品展示网站 207

121页面效果图分析 207

1211头部和页脚分析 209

1212首页主体内容分析 209

1213内页主体内容分析 210

122布局规划及切图 211

1221页面布局规划 211

1222切割首页及导出图片 212

1223切割内页及导出图片 213

123 XHTML编写 213

1231页面的 XHTML框架搭建 213

1232页面头部和页脚的 XHTML编写 214

1233页面公共部分的 XHTML编写 215

1234首页主体内容的 XHTML编写 216

1235内页主体内容的 XHTML编写 217

1236首页 XHTML代码总览 218

1237内页 XHTML代码总览 220

124 CSS编写 222

1241页面公共部分的 CSS编写 222

1242页面框架的 CSS编写 223

1243页面头部和页脚的 CSS编写 224

1244首页主体内容的 CSS编写 225

1245内页主体内容的 CSS编写 226

1246网站 CSS代码总览 226

125制作中需要注意的问题 227

1251网页的编码格式 227

1252 CSS加入网页的方法 227

第13章网站的发布 228

131整理源代码 228

1311 XHTML代码的检查 228

1312 CSS代码的检查 229

1313网页调试 230

1314压缩代码 237

132购买空间和域名 238

133上传网站 239

134维护与运营 241

135读者常见问题 241

1351如何让别人通过互联网访问我的网站 242

1352如何能让百度、谷歌等收录我的网站 242

1353网站是否要备案 242

附录 A HTML中支持的颜色名称 243

附录 B CSS常用的属性 252

本书结合大量丰富的实例，详细讲解如何运用 DIV+CSS技术进行网页布局和样式美化，重点讲解了网页的基本布局原理，每种布局至少讲解两种方法，使读者不仅能够学会网页布局，而且可根据网站需求灵活变通。本书共 13章，内容包括：网站域名、域名解析、网站空间、虚拟主机、网站开发语言、网页策划、视觉设计、 XHTML代码的检查、 CSS代码的检查、网页调试、压缩代码等网页制作的基础知识， 6种DIV+CSS布局的实例讲解，以及运用 DIV+CSS制作 4个类型和风格各不相同的大型网站实战案例。本书既适合作为 Web页面设计人员、 Web开发工程师的案头参考书，又可作为高等院校和培训学校相关专业师生的教学参考书。