新手学DIV+CSS商业网站布局从入门到精通 实战案例版PDF|Epub|txt|kindle电子书版本网盘下载

新手学DIV+CSS商业网站布局从入门到精通 实战案例版PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 初学者必知的常识2

1.1 回眸Web标准发展之路2

1.1.1 第一个吃螃蟹的是谁？2

1.1.2 设计师的表格情结2

1.1.3 归去来兮3

1.1.4 传统布局与标准布局比较5

1.1.5 网页设计前瞻8

1.2 Web标准：开发者必知技术规范9

1.2.1 网页结构9

1.2.2 网页布局10

1.2.3 网页行为10

1.3 CSS布局的基本思路10

1.3.1 语义含义与实例解释11

1.3.2 给网页设计师推荐的网站：CSS禅意花园11

1.3.3 CSS布局的基本思路及实例12

1.4 CSS其实不难14

1.5 制作第一个XHTML+CSS页面15

第2章 CSS语言基础122

2.1 认识CSS22

2.1.1 为什么学习CSS22

2.1.2 编辑简单的CSS样式23

2.1.3 编辑简单CSS样式具体操作步骤23

2.1.4 CSS与浏览器25

2.1.5 CSS样式表文件26

2.1.6 CSS注释27

2.2 CSS类型28

2.2.1 行内样式解释及实例展示28

2.2.2 内嵌式解释及实例展示30

2.2.3 链接式解释及实例展示33

2.2.4 导入样式解释及实例展示34

2.2.5 各种方式的优先级实例展示35

2.3 CSS样式结构36

2.4 CSS基本选择器37

2.4.1 标记选择器解释与实例展示37

2.4.2 类别选择器解释与实例展示39

2.4.3 ID选择器解释与实例展示43

第3章 CSS语言基础246

3.1 复合选择器46

3.1.1 包含选择器解释及实例展示46

3.1.2 子选择器解释及实例展示48

3.1.3 相邻选择器解释及实例展示50

3.1.4 属性选择器解释及实例展示51

3.1.5 伪选择器解释及实例展示55

3.1.6 集体声明解释及实例展示57

3.2 层叠与继承59

3.2.1 CSS的层叠性应用实例解析59

3.2.2 层叠性实例测试具体操作步骤62

3.2.3 CSS的继承性图解及实例63

3.2.4 CSS继承与层叠的运用实例64

第4章 XHTML重构基础69

4.1 认识网页结构69

4.1.1 XHTML文档69

4.1.2 定义文档类型70

4.1.3 DTD文档类型70

4.1.4 声明命名空间70

4.1.5 XHTML语法71

4.1.6 XHTML元素72

4.1.7 XHTML常用结构元素：div73

4.1.8 XHTML常用结构元素：span74

4.1.9 XHTML常用结构元素：h1、h2、h3、h4、h5和h674

4.1.10 XHTML常用结构元素：p75

4.1.11 XHTML常用结构元素：ul、ol、li、dl、dt和dd75

4.1.12 XHTML常用结构元素：table、tr和td76

4.1.13 把握XHTML结构的语义性76

4.1.14 构建语义化页面操作77

4.1.15 案例实战：构建一个符合语义的页面结构78

4.2 DIV和Span应用80

4.2.1 比较DIV和Span80

4.2.2 案例实战：使用DIV83

4.2.3 案例实战：DIV嵌套86

4.2.4 案例实战：使用Span89

4.3 ID和Class应用91

4.3.1 使用ID91

4.3.2 比较ID和Name93

4.3.3 使用Class95

4.3.4 比较ID和Class97

第5章 CSS基本模型100

5.1 认识CSS盒模型100

5.1.1 为什么要提出盒模型100

5.1.2 盒模型结构模拟101

5.1.3 盒模型的宽和高102

5.1.4 盒模型并列间距105

5.1.5 盒模型垂直间距108

5.1.6 空盒模型111

5.2 盒模型的边框112

5.2.1 定义边框宽度113

5.2.2 定义边框颜色113

