Div+CSS3.0网页布局实战从入门到精通(第2版)
定 价:49.8 元
丛书名:新编实战型全功能实用教程
- 作者:新视角文化行
- 出版时间:2018/5/1
- ISBN:9787115477132
- 出 版 社:人民邮电出版社
- 中图法分类:TP393.092.2
- 页码:
- 纸张:胶版纸
- 版次:
- 开本:16开
本书系统地讲解了目前流行的Div CSS标准布局的基础理论和实际应用的技法。全书通过108个经典实例与知识点相结合的形式进行讲解,从网站的布局风格以及实现方法两个方面剖析了Div CSS网页布局和制作方法。
本书全面地讲解了使用Div CSS进行网页布局的方法和技巧,并在每个实例的制作步骤中配以图示,从而更加直观地辅助读者学习,以达到事半功倍的效果。本书通过大量实例对Div CSS布局进行了深入浅出的分析,并对重点和难点进行了更加深入的解析,使读者能够充分掌握Div CSS布局的精髓所在。希望读者通过对本书的学习,能够以符合标准的设计思维,采用实战操作完成网页设计,进而融入到Web标准设计领域。
本书内容丰富、结构清晰、图文并茂,实例的讲解到位,操作步骤也简单易懂。另外,本书在讲解知识的基础上着重培养读者的设计思维与实战能力,比较适合初、中级网页设计制作爱好者以及希望学习Web标准对原网站进行重构的网页设计者。本书配套光盘中还提供了书中所有实例的源文件和相关视频教程,供读者学习和参考。
·完善的学习模式
实例分析 知识点链接 制作步骤 Q&A 提示 操作视频6大环节保障了可学习性。详细讲解操作步骤,力求让读者即学即会。108个典型实例,清晰表达了源代码书写规则,让读者掌握网页源代码的书写方法与技巧,从而为可视化设计能力的提高奠定了基础。
·进阶式讲解模式
全书共12章,每一章都是一个技术专题,从基础入手,逐步进阶到灵活应用。基础讲解与操作紧密结合,方法全面,技巧丰富,不但能学习到专业的制作方法与技巧,还能提高实际应用的能力。
·全程同步教学视频
530分钟全程同步多媒体语音教学视频,由一线教师亲授,详细记录了所有案例的具体操作过程。读者可以边学边做,同步提升操作技能。
·提供配套PPT课件与模板素材
随书附赠配套PPT教学课件,供老师修改使用。还附赠50个Div CSS模板、800张网页背景素材、1000张网页小图标、20种类型的网页模板、50个Flash小图片及1000余张高清图片素材。全面配合书中所讲知识与技能,提高学习效率,提升学习效果。
第 1 篇 基础篇
第 01 章 Dreamweaver与CSS基础
实例001 建站第 一步创建本地静态站点9
实例002 设置远程服务器创建企业网站站点10
实例003 内联CSS样式控制文本显示效果12
实例004 内部CSS样式控制页面整体效果13
实例005 外部CSS样式链接外部CSS样式表文件15
实例006 @import方式导入外部CSS样式18
第 02 章 Div CSS布局基础
实例007 margin控制网页元素的位置21
实例008 border为网页元素添加边框22
实例009 padding控制Div中内容的位置24
实例010 相对定位设置网页元素叠加显示26
实例011 绝对定位设置网页元素固定在右侧显示27
实例012 固定定位固定的网页导航29
实例013 浮动定位制作作品列表31
实例014 空白边叠加控制元素的上下边距35
实例015 流体网格布局制作个人作品展示页面37
第 03 章 使用CSS控制网页背景
实例016 定义页面背景颜色制作个人作品网站页面44
实例017 定义背景图像为网页添加背景图像45
实例018 背景图像的位置控制网页中背景图像的位置47
实例019 固定背景图像控制网页的背景图像固定不动48
实例020 RGBA与HSLA颜色值(CSS3.0)设置半透明背景颜色50
实例021 渐变背景颜色(CSS3.0)为网页设置渐变背景颜色52
实例022 background-size属性(CSS3.0)控制背景图像大小55
实例023 background-origin 属性(CSS3.0)控制背景图像显示区域57
实例024 background-clip 属性(CSS3.0)控制背景图像的裁剪区域58
第 04 章 使用CSS控制文本
实例025 定义字体制作网站欢迎页面62
实例026 定义英文字体大小写制作英文网站页面64
实例027 定义字体下划线、顶划线和删除线网页文字修饰66
实例028 定义字间距和行间距制作网站公告69
实例029 定义段落首字下沉制作企业介绍页面71
实例030 定义段落首行缩进制作设计公司网站页面72
实例031 定义段落水平对齐制作网站弹出页面74
实例032 定义文本垂直对齐制作产品介绍页面76
实例033 Web字体在网页中使用特殊字体78
实例034 CSS类选区应用多个类CSS样式81
实例035 text-shadow属性(CSS3.0)为网页文字添加阴影83
实例036 word-wrap属性(CSS3.0)控制网页文本换行84
实例037 text-overflow属性(CSS3.0) 控制文本溢出86
第 05 章 使用CSS控制图片效果
实例038 图片边框修饰网页图像89
实例039 图片缩放自适应窗口大小的图片91
实例040 图片的水平对齐制作产品展示页面94
实例041 图片的垂直对齐制作饮品展示页面95
实例042 实现图文混排效果制作产品介绍页面97
实例043 border-colors属性(CSS3.0)为图像添加多种色彩边框99
实例044 border-radius属性(CSS3.0) 实现圆角边框100
实例045 border-image属性(CSS3.0)实现图像边框102
第 2 篇 进阶篇
第 06 章 使用CSS控制列表样式
实例046 ul无序列表制作新闻栏目106
实例047 ol有序列表制作音乐排行列表108
实例048 更改列表项目样式制作方块列表效果110
实例049 使用图片作为列表样式制作图像列表112
实例050 定义列表制作复杂新闻列表114
实例051 列表的应用制作横向导航菜单115
实例052 列表的应用制作纵向导航菜单118
实例053 content属性(CSS3.0)赋予Div内容120
实例054 opacity属性(CSS3.0)实现元素的半透明效果122
第 07 章 使用CSS美化表格和表单元素
实例055 创建数据表格制作新闻列表125
实例056 设置表格边框和背景制作精美表格128
实例057 为单元行应用类CSS样式实现隔行变色的单元格132
实例058 应用CSS样式的hover伪类实现交互的变色表格134
实例059 设置表单元素的背景颜色美化文本域135
实例060 设置表单元素的边框美化登录框138
实例061 使用CSS定义圆角文本字段140
实例062 使用CSS定义下拉列表 制作多彩下拉列表141
实例063 column属性(CSS3.0)实现网页文本分栏143
实例064 column-width属性(CSS3.0)设置分栏宽度144
实例065 column-count属性(CSS3.0)控制网页文本分栏数146
实例066 column-gap属性(CSS3.0)控制网页文本分栏间距148
实例067 column-rule属性(CSS3.0)为分栏添加分栏线150
第 08 章 使用CSS样式美化超链接和鼠标指针
实例068 定义超链接样式制作活动公告153
实例069 超链接伪类应用制作按钮式超链接156
实例070 超链接伪类应用制作图像式超链接159
实例071 使用CSS定义鼠标指针样式改变默认的鼠标指针162
实例072 使用CSS定义鼠标变换效果实现网页中的鼠标变换效果163
实例073 box-shadow属性(CSS3.0)为网页元素添加阴影165
实例074 overflow属性(CSS3.0)网页元素内容溢出处理166
实例075 resize属性(CSS3.0)在网页中实现区域缩放调节168
实例076 outline属性(CSS3.0)为网页元素添加轮廓边框170
第 3 篇 提高篇
第 09 章 使用CSS3.0滤镜
实例077 grayscale滤镜将网页处理为灰度效果173
实例078 sepia滤镜将网页中的图像处理为怀旧效果174
实例079 satruate滤镜调整网页中图像的色彩饱和度176
实例080 hue-rotate滤镜调整网页中图像的色调178
实例081 invert滤镜将网页中的图像处理为底片效果180
实例082 opacity滤镜设置网页元素半透明效果181
实例083 brightness滤镜调整网页中图像的亮度183
实例084 contrast滤镜调整网页中图像的对比度184
实例085 blur滤镜实现网页元素模糊效果186
实例086 drop-shadow滤镜为网页元素添加阴影效果188
第 10 章 使用CSS3.0实现动画效果
实例087 旋转变形实现网页元素的旋转191
实例088 缩放和翻转变形实现网页元素的缩放和翻转193
实例089 移动变形实现网页元素的移动194
实例090 倾斜变形实现网页元素的倾斜效果196
实例091 transition-property属性实现网页元素变形过渡效果198
实例092 transition属性制作动态选项卡200
第 11 章 CSS与其他语言综合运用
实例093 XML与CSS制作学生信息管理页面205
实例094 使用CSS实现XML中特殊效果隔行变色的信息列表208
实例095 在HTML页面中调用XML数据制作摄影图片网页212
实例096 使用JavaScript实现可选择字体大小制作新闻页面218
实例097 使用JavaScript实现图像滑动切换制作图像页面221
实例098 使用JavaScript实现特效制作动态网站相册225
第 4 篇 商业案例篇
第 12 章 布局制作商业网站页面
实例099 制作宠物猫咪网站页面233
实例100 制作设计工作室网站页面238
实例101 制作医疗健康类网站页面245
实例102 制作教育类网站页面251
实例103 制作企业类网站页面257
实例104 制作水上乐园网站页面265
实例105 制作休闲游戏网站页面272
实例106 制作野生动物园网站页面282
实例107 制作餐饮类网站页面288
实例108 制作游戏类网站页面296