【作者】
作者简介 刘春茂,本科毕业于上海复旦大学,硕士毕业于清华大学。曾在美国IBM公司移动产品开发组从事Android平台应用的开发。 擅长的核心技术媒体和教育领域个性化信息推荐,网站用户行为数据挖掘,健康领域非结构化数据处理。 擅长的其他技术熟悉各种网站和手机(Andorid和iOS)app的开发等,精通Java, C/C++, PHP, Python等流行语言并对Hadoop, MapReduce等大数据框架有深入研究。
【内容】
基本信息






商品名称: CSS3+DIV网页样式与布局案例课堂-(第2版)


出版社: 清华大学出版社


出版时间:2019-01-01




作者:刘春茂


译者:


开本: 16开




定价: 89.00


页数:0


印次: 1




ISBN号:9787302515432


商品类型:图书


版次: 2 内容提要
《CSS3+DIV网页样式与布局案例课堂(第2版)》以零基础讲解为宗旨,用实例引导读者深入学习,采取“基础知识→核心技术→高J应用→网页布局→项目案例实战”的讲解模式,深入浅出地讲解CSS3+DIV的各项技术及实战技能。

《CSS3+DIV网页样式与布局案例课堂(第2版)》第Ⅰ篇主要讲解网页设计的B备技能、CSS样式入门和CSS3样式的基本语法等;第Ⅱ篇主要讲解设计网页字体与段落样式、设计网页图片样式、设计网页背景与边框样式、设计网页超J链接和鼠标样式、设计表格和表单样式、设计列表和菜单样式、使用滤镜美化网页元素等;第Ⅲ篇主要讲解CSS3的高J特性、过渡和动画效果、2D和3D变幻效果、CSS3和JavaScript的搭配应用、CSS3与XML的综合运用等;第Ⅳ篇主要讲解CSS定位与DIV布局核心技术、CSS+DIV盒子的浮动与定位、固定宽度网页布局剖析与制作、自动缩放网页布局剖析与制作、创建响应式页面等;第Ⅴ篇主要讲解设计商业门户类网页、设计图像影音类网页、设计娱乐休闲类网页、设计企业门户类网页和设计在线购物类网页。