5.2.3 定义边框样式114

5.2.4 分析内联元素的边框117

5.3 盒模型的外部空隙119

5.3.1 恰当选择边界值119

5.3.2 警惕元素边界重叠125

5.3.3 内联元素的边界131

5.4 盒模型的内部空隙132

5.5 IE解析与盒模型的误解135

5.5.1 IE6元素浮动时边界错位135

5.5.2 让父元素自适应子元素高度136

5.5.3 IE6子元素底边界不被解析137

5.5.4 IE6的子元素溢出138

第6章 CSS布局基础和实践142

6.1 进一步理解盒模型142

6.1.1 盒模型的显示类型142

6.1.2 盒模型的特殊性：包含块145

6.1.3 构建XHTML代码模块145

6.1.4 包含块的嵌套和实例147

6.1.5 IE浏览器在解析多层包含时出现的问题148

6.2 CSS布局模型概述149

6.2.1 流动模型150

6.2.2 层模型150

6.2.3 浮动模型150

6.3 流动模型详解及其应用151

6.3.1 流动布局基本特征151

6.3.2 相对定位流动153

6.4 浮动模型详解及其应用156

6.4.1 浮动布局5个基本特征与实例解析156

6.4.2 清除浮动161

6.4.3 浮动嵌套165

6.4.4 混合嵌套166

6.4.5 实战混合布局：调整左右栏之间的空隙168

6.4.6 实战混合布局之调整上下栏之间的空隙172

6.4.7 深入混合布局177

6.5 层模型详解及其应用182

6.5.1 认识网页定位182

6.5.2 定位参照坐标183

6.5.3 定位的边距187

6.5.4 相对定位189

6.5.5 案例实战：混合定位190

6.5.6 定位元素层叠191

6.6 布局实战：高度自适应195

6.7 布局实战：伪列布局198

6.7.1 设计思路198

6.7.2 设计方法199

第7章 设计更安全的CSS203

7.1 关于网页浏览器203

7.1.1 Mozilla系列浏览器203

7.1.2 IE内核浏览器204

7.1.3 Safari内核浏览器204

7.1.4 Opera内核浏览器204

7.1.5 Chrome内核浏览器204

7.1.6 国内浏览器市场行情204

7.1.7 多版本IE测试实现205

7.2 认识CSS安全中的几个概念205

7.2.1 什么是CSS Hack205

7.2.2 设计CSS Hack和Filter方法206

7.2.3 CSS Filters技术汇总占点206

7.2.4 显示模式208

7.3 过滤样式表210

7.3.1 IE条件语句211

7.3.2 @import规则212

7.4 过滤样式214

7.4.1 !important214

7.4.2 下画线属性名215

7.4.3 转义属性名215

7.4.4 *html选择符216

7.4.5 属性选择符216

7.4.6 子对象选择符217

7.4.7 相邻选择符217

7.4.8 转义选择符217

7.4.9 注释反斜杠218

7.5 隐藏样式218

7.5.1 隐藏单个声明218

7.5.2 隐藏多个声明220

7.5.3 隐藏规则220

7.5.4 IE7＋浏览器不支持的过滤器221

7.5.5 推荐使用的过滤器222

7.6 网页不兼容怎么办223

7.6.1 W3C CSS验证服务223

7.6.2 Web Developer工具插件225

7.6.3 代码隔离与验证226

7.7 常见网页设计问题与修复227

7.7.1 盒模型错误227

7.7.2 双倍显示错误228

7.7.3 多出3像素错误228

7.7.4 高度不适应问题231

7.7.5 多余字符错误233

7.7.6 定位错误234

7.7.7 捉迷藏问题235

7.7.8 部分区域丢失237

7.7.9 百分比计算错误239

7.7.10 项目符号丢失241

7.7.11 盒模型溢出问题242

7.8 HTML默认样式与浏览器解析差异244

7.8.1 HTML4默认样式244

7.8.2 浏览器默认样式247

第8章 设计可重用的CSS与实例251

8.1 设计可重用的结构251

