种豆资源网

当前位置:首页 > 经验 / 正文

DIV+CSS网页样式与布局实战详解

(2021-01-09 07:37:24) 经验
DIV+CSS网页样式与布局实战详解

DIV+CSS网页样式与布局实战详解

《DIV+CSS网页样式与布局实战详解》是2013年11月清华大学出版社出版的图书,作者是宜亮。

基本介绍

  • 书名:DIV+CSS网页样式与布局实战详解
  • 作者:宜亮
  • ISBN:9787302325406
  • 定价:69元
  • 出版社:清华大学出版社
  • 出版时间:2013.11.01
  • 装帧:平装

内容简介

本书在编写过程中涉及HTML、CSS、JavaScript、XML和XSL等相关知识,但一直围绕CSS技术这条中心线展开。本书讲解由浅入深,循序渐进,从基本的属性操作到高级的模型技术,再到案例剖析。为了让理论知识和实践更好地结合,书中给每个知识点都配有实例,并对每个实例进行剖析,便于读者领会,达到举一反三的效果。另外,为了让读者更加直观、高效地学习,作者专门录製了大量多媒体教学视频。这些视频与本书涉及的源程式均收录于配书光碟中。
本书共21章,分为3篇。第1篇DIV+CSS布局速成,介绍Web标準语言、CSS入门与速成、CSS文字样式设计与速成、CSS图像样式设计与速成、CSS表格样式设计与速成、CSS列表样式设计与速成、CSS表单样式设计与速成、其他CSS样式设计、CSS Sprite技术、CSS滤镜的使用和CSS浏览器样式兼容;第2篇DIV+CSS布局实战演练,介绍广告设计、公告列表设计、搜寻条设计和单击控制项设计;第3篇Web开发进阶,介绍JavaScript功能层控制、DOM与XML套用、静态和动态网站建站的方法、搭建本地伺服器和快速构建本地网站。

图书目录

