Div+CSS3.0网页布局实战从入门到精通（第2版）

图书标准信息

• 作者 新视角文化行 著
• 出版社 人民邮电出版社
• 出版时间 2018-05
• 版次 1
• ISBN 9787115477132
• 定价 49.80元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 304页
• 字数 508千字
• 正文语种 简体中文

【内容简介】

本书系统地讲解了目前流行的Div+CSS标准布局的基础理论和实际应用的技法。全书通过108个经典实例与知识点相结合的形式进行讲解，从网站的布局风格以及实现方法两个方面剖析了Div+CSS网页布局和制作方法。

本书全面地讲解了使用Div+CSS进行网页布局的方法和技巧，并在每个实例的制作步骤中配以图示，从而更加直观地辅助读者学习，以达到事半功倍的效果。本书通过大量实例对Div+CSS布局进行了深入浅出的分析，并对重点和难点进行了更加深入的解析，使读者能够充分掌握Div+CSS布局的精髓所在。希望读者通过对本书的学习，能够以符合标准的设计思维，采用实战操作完成网页设计，进而融入到Web标准设计领域。

本书内容丰富、结构清晰、图文并茂，实例的讲解到位，操作步骤也简单易懂。另外，本书在讲解知识的基础上着重培养读者的设计思维与实战能力，比较适合初、中级网页设计制作爱好者以及希望学习Web标准对原网站进行重构的网页设计者。本书配套光盘中还提供了书中所有实例的源文件和相关视频教程，供读者学习和参考。

【目录】

第 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