《CSS3+DIV网页样式与布局案例课堂(第2版)》适合任何想学习CSS3+DIV网页设计与布局的人员,无论您是否从事计算机相关行业,无论您是否接触过CSS3和DIV,通过学习均可快速掌握CSS3+DIV的设计方法和技巧。
【目录】
目录
目 录
第Ⅰ篇 基 础 知 识
第1章 网页设计的B备技能 3
1.1 认识网页和网站 4
1.1.1 什么是网页 4
1.1.2 什么是网站 4
1.2 网页中需要包含的要素 5
1.2.1 需要HTML文件 5
1.2.2 需要DIV层 5
1.2.3 需要CSS定义网页样式 6
1.2.4 需要JavaScript设置网页动画 6
1.2.5 需要域名与服务器空间 7
1.3 一个简单网页的基本构成 7
1.3.1 Head部分 8
1.3.2 Body部分 8
1.3.3 注释部分 8
1.4 设计网页的总体流程 9
1.4.1 网页规划 9
1.4.2 搜集资料 9
1.4.3 设计网页的总体效果 10
1.4.4 制作网页素材文件 11
1.4.5 搭建网页DIV层 12
1.4.6 使用CSS与JavaScript 12
1.4.7 测试网页 13
1.5 网站的种类与网页布局方式 14
1.5.1 网站的种类 14
1.5.2 网页布局方式 15
1.6 在Photoshop中构建网页结构 16
1.7 大神解惑 18
1.8 跟我练练手 18
第2章 CSS样式入门 19
2.1 认识CSS 20
2.1.1 CSS功能 20
2.1.2 浏览器与CSS 20
2.1.3 CSS发展历史 21
2.2 CSS常用单位 21
2.2.1 颜色单位 21
2.2.2 长度单位 25
2.3 编辑和浏览CSS 26
2.3.1 案例1——手工编写CSS 26
2.3.2 案例2——使用Dreamweaver编写CSS 27
2.4 在HTML中调用CSS的方法 28
2.4.1 案例3——行内样式 28
2.4.2 案例4——内嵌样式 29
2.4.3 案例5——链接样式 31
2.4.4 案例6——导入样式 32
2.5 调用CSS方法的优先J问题 33
2.5.1 案例7——行内样式和内嵌样式比较 33
2.5.2 案例8——内嵌样式和链接样式比较 34
2.5.3 案例9——链接样式和导入样式比较 34
2.6 综合案例——制作产品销售统计表 35
2.7 大神解惑 37
2.8 跟我练练手 37
第3章 CSS3样式的基本语法 39
3.1 CSS基本语法 40
3.1.1 CSS构造规则 40
3.1.2 CSS的注释 40
3.2 CSS的常用选择器 40
3.2.1 案例1——标签选择器 41
3.2.2 案例2——类选择器 41
3.2.3 案例3——ID选择器 42
3.2.4 案例4——选择器的声明 43
3.3 综合案例——制作炫彩网站Logo 44
3.4 大神解惑 46
3.5 跟我练练手 47
第II篇 核 心 技 术
第4章 设计网页字体与段落样式 51
4.1 美化字体样式 52
4.1.1 案例1——控制字体类型 52
4.1.2 案例2——定义字体大小 53
4.1.3 案例3——定义字体风格 54
4.1.4 案例4——控制文字的粗细 55
4.1.5 案例5——将小写字母转为大写字母 56
4.1.6 案例6——设置字体的复合属性 57
4.1.7 案例7——定义文字的颜色 58
4.2 CSS3中新增的文本高J样式 59
4.2.1 案例8——添加文本的阴影效果 59
4.2.2 案例9——设置文本溢出效果 60
4.2.3 案例10——控制文本的换行 62
4.2.4 案例11——设置字体尺寸 63
4.3 通过CSS控制文本间距与对齐方式 64
4.3.1 案例12——设置单词之间的间隔 64
4.3.2 案例13——设置字符之间的间隔 65
4.3.3 案例14——为文本添加下画线、上画线、删除线 66
4.3.4 案例15——设置垂直对齐方式 66
4.3.5 案例16——转换文本的大小写 68
4.3.6 案例17——设置文本的水平对齐方式 69
4.3.7 案例18——设置文本的缩进效果 71
4.3.8 案例19——设置文本的行高 71
4.3.9 案例20——文本的空白处理 72
4.3.10 案例21——文本的反排 73
4.4 综合案例1——设置网页标题 75
4.5 综合案例2——制作新闻页面 76
4.6 大神解惑 77
4.7 跟我练练手 78
第5章 设计网页图片样式 79
5.1 图片缩放 80
5.1.1 案例1——通过描述标记width和height缩放图片 80
5.1.2 案例2——使用CSS3中的max-width和max-height缩放图片 80
5.1.3 案例3——使用CSS3中的width和height缩放图片 81
5.2 设置图片的对齐方式 82
5.2.1 案例4——设置图片横向对齐 82
5.2.2 案例5——设置图片纵向对齐 83
5.3 图 文 混 排 84
5.3.1 案例6——设置文字环绕效果 84
5.3.2 案例7——设置图片与文字的间距 85
5.4 综合案例1——制作学校宣传单 87
5.5 综合案例2——制作简单图文混排网页 89
5.6 大神解惑 90
5.7 跟我练练手 90
第6章 设计网页背景与边框样式 91
6.1 设计网页背景样式 92
6.1.1 案例1——设置背景颜色 92
6.1.2 案例2——设置背景图片 93
6.1.3 案例3——背景图片重复 94
6.1.4 案例4——背景图片显示 95
6.1.5 案例5——设置背景图片位置 97
6.2 CSS3中新增的控制网页背景属性 99
6.2.1 案例6——设置背景图片大小 99
6.2.2 案例7——设置背景显示区域 100
6.2.3 案例8——设置背景图像裁剪区域 102
6.2.4 案例9——设置背景的复合属性 103
6.3 设计边框样式 104
6.3.1 案例10——设置边框样式 104
6.3.2 案例11——设置边框颜色 106
6.3.3 案例12——设置边框线宽 107
6.3.4 案例13——设置边框的复合属性 109
6.4 CSS3中新增的边框圆角效果 110
6.4.1 案例14——设置圆角边框 110
6.4.2 案例15——指定两个圆角半径 111
6.4.3 案例16——绘制四个不同圆角边框 112
6.4.4 案例17——绘制不同种类的边框 114
6.5 CSS3中的渐变效果 115
6.5.1 案例18——线性渐变效果 116
6.5.2 案例19——径向渐变效果 118
6.6 综合案例1——制作简单公司主页 119
6.7 综合案例2——制作简单生活资讯主页 122
6.8 大神解惑 124
6.9 跟我练练手 124
第7章 设计网页超J链接和鼠标样式 125
7.1 使用CSS3美化超链接 126
7.1.1 案例1——改变超J链接基本样式 126
7.1.2 案例2——设置带有提示信息的超J链接 127
7.1.3 案例3——设置超J链接的背景图 128
7.1.4 案例4——设置超J链接的按钮效果 129
7.2 使用CSS3美化鼠标 130
7.2.1 案例5——使用CSS3控制鼠标箭头 130
7.2.2 案例6——设置鼠标变幻式超链接 132
7.2.3 案例7——设置网页页面滚动条 133
7.3 综合案例1——图片版本超J链接 135
7.4 综合案例2——关于鼠标特效案例 136
7.5 综合案例3——制作一个简单的导航栏 139
7.6 大神解惑 140
7.7 跟我练练手 141
第8章 设计表格和表单样式 143
8.1 美化表格样式 144
8.1.1 案例1——设置表格边框样式 144
8.1.2 案例2——设置表格边框宽度 146
8.1.3 案例3——设置表格边框颜色 147
8.2 美化表单样式 148
8.2.1 案例4——美化表单中的元素 148
8.2.2 案例5——美化提交按钮 150
8.2.3 案例6——美化下拉菜单 151
8.3 综合案例1——制作用户登录页面 153
8.4 综合案例2——制作用户注册页面 155
8.5 大神解惑 157
8.6 跟我练练手 158
第9章 设计列表和菜单样式 159
9.1 美化项目列表的样式 160
9.1.1 案例1——美化无序列表 160
9.1.2 案例2——美化有序列表 161
9.1.3 案例3——美化自定义列表 163
9.1.4 案例4——制作图片列表 164
9.1.5 案例5——缩进图片列表 165
9.1.6 案例6——列表复合属性 166
9.2 使用CSS制作网页菜单 168
9.2.1 案例7——制作动态导航菜单 168
9.2.2 案例8——制作水平和垂直菜单 170
9.3 综合案例1——模拟SOSO导航栏 172
9.4 综合案例2——将段落转变成列表 175
9.5 大神解惑 177
9.6 跟我练练手 177
第10章 使用滤镜美化网页元素 179
10.1 滤镜概述 180
10.2 设置基本滤镜效果 181
10.2.1 案例1——高斯模糊(blur)滤镜 181
10.2.2 案例2——明暗度(brightness)滤镜 182
10.2.3 案例3——对比度(contrast)滤镜 183
10.2.4 案例4——阴影(drop-shadow)滤镜 184
10.2.5 案例5——灰度(grayscale)滤镜 185
10.2.6 案例6——反相(invert)滤镜 186
10.2.7 案例7——透明度(opacity)滤镜 187
10.2.8 案例8——饱和度(saturate)滤镜 188
10.2.9 案例9——深褐色(sepia)滤镜 189
10.3 使用复合滤镜效果 190
10.4 大神解惑 191
10.5 跟我练练手 191
第III篇 高 J 应 用
第11章 CSS3的高J特性 195
11.1 复合选择器 196
11.1.1 案例1——全局选择器 196
11.1.2 案例2——交集选择器 197
11.1.3 案例3——并集选择器 197
11.1.4 案例4——继承(后代)选择器 198
11.2 CSS3新增的选择器 199
11.2.1 案例5——属性选择器 199
11.2.2 案例6——结构伪类选择器 201
11.2.3 案例7——UI元素状态伪类选择器 202
11.2.4 案例8——伪类选择器 204
11.3 CSS3的继承特性 205
11.3.1 案例9——继承关系 205
11.3.2 案例10——CSS继承的运用 206
11.4 CSS3的层叠特性 207
11.4.1 案例11——同一选择器被多次定义的处理 207
11.4.2 案例12——同一标签运用不同类型选择器的处理 208
11.5 综合案例——制作新闻菜单 209
11.6 大神解惑 212
11.7 跟我练练手 212
第12章 过渡和动画效果 213
12.1 认识过渡效果 214
12.2 案例1——添加过渡效果 214
12.3 了解动画效果 217
12.4 案例2——添加动画效果 218
12.5 大神解惑 219
12.6 跟我练练手 220
第13章 2D和3D变幻效果 221
13.1 认识2D转换效果 222
13.2 添加2D转换效果 222
13.2.1 案例1——添加移动效果 222
13.2.2 案例2——添加旋转效果 223
13.2.3 案例3——添加缩放效果 224
13.2.4 案例4——添加倾斜效果 225
13.2.5 案例5——添加综合变幻效果 227
13.3 添加3D转换效果 228
13.4 大神解惑 230
13.5 跟我练练手 230
第14章 CSS3和JavaScript的搭配应用 231
14.1 JavaScript语法基础 232
14.1.1 什么是JavaScript 232
14.1.2 数据类型 232
14.1.3 变量 234
14.1.4 案例1——运算符的简单应用 234
14.1.5 案例2——流程控制语句的简单应用 237
14.1.6 案例3——函数的简单应用 240
14.2 常见的JavaScript编写工具 243
14.2.1 记事本编写工具 243
14.2.2 Dreamweaver编写工具 244
14.3 JavaScript在HTML中的使用 244
14.3.1 案例4——在HTML网页头中嵌入JavaScript代码 245
14.3.2 案例5——在HTML网页中嵌入JavaScript代码 246
14.3.3 案例6
返回顶部