下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922
读书 > Web开发 >jQuery > Div+CSS 3+jQuery网页布局案例精粹(含DVD光盘1张)

Div+CSS 3+jQuery网页布局案例精粹(含DVD光盘1张)

综合评级:★★★★★

定价:69.80

作者:李晓斌 编著

出版社:电子工业出版社

出版日期:2015年6月

页数:410

字数:672000

ISBN:9787121260766

书籍介绍
本书通过实例的方式全面介绍了CSS样式中几乎所有的属性,以及使用Div+CSS布局制作网页的方法和技巧。在实例的制作过程中,在介绍CSS样式设计各方面知识的同时,还结合实际网页制作中可能遇到的问题提供了解决问题的思路、方法和技巧,这样初学者可以轻松地掌握Div+CSS布局的方式,制作出精美的网页。

  本书全面并系统地讲解了使用Div+CSS进行网页布局的方法和技巧,详细的讲解步骤配合图示,使得每个步骤清晰易懂、一目了然。本书通过大量翔实的实例对Div+CSS布局进行了深入浅出的分析,并对重点和难点进行了更加深入的解析,使读者能够充分掌握Div+CSS布局的精髓所在。在书中还穿插介绍了有关CSS 3和HTML 5的相关知识。希望读者通过本书的学习,能够以符合标准的设计思维,采用实战操作步骤完成网页设计,进而全面掌握利用Div+CSS布局制作网页的方法。

  本书内容丰富、结构明朗、思维清晰、知识点覆盖面广、实例的讲解到位、步骤简单易懂。另外,在讲解知识的基础上着重培养读者的思维锻炼与实践作战,比较适合初、中级网页设计制作爱好者,以及希望学习Div+CSS网页布局的设计者。本书配套光盘中还提供了书中所有实例源文件和相关视频教程,供读者学习和参考。

相关课程
目录

第1章 Dreamweaver与HTML基础

 实例1 建站第一步——创建本地静态站点

 实例2 设置远程服务器——创建企业网站站点

 实例3 远程交互站点——创建Business Catalyst站点

 实例4 HTML的基本结构——制作简单的HTML页面

 实例5 HTML 5<canvas>标签——在网页中实现圆形图片

 实例6 HTML 5<audio>标签——在网页中嵌入音频

 实例7 HTML 5<video>标签——在网页中嵌入视频

第2章 CSS样式基础

 实例8 通配选择器——控制页面边距

 实例9 标签选择器——制作网站欢迎页面

 实例10 ID选择器——制作设计作品页面

 实例11 类选择器——设置网页中的文字效果

 实例12 伪类和伪对象选择器——设置网页链接文字效果

 实例13 群组选择器——制作产品列表页面

 实例14 派生选择器——同时控制多个图像

 实例15 内联CSS样式——控制文本显示效果

 实例16 内部CSS样式——控制页面整体效果

 实例17 外部CSS样式——链接外部CSS样式表文件

 实例18 @import方式——导入外部CSS样式

第3章 使用CSS样式设置网页文本

 实例19 font-family属性——设置网页中的字体

 实例20 font-size属性——设置网页中的字体大小

 实例21 color属性——设置网页中文字的颜色

 实例22 font-weight属性——设置网页中的文字加粗

 实例23 font-style属性——设置网页中的文字倾斜

 实例24 text-transform属性——设置英文字体大小写

 实例25 text-decoration属性——设置字体下画线、顶画线和删除线

 实例26 letter-spacing属性——设置网页中文字的间距

 实例27 line-height属性——设置网页中的文字行距

 实例28 text-indent属性——设置网页中段落文字首行缩进

 实例29 text-align属性——设置文字水平对齐方式

 实例30 vertical-align属性——设置文字垂直对齐方式

 实例31 段落首字下沉——制作企业介绍页面

 实例32 Web字体——在网页中使用特殊字体

 实例33 Edge Web Fonts——实现特殊文字效果

 实例34 CSS类选区——应用多个类CSS样式

 实例35 text-shadow属性(CSS 3) ——为网页文字添加阴影

 实例36 word-wrap属性(CSS 3)——控制网页文本换行

 实例37 text-overflow属性(CSS 3)——控制文本溢出

第4章 使用CSS样式设置网页背景

 实例38 background-color属性——设置网页背景颜色

 实例39 RGBA颜色设置方式(CSS 3)——设置半透明背景颜色

 实例40 HSL和HSLA颜色设置方式(CSS 3)——使用HSL方式设置背景颜色

 实例41 background-image属性——设置网页背景图像

 实例42 background-repeat属性——实现重复显示的背景图像

 实例43 background-position属性——控制网页中背景图像的位置

 实例44 background-attachment属性——控制网页的背景图像固定不动

 实例45 background-size属性(CSS 3)——控制背景图像大小

 实例46 background-origin属性(CSS 3)——控制背景图像显示区域

 实例47 background-clip属性(CSS 3)——控制背景图像的裁剪区域

第5章 使用CSS样式设置网页图片

 实例48 border属性——为图片添加边框效果

 实例49 图片缩放——自适应窗口大小的图片

 实例50 图片水平对齐——制作作品展示页面

 实例51 图片垂直对齐——制作饮品展示页面

 实例52 实现图文混排效果——实现图文介绍页面文本绕图

 实例53 border-colors属性(CSS 3)——为图像添加多种色彩边框

 实例54 border-radius属性(CSS 3)——实现圆角边框

 实例55 border-image属性(CSS 3)——实现图像边框