8.1.1 可重用的结构设计思路：我的网页结构该怎么规划251

8.1.2 可重用的结构设计思路：初学者思维定式252

8.1.3 可重用的结构设计思路：搭架基本框架252

8.1.4 让结构更符合SEO255

8.2 设计固定宽度的单栏页面256

8.2.1 单列版式的设计方法256

8.2.2 实现单列设计257

8.2.3 案例实战：设计固定宽度的单列页面260

8.2.4 案例实战：单列固定版式布局261

8.2.5 案例实战：重现江南水乡意象画之结构265

8.2.6 案例实战：重现江南水乡意象画之布局267

8.3 设计弹性宽度的单栏页面271

8.3.1 案例实战：设计页面基本结构271

8.3.2 案例实战：设计CSS布局275

8.4 设计双栏页面278

8.4.1 两列版式的基本结构279

8.4.2 设计固定与自适应宽度兼容版式281

8.4.3 设计宽度自适应版式283

8.4.4 设计双浮动兼容版式286

8.4.5 设计两栏固定版式287

8.4.6 案例实战：黑色风暴289

8.5 设计三栏页面295

8.5.1 三列版式的基本设计方法296

8.5.2 绝对定位布局的解决方法297

8.5.3 设计液态版式299

8.5.4 设计固定版式302

8.5.5 设计一列液态两列固定版式304

8.5.6 设计二列液态一列固定版式306

8.5.7 案例实战：山鹰飞翔308

第9章 CSS团队合作与开发316

9.1 统筹CSS文档316

9.1.1 根据页面类型统筹316

9.1.2 根据功能模块统筹317

9.1.3 根据标签类型统筹317

9.1.4 根据设备类型统筹317

9.1.5 根据代码规模统筹317

9.2 合理安排样式顺序318

9.3 科学定义属性321

9.3.1 按字母顺序定义321

9.3.2 按主次关系定义322

9.3.3 优先定义322

9.4 严谨命名CSS样式323

9.4.1 计算机编程命名三法323

9.4.2 约定CSS样式的名称324

9.4.3 如何实现CSS样式的严谨命名324

9.5 养成CSS代码缩写习惯327

9.5.1 CSS常用属性简写327

9.5.2 列表和背景样式缩写329

9.5.3 颜色值缩写330

9.5.4 字体属性缩写330

9.6 设计CSS代码格式331

9.6.1 CSS代码格式一331

9.6.2 CSS代码格式二332

9.6.3 CSS代码格式三333

9.6.4 快速格式化CSS代码334

9.7 写好CSS注释335

9.7.1 CSS注释的方法335

9.7.2 防止注释对源代码的破坏337

9.7.3 清除CSS注释339

第10章 CSS规范化商业开发341

10.1 栅格化设计341

10.1.1 感性认识CSS栅格设计341

10.1.2 商业网站的栅格设计343

10.2 抽象化设计346

10.2.1 应用CSS类样式346

10.2.2 CSS的11种通用类样式347

10.2.3 默认样式351

10.2.4 特殊类样式352

10.3 CSS代码的可维护性353

10.3.1 类名和ID名可读性353

10.3.2 CSS代码版式规则354

10.3.3 样式编码顺序355

10.4 CSS样式的可扩展性356

10.4.1 继承CSS样式356

10.4.2 CSS样式的包含关系358

10.4.3 样式表的分类、组织和管理360

10.4.4 兼容主流浏览器362

10.5 规范化网页布局实战363

10.5.1 案例实战：E1ements CSS363

10.5.2 案例实战：Blueprint CSS367

第11章 博客类网站布局与设计——字体和文本样式376

11.1 博客类网站功能预览376

11.2 字体样式与设计376

11.2.1 设置字体：字体介绍376

11.2.2 设置字体：通用字分类及实例377

11.2.3 设置字体时注意事项379

11.2.4 设置大小CSS语法379

11.2.5 设置大小：使用绝对关键字380

11.2.6 设置大小：使用相对关键字380

11.2.7 设置大小：使用相对单位381

