新書推薦:
《
冯友兰和青年谈心系列:不是问题的问题(哲学大师冯友兰和年轻人谈心,命运解读)
》
售價:NT$
254.0
《
月与蟹(青鲤文库)荣获第144届直木奖,天才推理作家经典作品全新译本。一部青春狂想曲,带你登上心理悬疑之巅。
》
售價:NT$
230.0
《
索恩丛书·盛清统治下的太监与皇帝
》
售價:NT$
403.0
《
透过器物看历史(全6册)
》
售價:NT$
2234.0
《
我在台北故宫博物院读名画
》
售價:NT$
500.0
《
尼罗河往事:古埃及文明4000年
》
售價:NT$
347.0
《
一个人·谁也不是·十万人(诺贝尔文学奖得主反思自我的巅峰之作)
》
售價:NT$
250.0
《
重写晚明史(全5册 精装)
》
售價:NT$
3560.0
|
編輯推薦: |
畅销书升级版,全面学习Div+CSS布局制作网页的方法和技巧
|
內容簡介: |
本书系统地介绍了CSS样式的基础理论和实际应用技术,并结合实例讲解了利用Div+CSS布局制作网页的方法和技巧。在实例的制作过程中,除了介绍利用CSS样式进行设计的各方面知识的同时,还结合实际网页制作中可能遇到的问题提供解决思路、方法和技巧,使初学者也可以轻松地掌握Div+CSS布局的方式,制作出精美的网页。 本书全面展现了运用Div+CSS进行网页设计布局的方法,详细的讲解步骤配合图示,使得每个步骤清晰易懂、一目了然。书中不但应用了大量实例对重点、难点进行深入剖析,而且还结合作者多年的网页设计与教学经验进行点拨,使读者学以致用。在书中还穿插介绍了有关CSS 3和HTML 5的相关知识,力求使读者了解到**的网页设计制作技术。 本书内容丰富、结构清晰,注重思维锻炼与实践应用,适合初、中级网页设计爱好者,以及希望学习Web标准对原有网站进行重构的网页设计者。本书配套光盘中还提供了书中所有实例源文件和相关视频教程,供读者学习和参考。
|
關於作者: |
张晓景 资深设计师,Adobe专家组成员,Adobe 网页设计师认证讲师
Adobe UI设计工程师,国家信息产业部653工程讲师。参与国家开放大学网页设计和网页界面设计课程体系开发。从事平面设计、网站设计和UI设计多年,参与开发过数十个多媒体商业网站。曾参与设计了999集团设计宣传册,北京西单金泽大厦设计VI设计,以及国务院国资委电子资料室设计制作网站等众多设计工作。
有丰富的教学经验,曾在中国传媒大学、北京大学、北京师范大学等重点院校以及Adobe创意大学和新东方等培训机构教授设计课程。对UI设计风格有独特见解。并过出版网页设计与设计类书籍数十种,并参与清华大学中职教材的编写工作。
近期部分项目介绍:
为999集团设计宣传册
中国邮电广告DM设计
为北京西单金泽大厦VIS设计
为国务院国资委电子资料室设计制作网站
为北京美轻松科技公司制作Flash推广动画
为北京林克曼科技有限公司制作公司网站
授课经验:
Adobe Photoshop CS6内侧
Adobe Flash CS6新功能介绍
Adobe 产品推介
参与国家信息产业部653工程课程设置体系。
参与中央电视大学网页设计专业课程体系设置
北京中小学骨干老师技能培训
铁道部多媒体课件培训
GOOGLE培训计划
中石油信息部门网站艺术布局
中国传媒大学广告行销
撰写专著:
并分别与中国人民邮电出版社电子工业出版社希望出版社合作著有
《Photoshop智能手机APP界面设计全解析》
《iOS智能手机APP界面设计实战教程》
《DIV+CSS网页布局商业案例精粹》
《Photoshop CS6图标设计高手之道》
《Android智能手机APP界面设计实战教程》
《中文版Photoshop CS5数码照片完全自学一本通》
《中文版Flash CS5完全自学一本通》
《中文版Dreamweaver CS5完全自学一本通》。
《网页设计师就业大揭秘》
《平面设计师就业大揭秘》
《炮炮兵的Flash修炼术》
《Dreamweaver 8精彩网页设计实例导航》
《xHTML+CSS+Dreamweaver CS3标准网站构建实例详解?》
《通道与蒙版篇-PhotoshopCS2决定成败之细节》等图书
|
目錄:
|
第1章 网页和网站的制作流程1
1.1 认识网页2
1.1.1 网页和网站的关系2
1.1.2 网页的基本构成元素3
1.2 什么是网页设计4
1.2.1 网页设计概述4
1.2.2 网页设计与网页制作5
1.2.3 网页设计的特点6
1.2.4 网页设计相关术语8
1.3 网页设计所涵盖的内容10
1.3.1 网页中的视听元素11
1.3.2 网页版式设计11
1.4 如何设计网页12
1.4.1 网页设计的基本原则12
1.4.2 网站设计成功的要素13
1.4.3 网页的设计风格及色彩搭配14
1.5 网页设计的原则15
1.6 网页设计师应具备的素质18
1.7 网站的制作流程20
1.7.1 前期策划20
1.7.2 页面细化及实施21
1.7.3 后期维护22
1.8 网页设计的实现22
第2章 CSS样式入门25
2.1 CSS的基本概念26
2.1.1 CSS的特点26
2.1.2 CSS的类型27
2.1.3 CSS的基本语法28
2.1.4 CSS的冲突29
2.2 网页设计中的CSS30
2.2.1 如何使用CSS31
2.2.2 CSS能做什么33
2.2.3 CSS的局限性33
2.3 CSS样式的基本用法34
2.4 应用CSS到网页中35
2.5 单位和值37
2.6 CSS样式具有的特性43
2.7 CSS 3中的新增选择符44
2.7.1 属性选择符44
课堂练习 属性选择符的运用45
2.7.2 结构伪类选择符47
2.7.3 UI元素状态伪类选择符57
2.8 应用实例――为页面添加
CSS样式63
2.9 举一反三――产品介绍网站72
第3章 使用Div+CSS布局页面75
3.1 定义Div76
3.2 CSS布局定位79
3.3 可视化盒模型87
3.3.1 盒子模型87
3.3.2 margin属性89
3.3.3 border属性89
3.3.4 padding属性90
3.3.5 content属性90
3.3.6 视觉可视化模型91
3.4 常用的布局方式91
3.4.1 居中布局设计91
3.4.2 浮动布局设计92
3.4.3 高度自适应97
3.5 流体网格布局98
课堂练习 制作适合手机浏览的网页98
3.6 CSS 3中有关基础盒模型103
3.6.1 overflow103
3.6.2 overflow-x105
3.6.3 overflow-y106
3.7 CSS 3中新增的弹性盒模型106
3.7.1 box-orient属性控制盒子取向107
3.7.2 box-direction 属性控制盒子
顺序108
3.7.3 box-ordinal-group属性控制
盒子位置110
3.7.4 box-flex属性控制盒子弹性
空间112
3.7.5 盒子空间管理――box-pack和box-align属性113
3.7.6 盒子空间溢出管理――box-lines
属性115
3.8 应用实例――使用Div+CSS布局
页面115
3.9 举一反三――制作健康网站123
第4章 使用CSS控制网页中的背景125
4.1 背景颜色126
4.1.1 设置页面背景颜色126
课堂练习 设置背景颜色126
4.1.2 设置块背景颜色127
课堂练习 设置块背景颜色128
4.2 背景图像129
4.2.1 为页面设置背景图像129
课堂练习 设置背景图片130
4.2.2 背景图像的重复131
4.2.3 设置背景图像的位置132
课堂练习 背景图像定位133
4.2.4 设置背景滚动134
4.2.5 背景样式缩写的方式136
4.3 CSS 3中有关背景的新增属性136
4.3.1 background-origin136
4.3.2 background-clip138
4.3.3 background-size139
4.4 应用实例――制作金融类网站
页面140
4.5 举一反三――学习用品网站149
第5章 使用CSS控制页面文字样式151
5.1 控制文字样式152
5.1.1 字体和大小152
课堂练习 不同字体的设置153
5.1.2 文字颜色和粗细157
5.1.3 斜体159
5.1.4 下画线、顶画线和删除线160
5.1.5 英文字母大小写160
5.2 控制段落样式161
5.2.1 段落水平对齐161
5.2.2 段落垂直对齐163
5.2.3 行间距和字间距164
5.2.4 首字下沉165
5.2.5 首行缩进166
5.3 使用CSS对Flash中的文字进行
控制167
5.4 CSS类选区169
课堂练习 利用CSS类选区制作
个人网站首页169
5.5 制作文字的滚动效果171
课堂练习 实现文字的滚动效果171
5.6 CSS 3中有关文字的新增属性174
5.6.1 text-shadow174
5.6.2 text-overflow175
5.6.3 word-wrap177
5.7 文字样式设置实例――设计类
网站178
5.8 举一反三――制作社区类网站
页面186
第6章 使用CSS控制图像样式189
6.1 图像样式190
6.1.1 图像边框设置190
6.1.2 图像缩放设置193
6.2 图像对齐195
6.2.1 水平对齐设置195
6.2.2 垂直对齐设置196
6.3 图文混排198
6.3.1 文字环绕198
课堂练习 文字环绕效果的制作198
6.3.2 设置混排间距199
6.4 网页中特殊的图像效果199
6.4.1 全屏大图切换199
6.4.2 鼠标经过图像的动态效果202
6.5 CSS 3中有关边框的新增属性207
6.5.1 border-image207
6.5.2 border-radius209
6.5.3 box-shadow210
6.5.4 border-color211
6.6 应用实例――制作婚庆网站
页面212
6.7 举一反三――产品介绍网站219
第7章 利用CSS控制列表样式221
7.1 列表控制概述222
7.1.1 列表控制原则222
7.1.2 列表的类型及使用222
7.1.3 改变项目样式225
7.1.4 图像符号227
7.2 使用列表制作实用菜单227
7.2.1 无须表格的菜单228
7.2.2 菜单的横竖转换230
7.3 CSS 3中有关颜色的新增属性232
7.3.1 HSL colors232
7.3.2 HSLA colors233
7.3.3 opacity234
7.3.4 RGBA colors235
7.4 列表在网页中的特殊应用237
7.4.1 滚动图像237
课堂练习 在网页中实现图像横向
滚动效果237
7.4.2 动态堆叠卡243
课堂练习 在网页中实现动态堆叠卡
效果243
7.5 应用实例――制作音乐网站246
7.6 举一反三――制作设计工作室
网站253
第8章 使用CSS控制表单样式255
8.1 表单设计概述256
8.1.1 表单的设计原则256
8.1.2 表单应用分类257
8.2 表单的设计259
课堂练习 制作商城账号注册页面263
8.3 使用CSS样式控制表单元素269
8.3.1 使用CSS样式控制表单元素的
背景269
8.3.2 使用CSS样式实现圆角文本域272
8.3.3 使用CSS样式设置下拉列表274
8.4 表单在网页中的特殊应用276
8.4.1 聚焦型提示语消失276
8.4.2 输入型提示语消失280
8.5 CSS 3中有关内容的新增属性282
8.6 应用实例――制作用户注册
页面283
8.7 举一反三――制作用户登录
页面291
第9章 使用CSS美化浏览器293
9.1 使用CSS控制超链接294
9.1.1 认识超链接294
9.1.2 关于链接路径295
9.1.3 超链接属性控制298
9.1.4 图像映射301
课堂练习 实现图像映射301
9.1.5 链接的打开方式303
9.2 超链接特效303
9.2.1 按钮式超链接303
9.2.2 浮雕式超链接305
9.3 鼠标特效306
9.3.1 通过CSS样式控制鼠标箭头306
9.3.2 鼠标变化的超链接307
9.4 超链接在网页中的特殊应用308
9.4.1 网页中的倾斜导航菜单308
课堂练习 制作网站的倾斜导航
菜单308
9.4.2 网页中的动感超链接310
课堂练习 制作网站的动感导航
菜单310
9.5 CSS 3中有关用户界面的
新增属性314
9.5.1 box-sizing314
9.5.2 resize316
9.5.3 outline317
9.5.4 nav-index318
9.6 应用实例――制作产品宣传网站
页面320
9.7 举一反三――制作运输公司网站
页面329
第10章 应用CSS中的滤镜331
10.1 了解CSS滤镜332
10.1.1 Alpha滤镜332
10.1.2 Blur滤镜335
10.1.3 MotionBlur滤镜336
10.1.4 Dropshadow滤镜338
10.1.5 Shadow滤镜339
10.1.6 Flip滤镜339
10.1.7 Glow滤镜341
10.1.8 Gray滤镜341
10.
|
內容試閱:
|
全书共分为14章,每章的主要内容如下:
第1章:网页和网站的制作流程,介绍了网页的基本类型、基本构成元素及网页设计的基本要求和网站整体的制作流程。
第2章:CSS样式入门,介绍了有关CSS样式的基础知识,包括CSS样式规则、内联样式表、内部样式表、外部样式表、CSS文档结构、CSS样式定义单位和值,以及CSS样式定义属性等。
第3章:使用Div CSS布局页面,介绍了Div的概念及其应用、可视化模型、基本定位机制的使用、CSS布局方式、居中的布局设计和浮动的布局设计,并且还介绍了CSS 3中有关盒模型的新增属性。
第4章:使用CSS控制网页中的背景,介绍了使用CSS样式设置背景颜色、设置背景图像的方法和技巧,并介绍了CSS 3中有关背景的新增属性。
第5章:使用CSS控制页面文字样式,介绍了使用CSS样式对网页中的文字进行设置的方法和技巧,以及使用CSS样式对Flash动画中的文字进行控制的方法,并且还介绍了在CSS 3中有关文字的新增属性。
第6章:使用CSS控制图像样式,介绍了使用CSS样式对图片边框、图片缩放、图片对齐和图文混排的设置方法,并且还介绍了CSS 3中有关边框的新增属性。
第7章:利用CSS控制列表样式,介绍了网页中列表标签的使用,以及如何使用CSS样式控制列表,通过CSS样式与列表相接合制作网页导航的方法,还介绍了CSS 3中有关颜色的新增属性。
第8章:使用CSS控制表单样式,介绍了表单的设计原则,以及使用CSS样式设计表单的方法和技巧,并且还介绍了CSS 3中有关内容的新增属性。
第9章:使用CSS美化浏览器,介绍了有关网页超链接的相关知识、使用CSS样式实现各种链接效果的方法、使用CSS样式实现鼠标特效的方法,还介绍了CSS 3中有关用户界面的新增属性。
第10章:应用CSS中的滤镜,介绍了CSS样式中各种滤镜效果的应用,并且还介绍了CSS 3中其他模块的新增属性。
第11章:CSS与jQuery的综合应用,介绍了有关jQuery的相关基础知识及jQuery的基本语法,还介绍了Dreamweaver中各种jQuery构件的使用方法。
第12章:CSS与XML的综合应用,介绍了有关XML的基础知识,以及XML与CSS综合应用的方法和技巧。
第13章:CSS与Ajax的综合应用,介绍了有关Ajax的相关基础知识,以及Ajax与CSS相结合应用的方法,并且还介绍了有关HTML 5的相关知识。
第14章:Div CSS布局综合案例,通过综合案例的设计制作,向读者全面介绍了使用Div CSS布局制作网页的方法和技巧。
|
|