第6章 使用CSS样式设置列表效果

 实例56 ul无序列表——制作新闻栏目

 实例57 ol有序列表——制作音乐排行榜

 实例58 list-style-type属性——制作方块列表效果

 实例59 list-style-image属性——制作图像列表

 实例60 dl定义列表——制作游戏新闻列表

 实例61 使用CSS样式创建横向导航菜单——制作旅游网站导航菜单

 实例62 使用CSS样式创建竖向导航菜单——制作音乐网站竖向导航菜单

 实例63 content属性(CSS 3)——赋予Div内容

 实例64 opacity属性(CSS 3)——实现元素的半透明效果

第7章 使用CSS样式设置表格和表单效果

 实例65 创建数据表格——制作企业网站新闻页面

 实例66 设置表格边框和背景——制作精美表格

 实例67 为单元行应用类CSS样式——实现隔行变色的单元格

 实例68 应用CSS样式的hover伪类——实现交互的变色表格

 实例69 设置表单元素的背景颜色——制作商品搜索

 实例70 设置表单元素的边框——美化登录框

 实例71 使用CSS定义圆角文本字段——制作系统登录界面

 实例72 使用CSS定义下拉列表——制作多彩下拉列表

 实例73 column-width属性(CSS 3)——实现网页文本分栏

 实例74 column-count属性(CSS 3)——控制网页文本分栏数

 实例75 column-gap属性(CSS 3)——控制网页文本分栏间距

 实例76 column-rule属性(CSS 3)——为分栏添加分栏线

第8章 使用CSS样式设置网页超链接效果

 实例77 超链接伪类样式——制作网页文字超链接效果

 实例78 按钮式超链接——制作设计网站导航菜单

 实例79 为超链接添加背景——制作背景变换导航菜单

 实例80 cursor属性——设置网页中鼠标指针的效果

 实例81 使用CSS定义鼠标变换效果——实现网页中的鼠标变换效果

 实例82 box-shadow属性(CSS 3)——为网页添加阴影

 实例83 overflow属性(CSS 3)——网页元素内容溢出处理

 实例84 resize属性(CSS 3)——在网页中实现区域缩放调节

 实例85 outline属性(CSS 3)——为网页元素添加轮廓边框

第9章 使用CSS 3的滤镜

 实例86 grayscale滤镜——将网页处理为灰度效果

 实例87 sepia滤镜——将网页中的图像处理为怀旧效果

 实例88 saturate滤镜——调整网页中图像的色彩饱和度

 实例89 hue-rotate滤镜——调整网页中图像的色调

 实例90 invert滤镜——将网页中的图像处理为底片效果

 实例91 opacity滤镜——设置网页元素的半透明效果

 实例92 brightness滤镜——调整网页中图像的亮度

 实例93 contrast滤镜——调整网页中图像的对比度

 实例94 blur滤镜——实现网页元素模糊效果

 实例95 drop-shadow滤镜——为网页元素添加阴影效果

第10章 Div+CSS网页布局

 实例96 margin属性——控制网页元素的位置

 实例97 border属性——为网页元素添加边框

 实例98 padding属性——控制Div中内容的位置

 实例99 relative相对定位——设置网页元素的相对位置

 实例100 absolute绝对定位——设置网页元素的绝对位置

 实例101 fixed固定定位——固定的网页导航

 实例102 float浮动定位——制作作品列表

 实例103 空白边叠加——控制元素的上下边距

 实例104 流体网格布局——制作个人作品展示页面

第11章 CSS样式与其他语言综合应用

 实例105 XML与CSS综合应用——制作学生信息管理页面

 实例106 使用CSS实现XML中的特殊效果——制作信息列表

 实例107 在HTML页面中调用XML数据——制作摄影图片网页

 实例108 使用javaScript实现可选择字体大小——制作新闻页面

 实例109 使用Javascript实现图像滑动切换——制作轮换广告效果

 实例110 使用JavaScript实现特效——制作动态网站相册

第12章 使用jQuery在网页中实现特殊效果

 实例111 jQuery Mobile——制作设计作品手机网站页面

 实例112 jQuery UI Accordion组件——制作折叠式作品展示栏目

 实例113 jQuery UI Tabs组件——制作选项卡式新闻列表

 实例114 jQuery Blind效果——动态显示/隐藏网页元素

前言
随着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布局制作网页的各个方面的知识。

  以实例为中心。

  脱离单纯的知识点讲解,通过实例与知识点相结合的方式讲解Div+CSS布局制作技术,生动、贴切地诠释了知识点在实际工作中的应用。

  涵盖最新知识。

  涵盖了最新的CSS 3和HTML 5相关知识的讲解,并且通过实例与知识点相结合的方式进行介绍,使读者能够更容易地理解最新的知识。

  语言简洁流畅。

  本书语言流畅、图文并茂。书中以大量的实例讲解在实际工作中网页的制作方法和技巧,避免了枯燥无味的说教。

  视频辅助教学。

  将实例的制作与教学视频相结合,使得枯燥的内容更加容易理解。

  关于本书作者

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

  如何阅读本书

  本书采用了图文相结合的方式对网页的设计及制作的细节进行全面的展示,本书配套光盘中提供了书中所有实例的源文件和相关素材,以及书中所有实例的视频教程,方便读者学习和参考。

  本书由李晓斌编著,参与编写的人员有张晓景、张立峰、高巍、王廷楠、范明、张航、于海波、王明、贾勇、梁革、罗廷兰、陶玛丽、畅利红、高鹏等。由于时间仓促,书中难免存在疏漏之处,希望广大读者朋友批评、指正,我们一定会全力改进,并在以后的工作中加强和提高。

热门图书
推荐新闻
技术文库
论坛推荐