包邮正版 Div+CSS 3+jQuery网页设计深度剖析 web网站开发代码大全 CSS3和html5网站网页布局设计制作视频教程书籍 从入门到精通.

A6

书名：Div+CSS 3+jQuery网页设计深度剖析(含DVD光盘1张)  

作 译 者：张晓景

出版时间：2016-03    

千 字 数：864

版    次：01-01    

页    数：480

开    本：16开

I S B N 77368     

定价：(咨询特价).8

本书系统地介绍了CSS样式的基础理论和实际应用技术，并结合实例讲解了利用Div+CSS布局制作网页的方法和技巧。在实例的制作过程中，除了介绍利用CSS样式进行设计的各方面知识的同时，还结合实际网页制作中可能遇到的问题提供解决思路、方法和技巧，使初学者也可以轻松地掌握Div+CSS布局的方尸制作出精美的网页。 本书全面展现了运用Div+CSS进行网页设计布局的方法，详细的讲解步骤配合图示，使得每个步骤清晰易懂、一目了然。书中不但应用了大量实例对重点、难点进行深入剖析，而且还结合作者多年的网页设计与教学经验进行点拨，使读者学以致用。在书中还穿插介绍了有关CSS 3和HTML 5的相关知识，力求使读者了解到最新的网页设计制作技术。 本书内容丰富、结构清晰，注重思维锻炼与实践应用，适合初、中级网页设计爱好者，以及希望学习Web标准对原有网站进行重构的网页设计者。本书配套光盘中还提供了书中所有实例源文件和相关视频教程，供读者学习和参考。

第1章 网页和网站的制作流程    1

1.1 认识网页    2

1.1.1 网页和网站的关系    2

1.1.2 网页的基本构成素    3

1.2 什么是网页设计    4

1.2.1 网页设计概述    4

1.2.2 网页设计与网页制作    5

1.2.3 网页设计的特点    6

1.2.4 网页设计相关术语    8

1.3 网页设计所涵盖的内容    10

1.3.1 网页中的视听素    11

1.3.2 网页版式设计    11

1.4 如何设计网页    12

1.4.1 网页设计的基本原则    12

1.4.2 网站设计成功的要素    13

1.4.3 网页的设计风格及色彩搭配    14

1.5 网页设计的原则    15

1.6 网页设计师应具备的素质    18

1.7 网站的制作流程    20

1.7.1 前期策划    20

1.7.2 页面细化及实施    21

1.7.3 后期维护    22

1.8 网页设计的实现    22

第2章 CSS样式入门    25

2.1 CSS的基本概念    26

2.1.1 CSS的特点    26

2.1.2 CSS的类型    27

2.1.3 CSS的基本语法    28

2.1.4 CSS的冲突    29

2.2 网页设计中的CSS    30

2.2.1 如何使用CSS    31

2.2.2 CSS能做什么    33

2.2.3 CSS的局限性    33

2.3 CSS样式的基本用法    34

2.4 应用CSS到网页中    35

2.5 单位和值    37

2.6 CSS样式具有的特性    43

2.7 CSS 3中的新增选择符    44

2.7.1 属性选择符    44

课堂练习 属性选择符的运用    45

2.7.2 结构伪类选择符    47

2.7.3 UI素状态伪类选择符    57

2.8 应用实例——为页面添加

CSS样式    63

2.9 举一反三——产品介绍网站    72

第3章 使用Div+CSS布局页面    75

3.1 定义Div    76

3.2 CSS布局定位    79

3.3 可视化盒模型    87

3.3.1 盒子模型    87

3.3.2 margin属性    89

3.3.3 border属性    89

3.3.4 padding属性    90

3.3.5 content属性    90

3.3.6 视觉可视化模型    91

3.4 常用的布局方式    91

3.4.1 居中布局设计    91

3.4.2 浮动布局设计    92

3.4.3 高度自适应    97

3.5 流体网格布局    98

课堂练习 制作适合浏览的网页    98

3.6 CSS 3中有关基础盒模型    103

3.6.1 overflow    103

3.6.2 overflow-x    105

3.6.3 overflow-y    106

3.7 CSS 3中新增的性盒模型    106

3.7.1 box-orient属性控制盒子取向    107

3.7.2 box-direction 属性控制盒子

顺序    108

3.7.3 box-ordinal-group属性控制

盒子位置    110

3.7.4 box-flex属性控制盒子性

空间    112

3.7.5 盒子空间管理——box-pack和box-align属性    113

3.7.6 盒子空间溢出管理——box-lines

属性    115

3.8 应用实例——使用Div+CSS布局

页面    115

