Div+CSS 3+jQuery网页布局案例精粹

出版日期:2015-6
ISBN:978712126076X
作者:李晓斌

内容概要

李晓斌,畅销书作者,曾经写过并出版多本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

作者简介

本书通过实例的方式全面介绍了CSS样式中几乎所有的属性,以及使用Div+CSS布局制作网页的方法和技巧。在实例的制作过程中,在介绍CSS样式设计各方面知识的同时,还结合实际网页制作中可能遇到的问题提供了解决问题的思路、方法和技巧,这样初学者可以轻松地掌握Div+CSS布局的方式,制作出精美的网页。
本书全面并系统地讲解了使用Div+CSS进行网页布局的方法和技巧,详细的讲解步骤配合图示,使得每个步骤清晰易懂、一目了然。本书通过大量翔实的实例对Div+CSS布局进行了深入浅出的分析,并对重点和难点进行了更加深入的解析,使读者能够充分掌握Div+CSS布局的精髓所在。在书中还穿插介绍了有关CSS 3和HTML 5的相关知识。希望读者通过本书的学习,能够以符合标准的设计思维,采用实战操作步骤完成网页设计,进而全面掌握利用Div+CSS布局制作网页的方法。
本书内容丰富、结构明朗、思维清晰、知识点覆盖面广、实例的讲解到位、步骤简单易懂。另外,在讲解知识的基础上着重培养读者的思维锻炼与实践作战,比较适合初、中级网页设计制作爱好者,以及希望学习Div+CSS网页布局的设计者。本书配套光盘中还提供了书中所有实例源文件和相关视频教程,供读者学习和参考。


 Div+CSS 3+jQuery网页布局案例精粹下载



发布书评

 
 


 

外国儿童文学,篆刻,百科,生物科学,科普,初中通用,育儿亲子,美容护肤PDF图书下载,。 零度图书网 

零度图书网 @ 2024