《DIV+CSS网站布局从入门到精通》.(朱印宏, 邓艳超).[PDF]

minyuan

本书介绍:
本教程介绍了商业类型的网页设计，以及目前流行的div+css标准布局方法和实战技法。通过十个经典案例，分别从不同类型网站的布局风格以及实现方法来讲解div+css网页布局和制作方法。全书系统地讲解了css样式的基础理论和实际运用技术，并结合实例来讲解层迭样式表与层布局相结合制作网页的方法。在实例制作过程中除了介绍css样式设计各方面的知识外，还结合实际网页制作中可能遇到的问题提供解决问题的思路、方法和技巧，使初学者也可以轻松掌握div+css的布局方式，以制作出精美的网页并搭建出功能强大的网站。
　　 本教程力求模拟真实开发场景，用简单的方法帮助读者掌握使用web标准进行网页设计的方方面面，以及css布局中表现与内容分离的相关知识。通过对本教程的学习，希望读者能够以符合标准的设计思维，采用实战操作步骤完成网页设计，进而融入到web标准设计领域。
　　 本教程光盘中收录了配套手册中的全部视频教学演示，以便更直观地辅助读者学习，达到事半功倍的效果。另外，光盘中还赠送了2套dreamweaver和jquery的pdf电子教程和7套实用技术参考手册，以及作者多年积累和收集的各类网页设计素材和辅助工具，以确保读者能够快速精通css的布局之道。
　　 本教程结构清晰，讲解到位，内容实用，知识点覆盖面广，适合初、中级网页设计爱好者以及希望学习web标准对原网站进行重构的网页设计者。

目录:

