【现货速发】Div+CSS3.0网页布局实战从入门到精通（第2版）

本书系统地讲解了目前流行的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

本书系统地讲解了目前流行的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余张高清图片素材。全面配合书中所讲知识与技能，提高学习效率，提升学习效果。