DIV+CSS网页布局实用教程PDF电子书下载

第1章 网页制作基础 10

1.1 认识网页 10

1.1.1 网页和网站 10

1.1.2 网页的类型 11

1.1.3 动态网页与静态网页 11

1.1.4 网页的基本构成元素 12

1.2 如何设计网页 12

1.2.1 网页设计的基本原则 13

1.2.2 网页设计的成功要素 13

1.2.3 网页的设计风格和色彩搭配 14

1.3 网站设计要点 14

1.3.1 为用户考虑 14

1.3.2 主题突出 15

1.3.3 整体原则 16

1.3.4 内容与形式相统一 16

1.3.5 更新和维护 17

1.4 网站设计流程 17

1.4.1 网站项目的定义 17

1.4.2 网站策划方案 17

1.4.3 网站内容规划 17

1.4.4 获得网站资源 18

1.5 常用网页编辑软件简介 18

1.5.1 Dreamweaver 18

1.5.2 FrontPage 21

1.5.3 HomeSite 21

1.6 本章小结 21

1.7 课后习题 21

1.7.1 课后习题1-新建Dreamweaver文档 22

1.7.2 课后习题2-新建Dreamweaver工作区 22

第二章 HTML和XHTML 24

2.1 了解浏览器和网页文档的关系 24

2.2 初识HTML和XHTML 24

2.3 HTML 24

2.3.1 HTML概述 25

2.3.2 HTML的基本结构 25

2.3.3 HTML的基本语法 26

2.3.4 HTML的主要功能 26

2.3.5 HTML标签 26

2.4 XHTML语法 32

2.5 初识CSS 33

2.6 本章小结 35

2.7 课后习题 35

2.7.1 课后习题1-创建一个简单的html网页 36

2.7.2 课后习题2-使用Dreamweaver创建页面 36

第3章 CSS初体验 38

3.1 编写XHTML文档 38

3.1.1 使用Dreamweaver新建XHTML框架文档 38

3.1.2 手工编写XHTML文档 39

3.2 使CSS在XHTML文档中生效 39

3.2.1 在标签中加入CSS样式 39

3.2.2 在〈style〉〈／style〉标签中加入样式 41

3.2.3 链入外部CSS样式表 42

3.2.4 优先级问题 44

3.3 CSS样式表的规则 46

3.4 CSS的注释 47

3.4.1 单行注释 47

3.4.2 整段注释 47

3.5 本章小结 47

3.6 课后习题 47

3.6.1 课后习题1-创建CSS结构的网站页面 47

3.6.2 课后习题2-创建外部CSS文件 48

第4章 掌握CSS基本语法 50

4.1 选择器 50

4.1.1 标签选择器 50

4.1.2 类选择器 52

4.1.3 ID选择器 53

4.1.4 全局选择器 55

4.1.5 组合选择器 56

4.1.6 继承选择器 57

4.1.7 伪类选择器 57

4.2 声明 58

4.2.1 多重声明 58

4.2.2 集体声明 58

4.3 CSS的层叠原理 59

4.3.1 CSS样式来源 59

4.3.2 CSS的继承 59

4.3.3 选择器的优先级 61

4.3.4 important语句 64

4.4 CSS的单位 65

4.4.1 颜色单位 65

4.4.2 长度单位 68

4.5 本章小结 70

4.6 课后习题 70

4.6.1 课后习题1-实现水平菜单条 70

4.6.2 课后习题2-通过CSS控制整个页面 71

第5章 Div+CSS布局页面 72

5.1 初识Div+CSS 72

5.1.1 布局的流程 72

5.1.2 Div+CSS布局的优势 73

5.2 了解盒模型 74

5.2.1 基本盒模型 74

5.2.2 边距 74

5.2.3 填充 76

5.2.4 边框 77

5.2.5 内容 79

5.3 页面元素的布局 79

5.3.1 块级元素 80

5.3.2 行内元素 80

5.4 CSS布局方式——浮动 81

5.4.1 两个元素的浮动应用 82

5.4.2 多个元素的浮动应用 83

5.4.3 清除浮动 85

5.5 CSS布局定位 87

5.5.1 CSS的定位属性 87

5.5.2 相对定位 88

5.5.3 绝对定位 89

5.5.4 固定定位 91

5.6 控制溢出元素 92

5.6.1 overfiow 93

5.6.2 overflow-x 95

5.6.3 overflow-y 96

5.7 本章小结 97

5.8 课后习题 97

5.8.1 课后习题1-制作歌曲专辑列表 98

5.8.2 课后习题2-给图片加入信息 98

第6章 CSS排版页面 100

6.1 固定宽度布局 100

6.1.1 一列居中布局 100

6.1.2 两列居中布局 103

6.2 自适应宽度布局 105

6.2.1 一列宽度自适应布局 105

6.2.2 两列布局——左侧固定右侧自适应 106