11.2.8 设置大小：使用百分比382

11.2.9 设置大小：使用磅383

11.2.1 0关于默认值383

11.2.1 1案例实战：设计灵活、可读的网页字体383

11.2.1 2设置字体颜色384

11.2.1 3设置字体样式385

11.3 文本样式与设计387

11.3.1 设置文本缩进388

11.3.2 设置文本对齐390

11.3.3 设置文本行距393

11.3.4 设计分栏文本394

11.3.5 设置文本字距396

11.3.6 控制文本行的显示方式397

11.3.7 设置文本空白显示效果401

11.3.8 控制文本显示方式和流动方向402

11.3.9 转换文本大小写406

11.3.10 设计修饰性文本407

11.4 案例实战409

11.4.1 产品策划409

11.4.2 画板和设计410

11.4.3 切图和输出413

11.4.4 网站重构414

11.4.5 网站布局实现417

第12章 企业类型网站布局与设计——列表结构与样式424

12.1 企业网站预览424

12.2 列表结构和样式424

12.2.1 列表的基本结构424

12.2.2 设计列表样式425

12.2.3 案例实战：设计列表项流动显示428

12.2.4 自定义列表符号430

12.3 列表布局综合实践433

12.3.1 设计灯箱图片新闻433

12.3.2 设计选项卡效果436

12.3.3 设计网页皮肤438

12.3.4 设计网页皮肤：构建列表结构并准备素材439

12.3.5 设计网页皮肤：设计皮肤440

12.3.6 设计网页皮肤：动态控制皮肤441

12.3.7 设计网页皮肤：记忆皮肤443

12.3.8 设计网页皮肤：恢复皮肤444

12.3.9 设计滑动门效果445

12.4 案例实战448

12.4.1 产品策划448

12.4.2 画板和设计449

12.4.3 切图和输出451

12.4.4 网站重构453

12.4.5 网站布局实现步骤454

第13章 生活分类信息网站布局与设计——超链接与导航菜单样式454

13.1 生活分类信息网站预览461

13.2 超链接结构和样式461

13.2.1 认识CSS伪类选择器461

13.2.2 定义超链接462

13.2.3 设计超链接样式463

13.2.4 设计不同的超链接样式464

13.3 设计导航菜单样式466

13.3.1 设计水平菜单：普通式466

13.3.2 设计水平菜单：图像式467

13.3.3 设计垂直菜单469

13.3.4 设计多级菜单：平行式多级菜单471

13.3.5 设计多级菜单：垂直式多级菜单474

13.3.6 获取更多的导航菜单478

13.4 案例实战479

13.4.1 产品策划479

13.4.2 画板和设计480

13.4.3 切图和输出482

13.4.4 网站重构484

13.4.5 网站布局实现485

第14章 购物类型网站布局与设计——表单结构与样式490

14.1 设计表单结构490

14.1.1 表单基本框架490

14.1.2 定义表单域491

14.1.3 定义输入域492

14.1.4 定义选择域494

14.1.5 定义文本区域495

14.1.6 定义辅助表单域496

14.1.7 改善表单的视觉效果501

14.2 设计表单样式505

14.2.1 设置表单字体样式505

14.2.2 设置表单边框样式507

14.2.3 设置表单背景样式510

14.3 案例实战514

14.3.1 产品策划514

14.3.2 画板和设计516

14.3.3 切图和输出518

14.3.4 网站重构520

14.3.5 网站布局实现522

第15章 社区类型网站布局与设计——表格结构与样式533

15.1 设计表格结构533

15.1.1 设计基本结构533

15.1.2 对列进行分组534

15.1.3 对行进行分组537

15.1.4 合并单元格538

15.1.5 对齐单元格539

15.2 设计表格样式540

15.2.1 定义表格边框样式540

15.2.2 设计方便浏览的表格样式544

15.3 案例实战553

15.3.1 产品策划553

15.3.2 画板和设计554

15.3.3 切图和输出556

15.3.4 网站重构558

15.3.5 网站布局实现560