电子工业出版社-网上书店

本书系统地介绍了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

目前，Web标准大潮已经席卷了国内的网页设计领域，许多网页设计师学习并应用Div+CSS布局网页，这本书就是在这一时期推出的一本利用Web标准进行网页设计制作的指导书，适用于所有网页设计师以及网站开发人员。本书力求以最简单的方法与大家一起探讨利用Web标准进行网页设计的方方面面，逐步帮助大家了解什么是Web标准、什么是表现与内容分离及CSS布局。希望能够通过本书的内容，帮助大家改变传统的网页设计思维，进入基于Web标准的Div+CSS网页设计领域。
本书的特点与内容安排
本书全面展现了运用Div+CSS进行网页设计布局的方法，详细的讲解步骤配合图示，使得每个步骤清晰易懂、一目了然。书中不但应用了大量实例对重点、难点进行深入剖析，而且还结合作者多年的网页设计与教学经验进行点拨，使读者学以致用。在书中还穿插介绍了有关CSS 3和HTML 5的相关知识，立求使读者了解到最新的网页设计制作技术。
全书共分为14章，每章的主要内容如下：
第1章：网页和网站的制作流程，介绍了网页的基本类型、基本构成元素及网页设计的基本要求和网站整体的制作流程。
第2章：CSS样式入门，介绍了有关CSS样式的基础知识，包括CSS样式规则、内联样式表、内部样式表、外部样式表、CSS文档结构、CSS样式定义单位和值，以及CSS样式定义属性等。
第3章：使用Div+CSS布局页面，介绍了Div的概念及其应用、可视化模型、基本定位机制的使用、CSS布局方式、居中的布局设计和浮动的布局设计，并且还介绍了CSS 3中有关盒模型的新增属性。
第4章：使用CSS控制网页中的背景，介绍了使用CSS样式设置背景颜色、设置背景图像的方法和技巧，并介绍了CSS 3中有关背景的新增属性。
第5章：使用CSS控制页面文字样式，介绍了使用CSS样式对网页中的文字进行设置的方法和技巧，以及使用CSS样式对Flash动画中的文字进行控制的方法，并且还介绍了在CSS 3中有关文字的新增属性。
第6章：使用CSS控制图像样式，介绍了使用CSS样式对图片边框、图片缩放、图片对齐和图文混排的设置方法，并且还介绍了CSS 3中有关边框的新增属性。
第7章：利用CSS控制列表样式，介绍了网页中列表标签的使用，以及如何使用CSS样式控制列表，通过CSS样式与列表相接合制作网页导航的方法，还介绍了CSS 3中有关颜色的新增属性。
第8章：使用CSS控制表单样式，介绍了表单的设计原则，以及使用CSS样式设计表单的方法和技巧，并且还介绍了CSS 3中有关内容的新增属性。
第9章：使用CSS美化浏览器，介绍了有关网页超链接的相关知识、使用CSS样式实现各种链接效果的方法、使用CSS样式实现鼠标特效的方法，还介绍了CSS 3中有关用户界面的新增属性。
第10章：应用CSS中的滤镜，介绍了CSS样式中各种滤镜效果的应用，并且还介绍了CSS 3中其他模块的新增属性。
第11章：CSS与jQuery的综合应用，介绍了有关jQuery的相关基础知识及jQuery的基本语法，还介绍了Dreamweaver中各种jQuery构件的使用方法。
第12章：CSS与XML的综合应用，介绍了有关XML的基础知识，以及XML与CSS综合应用的方法和技巧。
第13章：CSS与Ajax的综合应用，介绍了有关Ajax的相关基础知识，以及Ajax与CSS相结合应用的方法，并且还介绍了有关HTML 5的相关知识。
第14章：Div+CSS布局综合案例，通过综合案例的设计制作，向读者全面介绍了使用Div+CSS布局制作网页的方法和技巧。

关于本书作者
本书作者有着多年的网页教学及网页设计制作的工作经验，先后在多家网络公司从事网页设计制作工作，积累了大量网页设计制作经验并精通网页布局和美化的多种技巧。本书基于最新版本的Dreamweaver CC，按照从简单到复杂、从入门到精通的思路写作，并且结合多个典型的网站实例进行讲解，使读者能够快速地掌握目前流行的Div+CSS网页布局与制作技能。

如何阅读本书
本书采用图文结合的方式，全面展现了网页设计与制作的细节，还通过大量的提示和技巧为读者解决阅读和学习上的障碍，使读者快速高效地提升自己的网页制作技能。
本书配套光盘中提供了书中所有实例的源文件和相关素材，以及书中实例的视频教程，方便读者学习和参考。
本书由张晓景编著，参与编著的人员有张立峰、高巍、王延楠、范明、李晓斌、张航、于海波、王明、贾勇、梁革、罗廷兰、陶玛丽、畅利红、高鹏。书中难免有错误和疏漏之处，希望广大读者朋友批评、指正，我们一定会全力改进，并在以后的工作中加强和提高。


编　著　者

图形图像/网页制作

张晓景  资深设计师，Adobe专家组成员，Adobe 网页设计师认证讲师__eol__Adobe UI设计工程师，国家信息产业部653工程讲师。参与国家开放大学网页设计和网页界面设计课程体系开发。从事平面设计、网站设计和UI设计多年，参与开发过数十个多媒体商业网站。曾参与设计了999集团设计宣传册，北京西单金泽大厦设计VI设计，以及国务院国资委电子资料室设计制作网站等众多设计工作。__eol__有丰富的教学经验，曾在中国传媒大学、北京大学、北京师范大学等重点院校以及Adobe创意大学和新东方等培训机构教授设计课程。对UI设计风格有独特见解。并过出版网页设计与设计类书籍数十种，并参与清华大学中职教材的编写工作。__eol__近期部分项目介绍：__eol__为999集团设计宣传册__eol__中国邮电广告DM设计__eol__为北京西单金泽大厦VIS设计__eol__为国务院国资委电子资料室设计制作网站__eol__为北京美轻松科技公司制作Flash推广动画__eol__为北京林克曼科技有限公司制作公司网站__eol__授课经验：__eol__Adobe Photoshop CS6内侧__eol__Adobe Flash CS6新功能介绍__eol__Adobe 产品推介__eol__参与国家信息产业部653工程课程设置体系。__eol__参与中央电视大学网页设计专业课程体系设置__eol__北京中小学骨干老师技能培训__eol__铁道部多媒体课件培训__eol__GOOGLE培训计划__eol__中石油信息部门网站艺术布局__eol__中国传媒大学广告行销__eol__撰写专著:__eol__并分别与中国人民邮电出版社/电子工业出版社/希望出版社/合作著有__eol__《Photoshop智能手机APP界面设计全解析》__eol__《iOS智能手机APP界面设计实战教程》__eol__《DIV+CSS网页布局商业案例精粹》__eol__《Photoshop CS6图标设计高手之道》__eol__《Android智能手机APP界面设计实战教程》__eol__《中文版Photoshop CS5数码照片完全自学一本通》__eol__《中文版Flash CS5完全自学一本通》__eol__《中文版Dreamweaver CS5完全自学一本通》。__eol__《网页设计师就业大揭秘》__eol__《平面设计师就业大揭秘》__eol__《炮炮兵的Flash修炼术》__eol__《Dreamweaver 8精彩网页设计实例导航》__eol__《xHTML+CSS+Dreamweaver CS3标准网站构建实例详解?》__eol__《通道与蒙版篇-PhotoshopCS2决定成败之细节》等图书__eol__

本书配套资源下载

对不起，暂无音视频资源！

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