第1篇DIV+CSS布局速成
第1章Web标準语言(教学视频:34分钟) 2
1.1Web语言简介 2
1.1.1结构标準语言 2
1.1.2表现标準语言 5
1.1.3行为标準语言 6
1.2开发工具 7
1.2.1如何编写CSS代码 7
1.2.2Dreamweaver简介 7
1.2.3Dreamweaver代码编写 9
第2章CSS入门与速成(教学视频:46分钟) 12
2.1开始CSS之旅 12
2.1.1什幺是CSS 12
2.1.2编写一个CSS 12
2.2CSS的组成 15
2.2.1选择符 15
2.2.2属性 17
2.2.3属性值 17
2.3CSS的位置 18
2.3.1属性样式表 18
2.3.2内部样式表 19
2.3.3连结样式表 20
2.3.4导入样式表 21
第3章CSS文字样式设计与速成(教学视频:65分钟) 23
3.1CSS3文字样式 23
3.1.1字型 23
3.1.2大小 25
3.1.3类型 27
3.1.4粗细 29
3.1.5颜色 31
3.1.6小型大写字型 33
3.1.7连结 34
3.1.8布局 36
3.1.9文字阴影 42
3.1.10文字变换速度控制 45
3.1.11文字大小变化 48
3.2文字示例一:新闻摘要 50
3.2.1新闻摘要的DIV布局设计 50
3.2.2新闻简要的CSS样式设计 50
3.3文字示例二:个人简介页面布局 52
3.3.1整体DIV布局设计 52
3.3.2添加CSS样式 53
3.4文字示例三:会移动的文字 54
3.4.1方法1:使用JavaScript控制 55
3.4.2方法2:使用marquee标籤控制 56
3.5文字示例四:文字阴影效果 57
3.5.1方法1:使用CSS定位技术 57
3.5.2方法2:使用CSS3特有属性 59
第4章CSS图像样式设计与速成(教学视频:54分钟) 60
4.1背景 60
4.1.1颜色 60
4.1.2图片 63
4.1.3排布 65
4.1.4位置控制 66
4.1.5滚动控制 68
4.1.6线性渐变 69
4.2动漫游戏网站主题背景 72
4.3图片 76
4.3.1框线 76
4.3.2缩放 78
4.3.3透明效果 80
4.3.4图片布局 81
4.4图片示例一:浮动相架 83
4.4.1使用DIV控制布局 83
4.4.2添加CSS图片样式 84
4.4.3添加JavaScript控制 84
4.5图片示例二:大小会变化的图片 86
4.5.1使用CSS3特有属性 86
4.5.2使用JavaScript控制 88
4.6图片示例三:CSS3图片旋转 90
第5章CSS表格样式设计与速成(教学视频:30分钟) 92
5.1表格 92
5.1.1背景 92
5.1.2框线 94
5.1.3边距 97
5.1.4表格的嵌套 99
5.1.5跨行、列表格项 101
5.1.6表格项斜角 101
5.2表格示例一:成绩单设计 104
5.3表格示例二:用DIV製作表格 106
5.4表格示例三:仿Apple风格样式表格 108
5.5表格示例四:添加Hover事件回响控制 110
第6章CSS列表样式设计与速成(教学视频:41分钟) 112
6.1列表 112
6.1.1列表的方向 112
6.1.2列表图示 118
6.1.3列表的层次 124
6.2列表示例一:杂誌目录排版 128
6.2.1标题设计DIV布局 128
6.2.2目录元素添加CSS样式 131
6.3列表示例二:用DIV实现列表 133
6.3.1DIV的摆放 133
6.3.2DIV模仿简单列表 136
6.4列表示例三:列表摆放——我的微空间画册 138
6.5列表示例四:列表动态显示——商品列表 141
6.5.1商品列表的框架设计 141
6.5.2为列表添加CSS和JavaScript控制 143
第7章CSS表单样式设计与速成(教学视频:58分钟) 146
7.1表单的作用 146
7.1.1表单的重要性 146
7.1.2简单的表单功能提交单 148
7.2表单的样式 150
7.2.1基本元素 150
7.2.2背景 156
7.2.3框线 161
7.2.4布局 167
7.3表单示例一:用户注册界面设计 175
7.4表单示例二:问卷调查表单设计 179
7.5表单示例三:人人网登录界面设计 183
第8章其他CSS样式设计(教学视频:81分钟) 187
8.1圆角的设计 187
8.1.1通过设定背景设计圆角 187
8.1.2五环效果 189
8.2特殊部件设计 191
8.2.1可移动的div 192
8.2.2进度条设计 195
8.3颜色 198
8.3.1颜色的表示 198
8.3.2颜色的使用 200
8.4细说选择符 201
8.4.1全局选择符 201
8.4.2标籤选择符 202
8.4.3ID选择符 203
8.4.4CLASS选择符 205
8.4.5派生选择符 206
8.4.6元素群选择符 208
8.4.7指定选择符 209
8.4.8属性选择符 211
8.4.9相邻选择符 221
8.4.10伪类选择符 222
8.5样式优先权 224
8.5.1各自的优先权 224
8.5.2!important标识符 224
第9章DIV布局控制(教学视频:33分钟) 226
9.1块元素和行元素 226
9.1.1区别和联繫 226
9.1.2分类 228
9.2盒式模型 230
9.2.1几个关键属性 230
9.2.2间距 231
9.3DIV定位举例一:个人网站类 233
9.3.1个人网站举例 233
9.3.2设计个人网站主页的布局 234
9.4DIV定位举例二:新闻网站类 238
9.4.1新闻网站举例 238
9.4.2设计个人网站主页的布局 239
第10章CSSSprite技术(教学视频:56分钟) 243
10.1什幺是CSSSprite技术 243
10.2CSSSprite的简单套用 244
10.3设计热门查询栏 245
10.3.1使用Photoshop定位元素 246
10.3.2进行DIV排版 246
10.3.3添加皮肤 248
10.3.4添加滑鼠事件处理 249
10.4酷狗电台列表设计 250
10.4.1图示元素设计 250
10.4.2进行DIV排版 250
10.4.3添加皮肤 254
10.4.4滑鼠移动事件回响 256
10.4.5音乐提示回响模拟 257
10.5选单标籤的Sprite套用 259
10.5.1简单的DIV布局 259
10.5.2使用CSS添加Sprite 260
10.5.3使用JavaScript控制 261
第11章CSS滤镜的使用(教学视频:48分钟) 262
11.1静态滤镜 262
11.1.1透明滤镜 262
11.1.2模糊滤镜 264
11.1.3基色滤镜 265
11.1.4落影滤镜 266
11.1.5光晕滤镜 268
11.1.6光照滤镜 269
11.1.7翻转滤镜 271
11.1.8X光滤镜 273
11.1.9运动模糊滤镜 274
11.1.10阴影滤镜 276
11.1.11波浪滤镜 277
11.1.12图片插入滤镜 279
11.1.13渐变滤镜 281
11.1.14浮雕滤镜 282
11.2动态滤镜 284
11.2.1门滤镜 284
11.2.2栅栏滤镜 285
11.2.3棋盘滤镜 287
11.2.4渐刷滤镜 289
11.2.5消逝滤镜 291
11.2.6虹滤镜 292
11.2.7内插滤镜 295
11.2.8像素化滤镜 296
11.2.9随机线条滤镜 298
11.2.10旋转刷滤镜 299
11.2.11随机转换滤镜 301
11.2.12随机溶解滤镜 304
11.2.13螺旋滤镜 305
11.2.14滑动滤镜 307
11.2.15剥除滤镜 309
11.2.16拉伸滤镜 311
11.2.17齿轮滤镜 313
11.2.18之字形滤镜 314
第12章CSS浏览器样式兼容(教学视频:32分钟) 317
12.1CSS兼容问题 317
12.1.1什幺是CSS兼容问题 317
12.1.2兼容问题的解决方案 318
12.2浏览器过滤语句 318
12.2.1导入语句过滤器 318
12.2.2IE判断过滤器 320
12.2.3属性名字过滤器 323
12.2.4根符号过滤器 324
12.2.5派生选择符过滤器 325
12.2.6属性选择符过滤器 327
12.2.7注释语句过滤器 328
12.2.8大括弧过滤器 330
12.2.9优先权过滤器 332
12.2.10相邻选择符过滤器 333
12.2.11转义字元过滤器 334
第2篇DIV+CSS布局实战演练
第13章广告的设计(教学视频:34分钟) 338
13.1旁侧浮动广告设计 338
13.1.1旁侧浮动广告DIV设计 338
13.1.2旁侧浮动广告CSS设计部分 339
13.1.3旁侧浮动广告JavaScript控制部分 341
13.2可摺叠浮动广告设计 342
13.2.1可摺叠浮动广告DIV设计 342
13.2.2可摺叠浮动广告CSS设计 343
13.2.3可摺叠浮动广告JavaScript设计 344
13.3底部提示广告设计 346
13.3.1底部广告DIV设计 346
13.3.2底部广告CSS设计 347
13.3.3底部广告JavaScript设计 348
13.4CSS视窗定位 350
13.4.1旁侧浮动广告 350
13.4.2可摺叠浮动广告 351
13.4.3底部浮动广告 352
第14章公告列表设计(教学视频:35分钟) 353
14.1视频排行列表设计 353
14.1.1列表与图片混搭 353
14.1.2添加CSS 355
14.1.3添加JavaScript控制 357
14.2旁侧橱窗设计 358
14.2.1列表与图片混搭 358
14.2.2添加CSS 360
14.2.3添加JavaScript控制 362
14.3天气预报设计 363
14.3.1天气简报设计 363
14.3.2天气详单设计 367
第15章搜寻条设计(教学视频:16分钟) 377
15.1仿百度搜寻栏设计 377
15.1.1表单和列表混搭 377
15.1.2添加CSS 379
15.1.3按钮样式控制 381
15.2立体搜寻栏设计 382
15.2.1表单和列表混搭 382
15.2.2添加样式控制 383
15.2.3列表和按钮样式控制 386
第16章单击控制项设计(教学视频:13分钟) 387
16.1页面底部控制项 387
16.1.1HTML基本框架 387
16.1.2CSS样式控制 388
16.1.3相关事件控制 389
16.2页面顶部控制项 390
16.2.1HTML基本框架 390
16.2.2CSS样式控制 391
16.2.3相关事件控制 392
第3篇Web开发进阶
第17章JavaScript功能层控制(教学视频:53分钟) 396
17.1JavaScript的引入 396
17.1.1JavaScript是什幺 396
17.1.2第一个JavaScript 397
17.1.3注意事项 399
17.2数据类型 399
17.2.1基本数据类型 400
17.2.2複合数据类型 401
17.2.3其他数据类型 402
17.3程式控制 404
17.3.1运算符 404
17.3.2特殊运算符 405
17.3.3控制语句 407
17.4事件处理 412
17.4.1浏览器事件 412
17.4.2键盘事件 413
17.4.3滑鼠事件 413
17.4.4表单事件 414
17.4.5选单事件 414
17.4.6文本事件 414
17.5DOM对象 414
17.5.1DOM初识 415
17.5.2DOM的简单例子 415
17.5.3DOM函式与关键字 416
第18章DOM与XML套用(教学视频:31分钟) 418
18.1HTML的DOM使用 418
18.1.1用DOM遍历HTML元素 418
18.1.2用DOM修改CSS 422
18.2重载标籤节点的方法成员 435
18.2.1函式重载的一般方法 435
18.2.2IE浏览器下函式重载的方法 438
18.3XML的使用 442
18.3.1用DOM遍历XML元素 442
18.3.2如何解析和显示XML 445
第19章静态和动态网站建站的方法(教学视频:15分钟) 458
19.1申请个人子域名 458
19.1.1UCOZ简介 458
19.1.2注册激活个人账号 459
19.1.3登录账号 460
19.1.4创建子网站 461
19.2建设网站 462
19.2.1编辑网站首页 462
19.2.2上传档案 464
19.3申请动态网站空间 465
19.3.1注册账号 465
19.3.2创建个人伺服器空间以及资料库 466
19.4上传PHP代码 467
19.4.1FTP上传工具的使用 468
19.4.2上传PHP代码包 468
19.4.3线上配置伺服器 469
第20章搭建本地伺服器(教学视频:11分钟) 471
20.1搭建网站伺服器 471
20.1.1Apache简介 471
20.1.2Apache安装 472
20.1.3Apache配置 474
20.2搭建资料库 476
20.2.1MySQL简介 476
20.2.2MySQL安装 477
第21章快速构建本地网站(教学视频:9分钟) 486
21.1本地伺服器一键安装 486
21.1.1PHPnow简介 486
21.1.2PHPnow安装 486
21.2使用Discuz代码 489
21.2.1Discuz简介 490
21.2.2安装Discuz 491
21.2.3Discuz后台 497
21.2.4更换模板 498
后记 500
搜索
热门图片
最近更新
随机推荐

Powered By 种豆资源网||