具体描述
产品特色
内容简介
《Div+CSS 3+jQuery网页布局案例精粹》全面并系统地讲解了使用Div+CSS进行网页布局的方法和技巧，详细的讲解步骤配合图示，使得每个步骤清晰易懂、一目了然。本书通过大量翔实的实例对Div+CSS布局进行了深入浅出的分析，并对重点和难点进行了更加深入的解析，使读者能够充分掌握Div+CSS布局的精髓所在。在书中还穿插介绍了有关CSS 3和HTML 5的相关知识。希望读者通过本书的学习，能够以符合标准的设计思维，采用实战操作步骤完成网页设计，进而全面掌握利用Div+CSS布局制作网页的方法。
《Div+CSS 3+jQuery网页布局案例精粹》内容丰富、结构明朗、思维清晰、知识点覆盖面广、实例的讲解到位、步骤简单易懂。另外，在讲解知识的基础上着重培养读者的思维锻炼与实践作战，比较适合初、中级网页设计制作爱好者，以及希望学习Div+CSS网页布局的设计者。本书配套光盘中还提供了书中所有实例源文件和相关视频教程，供读者学习和参考。
作者简介
李晓斌，畅销书作者，曾经写过并出版多本Div畅销书，如《Div+CSS 3.0网页布局案例精粹》，擅长网页等图书的写作。
内页插图
目录
第1章 Dreamweaver与HTML基础 1
实例1 建站第一步――创建本地静态站点 2
实例2 设置远程服务器――创建企业网站站点 3
实例3 远程交互站点――创建Business Catalyst站点 6
实例4 HTML的基本结构――制作简单的HTML页面 9
实例5 HTML 5＜canvas＞标签――在网页中实现圆形图片 11
实例6 HTML 5＜audio＞标签――在网页中嵌入音频 15
实例7 HTML 5＜video＞标签――在网页中嵌入视频 18
第2章 CSS样式基础 21
实例8 通配选择器――控制页面边距 22
实例9 标签选择器――制作网站欢迎页面 23
实例10 ID选择器――制作设计作品页面 25
实例11 类选择器――设置网页中的文字效果 27
实例12 伪类和伪对象选择器――设置网页链接文字效果 29
实例13 群组选择器――制作产品列表页面 31
实例14 派生选择器――同时控制多个图像 34
实例15 内联CSS样式――控制文本显示效果 36
实例16 内部CSS样式――控制页面整体效果 37
实例17 外部CSS样式――链接外部CSS样式表文件 39
实例18 @import方式――导入外部CSS样式 42
第3章 使用CSS样式设置网页文本 45
实例19 font-family属性――设置网页中的字体 46
实例20 font-size属性――设置网页中的字体大小 47
实例21 color属性――设置网页中文字的颜色 49
实例22 font-weight属性――设置网页中的文字加粗 51
实例23 font-style属性――设置网页中的文字倾斜 53
实例24 text-transform属性――设置英文字体大小写 55
实例25 text-decoration属性――设置字体下画线、顶画线和删除线 57
实例26 letter-spacing属性――设置网页中文字的间距 59
实例27 line-height属性――设置网页中的文字行距 60
实例28 text-indent属性――设置网页中段落文字首行缩进 62
实例29 text-align属性――设置文字水平对齐方式 64
实例30 vertical-align属性――设置文字垂直对齐方式 66
实例31 段落首字下沉――制作企业介绍页面 68
实例32 Web字体――在网页中使用特殊字体 70
实例33 Edge Web Fonts――实现特殊文字效果 73
实例34 CSS类选区――应用多个类CSS样式 75
实例35 text-shadow属性（CSS 3） ――为网页文字添加阴影 77
实例36 word-wrap属性（CSS 3）――控制网页文本换行 79
实例37 text-overflow属性（CSS 3）――控制文本溢出 81
第4章 使用CSS样式设置网页背景 85
实例38 background-color属性――设置网页背景颜色 86
实例39 RGBA颜色设置方式（CSS 3）――设置半透明背景颜色 88
实例40 HSL和HSLA颜色设置方式（CSS 3）――使用HSL方式设置背景颜色 90
实例41 background-image属性――设置网页背景图像 92
实例42 background-repeat属性――实现重复显示的背景图像 93
实例43 background-position属性――控制网页中背景图像的位置 96
实例44 background-attachment属性――控制网页的背景图像固定不动 98
实例45 background-size属性（CSS 3）――控制背景图像大小 100
实例46 background-origin属性（CSS 3）――控制背景图像显示区域 102
实例47 background-clip属性（CSS 3）――控制背景图像的裁剪区域 105
第5章 使用CSS样式设置网页图片 109
实例48 border属性――为图片添加边框效果 110
实例49 图片缩放――自适应窗口大小的图片 112
实例50 图片水平对齐――制作作品展示页面 115
实例51 图片垂直对齐――制作饮品展示页面 117
实例52 实现图文混排效果――实现图文介绍页面文本绕图 118
实例53 border-colors属性（CSS 3）――为图像添加多种色彩边框 121
实例54 border-radius属性（CSS 3）――实现圆角边框 122
实例55 border-image属性（CSS 3）――实现图像边框 124
第6章 使用CSS样式设置列表效果 127
实例56 ul序列表――制作新闻栏目 128
实例57 ol有序列表――制作音乐排行榜 130
实例58 list-style-type属性――制作方块列表效果 133
实例59 list-style-image属性――制作图像列表 134
实例60 dl定义列表――制作游戏新闻列表 136
实例61 使用CSS样式创建横向导航菜单――制作旅游网站导航菜单 138
实例62 使用CSS样式创建竖向导航菜单――制作音乐网站竖向导航菜单 142
实例63 content属性（CSS 3）――赋予Div内容 145
实例64 opacity属性（CSS 3）――实现元素的半透明效果 147
第7章 使用CSS样式设置表格和表单效果
实例65 创建数据表格――制作企业网站新闻页面 150
实例66 设置表格边框和背景――制作精美表格 155
实例67 为单元行应用类CSS样式――实现隔行变色的单元格 158
实例68 应用CSS样式的hover伪类――实现交互的变色表格 160
实例69 设置表单元素的背景颜色――制作商品搜索 162
实例70 设置表单元素的边框――美化登录框 164
实例71 使用CSS定义圆角文本字段――制作系统登录界面 166
实例72 使用CSS定义下拉列表――制作多彩下拉列表 168
实例73 column-width属性（CSS 3）――实现网页文本分栏 171
实例74 column-count属性（CSS 3）――控制网页文本分栏数 173
实例75 column-gap属性（CSS 3）――控制网页文本分栏间距 174
实例76 column-rule属性（CSS 3）――为分栏添加分栏线 176
第8章 使用CSS样式设置网页超链接效果 179
实例77 超链接伪类样式――制作网页文字超链接效果 180
实例78 按钮式超链接――制作设计网站导航菜单 183
实例79 为超链接添加背景――制作背景变换导航菜单 187
实例80 cursor属性――设置网页中鼠标指针的效果 191
实例81 使用CSS定义鼠标变换效果――实现网页中的鼠标变换效果 192
实例82 box-shadow属性（CSS 3）――为网页添加阴影 194
实例83 overflow属性（CSS 3）――网页元素内容溢出处理 196
实例84 resize属性（CSS 3）――在网页中实现区域缩放调节 197
实例85 outline属性（CSS 3）――为网页元素添加轮廓边框 199
第9章 使用CSS 3的滤镜 201
实例86 grayscale滤镜――将网页处理为灰度效果 202
实例87 sepia滤镜――将网页中的图像处理为怀旧效果 204
实例88 saturate滤镜――调整网页中图像的色彩饱和度 206
实例89 hue-rotate滤镜――调整网页中图像的色调 208
实例90 invert滤镜――将网页中的图像处理为底片效果 210
实例91 opacity滤镜――设置网页元素的半透明效果 212
实例92 brightness滤镜――调整网页中图像的亮度 214
实例93 contrast滤镜――调整网页中图像的对比度 215
实例94 blur滤镜――实现网页元素模糊效果 217
实例95 drop-shadow滤镜――为网页元素添加阴影效果 220
第10章 Div+CSS网页布局 223
实例96 margin属性――控制网页元素的位置 224
实例97 border属性――为网页元素添加边框 226
实例98 padding属性――控制Div中内容的位置 229
实例99 relative相对定位――设置网页元素的相对位置 231
实例100 absolute绝对定位――设置网页元素的绝对位置 233
实例101 fixed固定定位――固定的网页导航 235
实例102 float浮动定位――制作作品列表 237
实例103 空白边叠加――控制元素的上下边距 240
实例104 流体网格布局――制作个人作品展示页面 242
第11章 CSS样式与其他语言综合应用
实例105 XML与CSS综合应用――制作学生信息管理页面 250
实例106 使用CSS实现XML中的特殊效果――制作信息列表 253
实例107 在HTML页面中调用XML数据――制作摄影图片网页 259
实例108 使用JavaScript实现可选择字体大小――制作新闻页面 265
实例109 使用JavaScript实现图像滑动切换――制作轮换广告效果 268
实例110 使用JavaScript实现特效――制作动态网站相册 272
第12章 使用jQuery在网页中实现特殊效果 279
实例111 jQuery Mobile――制作设计作品手机网站页面 280
实例112 jQuery UI Accordion组件――制作折叠式作品展示栏目 287
实例113 jQuery UI Tabs组件――制作选项卡式新闻列表 293
实例114 jQuery Blind效果――动态显示/隐藏网页元素 298
实例115 jQuery Bounce效果――实现网页元素动态抖动显示隐藏 301
实例116 jQuery――实现网页全屏大图切换效果 304
实例117 jQuery――实现图像横向滚动效果 308
实例118 jQuery――卡片式图片轮换效果 314
第13章 使用Div+CSS布局制作商业网站 323
实例119 设计工作室网站页面 324
实例120 儿童网站页面 332
实例121 餐饮网站页面 340
实例122 教育网站页面 350
实例123 房地产网站页面 358
实例124 网络公司网站页面 364
实例125 企业宣传网站页面 375
实例126 图书音像制品网站页面 383
实例127 美容产品网站页面 394
实例128 游戏网站页面 402
前言/序言
随着Internet技术及其应用的不断发展，我们的生活、学习和工作也越来越离不开内容丰富的网站。网页是宣传网站的重要窗口，内容丰富、制作精美的网页会吸引更多访问者的浏览，这是网站生存和发展的关键，那么，掌握制作实用、精美网页的方法就成为了一项重要的技能。
使用Div CSS布局设计网页已经形成了一种流行趋势，它能够真正做到W3C提出的内容与表现相分离的Web标准，使得网站的访问与维护更加方便、轻松。因此，学习Div CSS网页布局已经成为网页设计人员的必修课。本书通过实例的方式向读者全面介绍使用Div CSS布局制作网页的方法和技巧，希望能够帮助读者轻松、快速地进入基于Web标准的Div CSS网页设计领域。
本书内容安排
本书主要介绍了如何使用Div CSS进行网页布局制作，通过一百多个经典实例与知识点相结合进行讲解，并在难以理解的地方加以提示进行点拨，使读者能够轻松、快速地掌握该种布局方式。全书共分为13章，每章的主要内容如下：
第1章为Dreamweaver与HTML基础，通过7个实例的制作主要向大家介绍如何在Dreamweaver中创建站点，以及远程交互站点和远程服务器的设置。另外，还介绍了有关HTML 5的相关知识，使读者能够掌握HTML 5中新增标签的使用方法。
第2章为CSS样式基础，通过11个实例向读者介绍了CSS样式的相关基础知识，包括CSS样式中的各种选择器，以及在网页中使用CSS样式的多种方法。
第3章为使用CSS样式设计网页文本，通过19个实例的制作全方位地介绍了CSS样式中用于设置文字属性的方法和技巧，以及网页中特殊字体的使用方法和CSS类的应用，并且还通过实例介绍了CSS 3中新增的文字属性的使用方法。
第4章为使用CSS样式设置网页背景，通过10个实例的制作介绍了使用CSS样式中用于设置背景颜色、背景图像等与背景相关属性的使用方法和技巧，并且还通过实例介绍了CSS 3中新增的颜色设置方法和背景控制新属性的使用方法。
第5章为使用CSS样式设置网页图片，通过8个实例的制作介绍了使用CSS样式对网页中图片的边框、缩放、对齐方式的控制技巧，以及实现图文混排效果的方式，并且还通过实例介绍了CSS 3中新增的3种边框控制属性的使用方法。
第6章为使用CSS样式设置列表效果，通过9个实例的制作全面细致地介绍了使用CSS样式对网页中各种列表进行设置的方法，以及通过CSS样式与列表相结合制作网页导航菜单的方法，并且还通过实例介绍了CSS 3中新增的content属性和opacity属性的使用方法。
第7章为使用CSS样式设置表格和表单效果，通过12个实例的制作介绍了网页中表格和表单元素的创建方法，以及使用CSS样式对表格和表单元素进行设置和美化的技巧，并且还通过实例介绍了CSS 3中新增的多列布局的相关属性及使用方法。
第8章为使用CSS样式设置网页超链接效果，通过9个实例的制作介绍了如何创建网页超链接，并使用CSS样式实现超链接和光标指针的特殊效果，还通过实例介绍了CSS 3中新增的网页布局的相关属性及使用方法。
第9章为使用CSS 3的滤镜，通过10个实例的制作介绍了CSS 3中新增的10种全新滤镜的相关知识，其中包括grayscale滤镜、sepia滤镜、saturate滤镜、hue-rotate滤镜、invert滤镜、opacity滤镜、brightness滤镜、contrast滤镜、blur滤镜和drop-shadow滤镜。
第10章为Div CSS网页布局，通过9个实例的制作主要介绍了Div CSS常用的布局和定位方式，并且还介绍了在使用Div CSS布局时出现的空白边叠加现象及较为特殊的流体网格布局的制作方法和技巧。
第11章为CSS与其他语言综合应用，通过6个实例的制作介绍了CSS样式与XML和JavaScript综合运用的方法和技巧，从而在网页中实现一些特殊的效果。
第12章为使用jQuery在网页中实现特殊效果。网页中交互效果的应用非常重要，本章通过8个实例的制作，介绍了网页中常见的多种jQuery效果的应用方法和技巧。
第13章为使用Div CSS布局制作商业网站，通过10个商业网站实例的设计制作，向读者全面介绍了如何使用Div CSS布局方式设计制作不同类型的商业网站页面。
本书特点
本书从实际应用的角度出发，系统地介绍了使用Div CSS对网页进行布局制作的方法和技巧，采用应用实例与知识点相结合的方式，避免枯燥无味的基础知识讲解，使读者能够学以致用，掌握最新的Div CSS网页设计制作技术。
用户评价
作为一名有着几年前端开发经验的开发者，我一直在寻找能够提升网页布局技能、拓展技术视野的书籍。在多年的实践中，我深切体会到，一个优秀的网页布局，不仅仅是代码的堆砌，更是对用户体验、视觉设计和技术实现的综合考量。这本书的标题“Div+CSS 3+jQuery网页布局案例精粹”立刻吸引了我，它精准地抓住了前端开发的核心技术组合，而“案例精粹”这几个字，更是让我看到了其价值所在——通过精选的、高质量的案例来展现这些技术的强大生命力。我非常期待书中能够深入探讨CSS 3在现代网页布局中的应用，比如如何巧妙运用Flexbox和Grid来构建复杂而灵活的页面结构，如何通过CSS变量、媒体查询等特性实现高效的响应式设计，以及如何利用CSS动画和过渡为网页增添动感和生机。同时，jQuery在网页交互方面的强大功能也是我一直关注的重点，我希望书中能展示如何通过jQuery实现平滑的滚动效果、复杂的表单验证、动态的内容加载以及各种丰富的用户交互体验，并且这些案例能体现出代码的优雅和高效。附带的光盘更是锦上添花，我期待它能提供书中所有案例的完整源代码，这样我不仅能学习到布局的思路，更能深入理解代码的实现细节，并在自己的项目中进行借鉴和实践。
评分我是在一个偶然的机会看到这本书的，当时我正在为一个复杂的响应式网站做布局，遇到了一些棘手的兼容性问题，也对如何更好地组织HTML结构和CSS样式感到迷茫。市面上搜集了很多资料，但总觉得零散，不成体系。当看到这本书的标题，我的眼睛一下子就亮了。“Div+CSS 3+jQuery”这三个关键词，代表了网页前端开发最核心的几项技术，而“案例精粹”则预示着这本书将聚焦于实战，而非空泛的理论。我一直认为，学习编程，尤其是前端开发，最有效的方式就是通过大量的实践和对优秀案例的模仿、学习。这本书承诺提供“精粹”的案例，这意味着它不会罗列一些简单、重复的基础知识，而是会精选出那些能够体现技术深度、解决实际问题、甚至引领行业潮流的布局方案。我非常期待书中能够展现如何运用CSS 3的最新特性，例如Flexbox、Grid布局、各种动画和过渡效果，以及如何结合jQuery强大的DOM操作和事件处理能力，去实现那些令人惊叹的交互式网页。我特别想知道，书中会不会涉及一些高级的布局技巧，比如如何处理多设备适配的细节，如何优化页面加载速度，或者如何构建可维护性强、扩展性方便的CSS架构。光盘的配备让我对这本书的价值有了更深的期待，我希望光盘中能提供书中所有案例的完整源代码，这样我就可以下载下来，在本地环境中进行反复的调试和研究，去理解每一个细节背后的逻辑。
评分这本书的封面设计就很有吸引力，配色稳重又不失活力，直接点明了主题，让我一眼就觉得是值得深入研究的。书名“Div+CSS 3+jQuery网页布局案例精粹”本身就足够吸引人了，尤其“案例精粹”这几个字，瞬间勾起了我的学习欲望。我一直觉得网页布局是前端开发中最具挑战但也最有成就感的部分，如何将设计图转化为响应式、美观且用户体验良好的网页，一直是我的瓶颈。市面上关于布局的书籍很多，但大多要么过于理论化，要么案例不够典型，要么技术栈陈旧。而这本书直接摆出了“Div+CSS 3+jQuery”这个黄金组合，这几个技术在我看来是现代网页开发的基础，也是我一直在努力提升的方面。我尤其期待书中的“案例精粹”部分，希望能看到一些实用且贴近实际工作需求的设计模式和实现技巧。比如，如何用CSS 3实现复杂的动画效果，如何在jQuery的加持下实现动态的页面交互，以及如何将这些技术融会贯通，构建出既有创意又兼顾性能的网页布局。光盘的附带更是让我觉得物超所值，通常光盘里会包含源代码、素材或者演示视频，这对于我这种喜欢边学边练的读者来说，简直是雪中送炭。我非常好奇光盘里的案例是否会提供完整的项目文件，或者是有一些单独的JS和CSS插件的源码，甚至是针对难点问题的视频讲解。总而言之，这本书在我看来，不仅仅是一本技术书籍，更像是一本通往高效网页布局艺术的指南，它的出现，让我对自己的前端技能提升充满了信心。
评分我是一名前端设计爱好者，虽然不是专业的程序员，但一直对网页的美观和交互有着浓厚的兴趣。我希望通过学习，能够亲手打造出一些令人眼前一亮的网页作品。市面上有很多关于网页设计的书籍，但很多都侧重于设计理论或者视觉呈现，对于具体的实现技术讲解得不够深入，导致我看到漂亮的设计图，却不知道如何下手去实现。这本书的标题，特别是“Div+CSS 3+jQuery”这几个关键词，对我来说是一个很好的切入点。我了解CSS是控制网页样式的关键，而jQuery则能让网页动起来，这两者结合起来，就是实现我心中理想网页的关键。我尤其看重“案例精粹”这个词，它意味着书中将提供一些经过筛选、能够代表优秀实践的范例，而不是泛泛而谈的基础知识。我希望书中能有很多具体的、图文并茂的案例，能够详细地讲解如何一步步构建一个具有吸引力的网页布局。例如，我特别想知道如何用CSS 3实现一些酷炫的动画效果，如何用jQuery来制作一些有趣的交互，比如点击图片放大、鼠标悬停特效等等。附带的光盘对我来说意义重大，我希望光盘里能够包含书中所有案例的完整素材，这样我就可以对照着书中的讲解，一步步地去模仿和实践，将书中的知识真正地内化为自己的能力。
评分说实话，我是一名刚刚踏入前端开发领域的新人，对于各种技术名词和框架感到有些眼花缭乱。在我看来，网页布局是构建一个完整网页最基础也是最重要的一环。我之前尝试过一些在线教程，但总感觉碎片化，很难形成一个完整的认知体系。这本书的出现，对我来说就像是一盏明灯。它明确指出了“Div+CSS 3+jQuery”这三个核心技术，这正好是我目前最需要掌握的。我非常看重“案例精粹”这个部分，因为我更喜欢通过实际的项目来学习，这样更容易理解理论知识如何应用到实际开发中。我希望书中能有各种不同类型的网页布局案例，比如博客、电商网站、作品集页面等等，并且每个案例都能详细讲解其布局思路、HTML结构、CSS样式以及jQuery的交互实现。特别是我对CSS 3的新特性非常感兴趣，比如多列布局、弹性盒子布局（Flexbox）、网格布局（Grid），以及各种过渡和动画效果，我希望能通过这本书学会如何将这些强大的功能应用到我的布局中，让我的网页看起来更具现代感和吸引力。同时，jQuery在网页交互方面的应用也是我非常期待学习的。我希望书中能有关于如何利用jQuery实现各种动态效果的案例，比如轮播图、导航菜单、表单验证等等。附带的光盘更是让我觉得物超所值，我相信光盘里会包含书中案例的源代码，这样我就可以直接下载下来，然后一步步地跟着书中的讲解进行实践，这对于我这样一个新手来说，无疑是学习过程中最宝贵的资源。
评分还没开始看，希望不会失望
评分，
评分书的立意不错，但是配套光盘讲解太2了
评分学习中！内容详实，很有条理！不错！
评分很好，不过每个例子都没贴源代码，得自己去看，不过这样也好，省纸张。例子都很好。作者很用心
评分书不咋样，不太适合初学者！
评分牌子货就是好
评分一般般，，，，，，，，，，，
评分很好很好很好很好很好很好很好..
相关图书
本站所有内容均为互联网搜索引擎提供的公开搜索信息，本站不存储任何数据与内容，任何内容与数据均与本站无关，如有需要请联系相关搜索引擎包括但不限于百度，google,bing,sogou 等
© 2025 book.coffeedeals.club All Rights Reserved. 静流书站 版权所有