6.2.3 两列布局——两列均自适应布局 107

6.2.4 三列布局——两侧固定中间自适应 108

6.3 复杂的页面排版 109

6.3.1 复杂的页面排版——垂直布局 109

6.3.2 复杂的页面排版——水平布局 112

6.4 本章小结 114

6.5 课后习题 114

6.5.1 课后习题1-创建复杂的页面 114

6.5.2 课后习题2-布局图像展示页面 115

第7章 CSS控制页面中的文本 116

7.1 字体 116

7.2 文字大小概述 118

7.2.1 设置文字大小 118

7.2.2 定义文字的相对大小 119

7.2.3 定义文字的绝对大小 120

7.3 字体颜色 121

7.4 字体粗细 122

7.5 斜体 123

7.6 下划线、顶划线和删除线 123

7.7 属性的缩写法 123

7.8 段落属性 125

7.8.1 段落的水平对齐方式 125

7.8.2 段落的垂直对齐方式 126

7.8.3 首行缩进 127

7.8.4 行间距与字间距 128

7.8.5 文本转换 129

7.8.6 处理空白符 129

7.9 文本的高级样式 131

7.9.1 阴影文本 132

7.9.2 溢出文本 132

7.9.3 控制文本换行 133

7.10 本章小结 135

7.11 课后习题 135

7.11.1 课后习题1-制作文章页面 135

7.11.2 课后习题2-制作多种文本版面 136

第8章 CSS控制页面背景 138

8.1 背景控制概述 138

8.1.1 背景控制原则 138

8.1.2 背景控制属性 138

8.2 背景颜色控制 139

8.2.1 控制页面背景颜色 139

8.2.2 设置区块背景颜色 140

8.3 背景图像控制 141

8.3.1 控制页面背景图片 142

8.3.2 背景图的重复 143

8.3.3 背景图的位置 144

8.3.4 背景图像的滚动 146

8.4 CSS 3.0新增背景属性 148

8.4.1 background-origin 148

8.4.2 background-clip 151

8.4.3 background-size 153

8.4.4 multiple background 156

8.4.5 实现动态背景 158

8.5 本章小结 160

8.6 课后习题 160

8.6.1 课后习题1-图片评论页面 160

8.6.2 课后习题2-创建外部CSS文件 161

第9章 CSS控制页面中的图片 162

9.1 使用CSS控制图片的样式 162

9.1.1 在网页中插入图片 162

9.1.2 控制图片的大小 164

9.1.3 为图像添加边框 165

9.1.4 为图像增加超链接 167

9.2 图片对齐 168

9.2.1 水平对齐 168

9.2.2 垂直对齐 168

9.3 图文混排 169

9.3.1 文本混排 169

9.3.2 设置混排间距 170

9.4 图片特殊效果 171

9.4.1 圆角图片 171

9.4.2 多色边框效果 173

9.5 本章小结 173

9.6 课后习题 173

9.6.1 课后习题1-个人信息页头部 174

9.6.2 课后习题2-个人页面图册 174

第10章 CSS控制列表 176

10.1 列表控制概述 176

10.2 列表的类型 177

10.2.1 无序列表 177

10.2.2 有序列表 179

10.2.3 定义列表 180

10.3 改变列表符的样式 181

10.3.1 使用自带的列表符 181

10.3.2 用背景图片改变列表符 184

10.3.3 改变列表符的位置 185

10.3.4 列表属性的速写法 187

10.4 使用列表制作实用菜单 189

10.4.1 无需表格的菜单 189

10.4.2 菜单的横竖转换 191

10.5 本章小结 193

10.6 课后习题 193

10.6.1 课后习题1-制作滑过菜单 193

10.6.2 课后习题2-制作下拉菜单 194

第11章 CSS控制页面中的表格 196

11.1 关于表格 196

11.1.1 表格的整体结构 196

11.1.2 表格的边框 198

11.1.3 表格的标题 199

11.1.4 设置表格列样式 200

11.2 单元格对齐 201

11.2.1 水平对齐 201

11.2.2 垂直对齐 202

11.3 表格特效 202

11.3.1 隔行变色单元格 202

11.3.2 鼠标经过变色表格 204

11.4 本章小结 205

11.5 课后习题 205

11.5.1 课后习题1-制作家居查询表格 205

11.5.2 课后习题2-新闻表格效果 206

第12章 CSS控制表单 208

12.1 表单设计概述 208

12.1.1 表单的设计原则 208

12.1.2 表单的分类 209

12.2 表单的设计 210

12.2.1 表单 210

12.2.2 表单元素 210

12.3 表单输入〈input〉 211

12.3.1 文本域和密码域 211

12.3.2 文件域 213

12.3.3 单选钮和复选框 213

12.3.4 按钮和图像域 215

12.3.5 隐藏域 217

12.3.6 菜单列表 217

12.3.7 多行文本域 219

12.4 掌握〈label〉标签 220