第1章 网页基础和网站开发流程
1.1 认识网页 2
1.1.1 网页和网站 2
1.1.2 网页类型 3
1.1.3 静态网页和动态网页 4
1.1.4 网页基本构成元素 5
1.2 页面设计概述 6
1.2.1 网页设计的任务 6
1.2.2 网页设计原则 7
1.2.3 网页设计流程 7
1.2.4 网页配色 8
1.2.5 网页优化 8
1.3 网站开发流程 9
1.3.1 个人网站制作流程 9
1.3.2 网络项目开发流程 12
1.3.3 承包网站开发流程 12
第2章 (x)html语言基础
2.1 认识html、xhtml和xml 20
2.2 html基础 20
2.2.1 html语言作用 21
.2.2.2 html文档基本结构 21
2.2.3 html基本语法 21
2.2.4 html常用标签 23
2.2.5 html公共属性 28
2.3 xhtml基础 31
2.3.1 xhtml文档基本结构 31
2.3.2 xhtml基本语法 32
2.3.3 xhtml文档类型 32
2.3.4 dtd文档类型解析 34
2.3.5 名字空间 36
第3章 css语言详解
3.1 css概述 38
3.1.1 认识css 38
3.1.2 为什么学习css 38
3.1.3 css特性 39
3.2 css语法和用法 39
3.2.1 css基本结构 40
3.2.2 css基本用法 41
3.2.3 css样式表 41
3.2.4 导入外部样式表 42
3.2.5 css注释和空格 43
3.3 css属性、属性值和单位 43
3.3.1 css属性 43
3.3.2 巧记css属性 46
3.3.3 css属性值及其单位 47
3.4 基本选择器 50
3.4.1 标签选择器 50
3.4.2 类别选择器 50
3.4.3 id选择器 53
3.4.4 通配选择符 54
3.5 复合选择器 55
3.5.1 子选择符 55
3.5.2 相邻选择器 56
3.5.3 包含选择器 58
3.5.4 多层选择器嵌套 59
3.5.5 属性选择器 60
3.5.6 伪选择器 63
3.5.7 选择器分组 65
3.6 css的继承性、层迭性和特殊性 65
3.6.1 css继承性 66
3.6.2 css的层迭性 68
3.6.3 css样式的优先级 69
3.6.4 css的特殊性 70
第4章 儿童类网站的结构与布局——网页文本样式
4.1 网页字体 76
4.1.1 字体类型 76
4.1.2 字体大小 77
4.1.3 字体颜色 78
4.1.4 字体样式 79
4.2 网页段落样式 82
4.2.1 首行缩进 82
4.2.2 左右缩进 83
4.2.3 行距 84
4.2.4 段落文本间距 86
4.2.5 水平对齐 87
4.2.6 垂直对齐 89
4.3 案例实战 91
4.3.1 产品策划 91
4.3.2 画板 91
4.3.3 设计图 92
4.3.4 切图 92
4.3.5 重构 92
4.3.6 布局 93
第5章 青春校园类网站的结构与布局——超链接和图片样式
5.1 超链接样式 102
5.1.1 伪类样式 102
5.1.2 下划线样式 103
5.1.3 立体样式 105
5.1.4 设计导航样式 107
5.2 图片样式 108
5.2.1 图片大小 108
5.2.2 图片边框 109
5.2.3 透明图片 112
5.3 案例实战 115
5.3.1 产品策划 115
5.3.2 画板 115
5.3.3 设计图 115
5.3.4 切图 116
5.3.5 重构 117
5.3.6 布局 117
第6章 影视音乐类网站的结构与布局——列表结构和样式
6.1 使用列表结构构建导航菜单 126
6.1.1 列表的基本结构 126
6.1.2 列表结构的默认样式 130
6.1.3 自定义列表样式 134
6.1.4 列表菜单样式 138
6.2 案例实战 143
6.2.1 产品策划 144
6.2.2 画板 144
6.2.3 设计图 144
6.2.4 切图 145
6.2.5 重构 145
6.2.6 布局 147
第7章 信息分类网站的结构与布局——导航菜单样式
7.1 导航菜单样式 158
7.1.1 横向导航菜单样式 158
7.1.2 垂直导航菜单样式 161
7.1.3 多项导航菜单样式 165
7.2 案例实战 169
7.2.1 产品策划 169
7.2.2 画板 169
7.2.3 设计图 170
7.2.4 切图 170
7.2.5 重构 171
7.2.6 布局 171
第8章 企业类网站的结构与布局——表格的结构
8.1 表格的结构 188
8.1.1 表格的基本结构及属性 188
8.1.2 表格的附加结构及语义化 191
8.1.3 表格分区结构及属性 193
8.2 表格的样式 197
8.2.1 表格边框样式 197
8.2.2 表格的视觉设计 201
8.2.3 表格特殊性设计 204
8.3 案例实战 208
8.3.1 产品策划 208
8.3.2 画板 208
8.3.3 设计图 208
8.3.4 切图 209
8.3.5 重构 210
8.3.6 布局 211
第9章 个性风格类网站的结构与布局——表单结构和样式
9.1 表单结构 228
9.1.1 表单的组成部分 228
9.1.2 输入域结构 229
9.1.3 选择域结构 232
9.1.4 表单语义化结构 234
9.1.5 易用性表单 236
9.2 表单元素样式 239
9.2.1 输入域样式 239
9.2.2 选择域样式 243
9.2.3 列表域样式 246
9.2.4 表单的可用性样式设计 248
9.3 案例实战 254
9.3.1 产品策划 254
9.3.2 画板 254
9.3.3 设计图 255
9.3.4 切图 255
9.3.5 重构 256
9.3.6 布局 257
第10章 生活时尚类网站的结构与布局——css盒模型
10.1 css盒模型 266
10.1.1 盒子结构 266
10.1.2 边框设计 268
10.1.3 三角形边框设计及应用 272
10.1.4 外间距设计 277
10.1.5 边距迭加 280
10.1.6 内间距设计 284
10.2 案例实战 290
10.2.1 产品策划 290
10.2.2 画板 290
10.2.3 设计图 290
10.2.4 切图 291
10.2.5 重构 292
10.2.6 布局 293
第11章 休闲旅游类网站的结构与布局——css定位
11.1 css定位方法 314
11.1.1 浮动定位 314
11.1.2 浮动产生的问题 320
11.1.3 清除浮动 325
11.1.4 精确定位 327
11.1.5 层迭顺序 333
11.2 案例实战 336
11.2.1 产品策划 336
11.2.2 画板 336
11.2.3 设计图 337
11.2.4 切图 337
11.2.5 重构 338
11.2.6 布局 339
第12章 建筑房产类网站的结构与布局——css布局模型
12.1 css布局模型 352
12.1.1 固定宽度布局 352
12.1.2 流动布局 356
12.1.3 弹性布局 361
12.1.4 浮动布局 365
12.1.5 定位布局 369
12.1.6 伪列布局 372
12.1.7 负边距布局 374
12.2 案例实战 377
12.2.1 产品策划 377
12.2.2 画板 377
12.2.3 设计图 378
12.2.4 切图 378
12.2.5 重构 379
12.2.6 布局 380
第13章 博客类网站的结构与布局——背景图片处理和圆角设计
13.1 处理背景图片 388
13.1.1 设置背景图片 388
13.1.2 背景图片的平铺 391
13.1.3 背景图片位置 394
13.1.4 固定背景图片及属性缩写 399
13.2 圆角风格的版块设计 401
13.2.1 无图定圆角 401
13.2.2 一图固定圆角 404
13.2.3 两图定圆角 405
13.2.4 四图定圆角 408
13.3 案例实战 410
13.3.1 产品策划 410
13.3.2 画板 410
13.3.3 设计图 411
13.3.4 切图 412
13.3.5 重构 412
13.3.6 布局 413
第14章 从页面小工到产品经理——设计高效、可维护的网页
14.1 让页面结构“通情达理” 426
14.1.1 语义是网页重构的基础 426
14.1.2 让网页标签更懂语义 427
14.1.3 常用语义元素解析 431
14.1.4 让文档结构嵌套更严谨并符合标准 434
14.1.5 让文档信息更丰富 438
14.2 设计高效的css 440
14.2.1 css类样式 440
14.2.2 类样式的应用技巧 440
14.2.3 设计通用类样式 442
14.2.4 应用默认样式 445
14.2.5 其他类型选择符样式处理 449
14.2.6 设计高效css的其他实用技巧 449
14.3 编写可维护性css 452
14.3.1 学会注释 452
14.3.2 有效、准确地选用id和class属性 453
14.3.3 让css代码格式简明直观 454
14.3.4 让css代码符合阅读习惯 455
14.4 以模块化管理css 456
14.4.1 css的继承性及其利用 456
14.4.2 css继承与包含关系及其应用 458
14.4.3 样式表的模块化分工 459
14.5 让css代码“自由飞翔” 462
14.5.1 浏览器冲突问题 462
14.5.2 css兼容性处理方法 463
14.5.3 使用ie条件语句解决所有问题 463


下载地址:

游客，如果您要查看本帖隐藏内容请回复

minor

啥也不说了，感谢楼主分享哇！

书打动超财英

过来看看的

DanYuan

学习了，不错，讲的太有道理了

mber_ge

看帖回帖是美德！:lol

koght123

过来看看的

hater0220

相当不错，感谢无私分享精神！

黄有才

相当不错，感谢无私分享精神！

linglong1988

正需要，支持楼主大人了！

麻子方

学习了，不错，讲的太有道理了