3.9 举一反三——制作健康网站    123

第4章 使用CSS控制网页中的背景    125

4.1 背景颜色    126

4.1.1 设置页面背景颜色    126

课堂练习 设置背景颜色    126

4.1.2 设置块背景颜色    127

课堂练习 设置块背景颜色    128

4.2 背景图像    129

4.2.1 为页面设置背景图像    129

课堂练习 设置背景图片    130

4.2.2 背景图像的重复    131

4.2.3 设置背景图像的位置    132

课堂练习 背景图像定位    133

4.2.4 设置背景滚动    134

4.2.5 背景样式缩写的方式    136

4.3 CSS 3中有关背景的新增属性    136

4.3.1 background-origin    136

4.3.2 background-clip    138

4.3.3 background-size    139

4.4 应用实例——制作金融类网站

页面    140

4.5 举一反三——学习用品网站    149

第5章 使用CSS控制页面文字样式    151

5.1 控制文字样式    152

5.1.1 字体和大小    152

课堂练习 不同字体的设置    153

5.1.2 文字颜色和粗细    157

5.1.3 斜体    159

5.1.4 下画线、顶画线和删除线    160

5.1.5 英文字母大小写    160

5.2 控制段落样式    161

5.2.1 段落水平对齐    161

5.2.2 段落垂直对齐    163

5.2.3 行间距和字间距    164

5.2.4 首字下沉    165

5.2.5 首行缩进    166

5.3 使用CSS对Flash中的文字进行

控制    167

5.4 CSS类选区    169

课堂练习 利用CSS类选区制作

个人网站首页    169

5.5 制作文字的滚动效果    171

课堂练习 实现文字的滚动效果    171

5.6 CSS 3中有关文字的新增属性    174

5.6.1 text-shadow    174

5.6.2 text-overflow    175

5.6.3 word-wrap    177

5.7 文字样式设置实例——设计类

网站    178

5.8 举一反三——制作社区类网站

页面    186

第6章 使用CSS控制图像样式    189

6.1 图像样式    190

6.1.1 图像边框设置    190

6.1.2 图像缩放设置    193

6.2 图像对齐    195

6.2.1 水平对齐设置    195

6.2.2 垂直对齐设置    196

6.3 图文混排    198

6.3.1 文字环绕    198

课堂练习 文字环绕效果的制作    198

6.3.2 设置混排间距    199

6.4 网页殊的图像效果    199

6.4.1 全屏大图切换    199

6.4.2 鼠标经过图像的动态效果    202

6.5 CSS 3中有关边框的新增属性    207

6.5.1 border-image    207

6.5.2 border-radius    209

6.5.3 box-shadow    210

6.5.4 border-color    211

6.6 应用实例——制作婚庆网站

页面    212

6.7 举一反三——产品介绍网站    219

第7章 利用CSS控制列表样式    221

7.1 列表控制概述    222

7.1.1 列表控制原则    222

7.1.2 列表的类型及使用    222

7.1.3 改变项目样式    225

7.1.4 图像符号    227

7.2 使用列表制作实用菜单    227

7.2.1 无须表格的菜单    228

7.2.2 菜单的横竖转换    230

7.3 CSS 3中有关颜色的新增属性    232

7.3.1 HSL colors    232

7.3.2 HSLA colors    233

7.3.3 opacity    234

7.3.4 RGBA colors    235

7.4 列表在网页中的特殊应用    237

7.4.1 滚动图像    237

课堂练习 在网页中实现图像横向

滚动效果    237

7.4.2 动态堆叠卡    243

课堂练习 在网页中实现动态堆叠卡

效果    243

7.5 应用实例——制作音乐网站    246

7.6 举一反三——制作设计工作室

网站    253

第8章 使用CSS控制表单样式    255

8.1 表单设计概述    256

8.1.1 表单的设计原则    256

8.1.2 表单应用分类    257

8.2 表单的设计    259

课堂练习 制作商城账号注册页面    263

8.3 使用CSS样式控制表单素    269

8.3.1 使用CSS样式控制表单素的

背景    269

8.3.2 使用CSS样式实现圆角文本域    272

8.3.3 使用CSS样式设置下拉列表    274

8.4 表单在网页中的特殊应用    276

8.4.1 聚焦型提示语消失    276

8.4.2 输入型提示语消失    280

8.5 CSS 3中有关内容的新增属性    282

8.6 应用实例——制作用户注册

页面    283

8.7 举一反三——制作用户登录

页面    291

第9章 使用CSS美化浏览器    293

9.1 使用CSS控制超链接    294

9.1.1 认识超链接    294

9.1.2 关于链接路径    295