12.5 文本框样式设计 221

12.6 下拉列表样式设计 223

12.7 复选框和单选钮样式设计 224

12.8 本章小结 228

12.9 课后习题 228

12.9.1 课后习题1-制作会员登录页面 229

12.9.2 课后习题2-制作会员注册页面 229

第13章 控制页面超链接 230

13.1 关于超链接 230

13.1.1 什么是超链接 230

13.1.2 合理安排超链接 231

13.1.3 链接路径 232

13.1.4 超链接样式控制原则 233

13.1.5 伪类对超链接样式的控制 233

13.1.6 链接的打开方式 238

13.2 图片映射 239

13.3 常见超链接特效 240

13.3.1 按钮式超链接 240

13.3.2 浮雕式超链接 241

13.4 CSS实现鼠标特效 242

13.4.1 CSS控制鼠标箭头 242

13.4.2 鼠标变化的超链接 243

13.4.3 设置页面滚动条 244

13.4.4 设置链接定位 245

13.5 本章小结 246

13.6 课后习题 246

13.6.1 课后习题1-使用CSS制作图片链接 246

13.6.2 课后习题2-制作导航菜单 247

13.6.3 课后习题3-制作列表链接 248

第14章 CSS滤镜效果 250

14.1 了解CSS滤镜 250

14.1.1 滤镜的作用 250

14.1.2 滤镜格式和常用滤镜 250

14.2 CSS滤镜详解 251

14.2.1 Alpha 251

14.2.2 BlendTrans 253

14.2.3 Blur 255

14.2.4 Chroma 256

14.2.5 Dropshadow滤镜 257

14.2.6 FlipH 258

14.2.7 FlipV滤镜 259

14.2.8 Glow 260

14.2.9 Gray 262

14.2.10 Invert 263

14.2.11 Light 264

14.2.12 Mask 265

14.2.13 RevealTrans 266

14.2.14 Shadow 268

14.2.15 Wave 270

14.2.16 Xray 272

14.3 本章小结 273

14.4 课后习题 273

14.4.1 课后习题1-休闲食品页面 273

14.4.2 课后习题2-游戏网站页面 274

第15章 CSS与JavaScript 276

15.1 什么是JavaScript 276

15.1.1 了解JavaScript 276

15.1.2 JavaScript的特点 278

15.1.3 JavaScript的应用范围 278

15.1.4 CSS与JavaScript 280

15.2 JavaScript的语法基础 280

15.2.1 JavaScript的基本架构 280

15.2.2 JavaScript的基本语法 281

15.3 使用Spry构件 282

15.3.1 关于Spry构件 282

15.3.2 Spry菜单 283

15.3.3 Spry选项卡式面板 285

15.3.4 Spry折叠式面板 288

15.3.5 Spry可折叠面板 288

15.3.6 Spry工具提示 288

15.4 本章小结 290

15.5 课后习题 290

15.5.1 课后习题1-制作网站产品介绍栏 290

15.5.2 课后习题2-制作游戏活动大厅 291

第16章 制作餐饮类网站 292

16.1 网站页面效果分析 292

16.2 制作步骤 293

16.2.1 制作top部分 293

16.2.2 制作main部分 296

16.2.3 制作bottom部分 305

16.3 本章小结 306

16.4 课后习题-制作美容类网站 306

第17章 制作娱乐资讯页面 308

17.1 网站页面效果分析 308

17.2 制作步骤 309

17.2.1 制作页面头部内容 309

17.2.2 制作页面横幅部分 312

17.2.3 制作页面主体部分 313

17.2.4 制作页面脚注部分 320

17.3 本章小结 321

17.4 课后习题-制作个人主页 321

第18章 制作游戏门户类网站 324

18.1 网站页面效果分析 324

18.2 制作步骤 325

18.2.1 制作top部分 325

18.2.2 制作main部分 327

18.2.3 制作bottom部分 339

18.3 本章小结 341

18.4 课后习题-制作休闲类网站 341

第19章 制作儿童教育网页 344

19.1 网站页面效果分析 344

19.2 制作步骤 344

19.2.1 制作页面头部内容 345

19.2.2 制作页面主体部分 349

19.2.3 制作页面页脚部分 356

19.3 本章小结 357

19.4 课后习题-制作游戏网站页面 357

第20章 制作游戏官方主页 360

20.1 网站页面效果分析 360

20.2 制作步骤 361

20.2.1 制作top部分 361

20.2.2 制作main部分 364

20.2.3 制作bottom部分 380

20.3 本章小结 381

20.4 课后习题-制作音乐网站 381

第21章 制作游戏下载页面 384

21.1 网站页面效果分析 384

21.2 制作步骤 385

21.2.1 制作top部分 385

21.2.2 制作main部分 389

21.2.3 制作bottom部分 396

21.3 本章小结 397

21.4 课后习题-制作音乐网站 397