9.1.3 超链接属性控制    298

9.1.4 图像映射    301

课堂练习 实现图像映射    301

9.1.5 链接的打开方式    303

9.2 超链接特效    303

9.2.1 按钮式超链接    303

9.2.2 浮雕式超链接    305

9.3 鼠标特效    306

9.3.1 通过CSS样式控制鼠标头    306

9.3.2 鼠标变化的超链接    307

9.4 超链接在网页中的特殊应用    308

9.4.1 网页中的倾斜导航菜单    308

课堂练习 制作网站的倾斜导航

菜单    308

9.4.2 网页中的动感超链接    310

课堂练习 制作网站的动感导航

菜单    310

9.5 CSS 3中有关用户界面的

新增属性    314

9.5.1 box-sizing    314

9.5.2 resize    316

9.5.3 outline    317

9.5.4 nav-index    318

9.6 应用实例——制作产品宣传网站

页面    320

9.7 举一反三——制作运输公司网站

页面    329

第10章 应用CSS中的滤镜    331

10.1 了解CSS滤镜    332

10.1.1 Alpha滤镜    332

10.1.2 Blur滤镜    335

10.1.3 MotionBlur滤镜    336

10.1.4 Dropshadow滤镜    338

10.1.5 Shadow滤镜    339

10.1.6 Flip滤镜    339

10.1.7 Glow滤镜    341

10.1.8 Gray滤镜    341

10.1.9 Invert滤镜    342

10.1.10 Xray滤镜    342

10.1.11 Mask滤镜    343

10.1.12 Wave滤镜    344

10.1.13 Chroma滤镜    344

10.1.14 BlendTrans滤镜    345

课堂练习 实现图像的渐变效果    345

10.1.15 Light滤镜    347

10.1.16 RevealTrans滤镜    348

10.2 CSS 3中其他模块的新增属性    350

10.2.1 @media    350

10.2.2 columns    351

10.2.3 @font-face    353

10.2.4 speech    354

10.3 应用实例——制作餐饮类网站    356

10.4 举一反三——制作网络游戏

网站页面    366

第11章 CSS与jQurey的综合应用    369

11.1 什么是JavaScript    370

11.1.1 了解JavaScript    370

11.1.2 JavaScript的特点    372

11.1.3 JavaScript的应用范围    373

11.1.4 CSS样式与JavaScript    375

11.2 JavaScript和JavaScript库    375

11.2.1 关于jQuery    375

11.2.2 jQuery文件的下载    376

11.2.3 jQuery的优势    376

11.2.4 jQuery代码的编写    377

11.2.5 jQuery选择器    377

11.2.6 jQuery事件    379

11.3 在Dreamweaver CC中

使用jQuery    379

课堂练习 调用外部jQuery文件实现

鼠标经过图像变形特效    379

课堂练习 制作一个简单的

检索页面    381

11.4 使用jQuery控制声音    384

11.5 使用jQuery实现淡入淡出效果    384

11.6 使用jQuery制作选项卡    389

11.7 应用实例——使用jQuery框架    392

11.8 举一反三——制作网页高光

过渡效果    401

第12章 CSS与XML的综合应用    403

12.1 XML基础    404

12.1.1 XML的特点    404

12.1.2 XML与HTML    405

12.1.3 XML的基本语法    407

12.1.4 格式正确的XML文档    410

12.2 XML与CSS的链接    411

12.2.1 使用xml:stylesheet处理指令    411

12.2.2 使用@import指令    413

12.3 XML与CSS的应用    413

12.3.1 显示学生信息XML文档    413

12.3.2 利用XML文档实现隔行变色

的表格    416

12.4 应用实例——在HTML页面中

调用XML数据    421

12.5 举一反三——制作企业网站    428

第13章 CSS与Ajax的综合应用    431

13.1 了解Ajax    432

13.1.1 Ajax简介    432

13.1.2 Ajax的关键素    433

13.1.3 Ajax的优势    434

13.1.4 实现Ajax的步骤    434

13.1.5 使用CSS的必要性    435

13.2 Ajax基础    436

13.2.1 创建XMLHttpRequest对象    436

13.2.2 发出Ajax请求    437

13.2.3 处理服务器响应    438

13.2.4 使用CSS样式    438

13.3 HTML 5简介    439

13.3.1 HTML 5标签    440

13.3.2 HTML 5的事件属性    443

13.3.3 HTML 5的标准属性    444

13.4 应用实例——使用Ajax实现

页面特效    444

13.5 举一反三——通过Ajax实现可拖动的Div块    455

第14章 Div+CSS布局综合案例    457

综合实例——制作医疗保健类网站    458