您的位置:首页 > 百科 > 正文

Div+CSS 3.0网页布局案例精粹

《div+c来自ss 3.0网页布局360百科案例精粹 》系统地介绍了css样式的基础理论和实际应用技术,并结合实例来介绍使用div+css布局制作网页的方法和技巧。在想左待续介绍使用css样式进行设计的同时,还结合实际网页制作中可能遇到的问题,提供了解决问题的思路、方法和技巧,使初学者可以轻松地掌握div+css布局的方式,制作出精美的网页。

  • 中文名 Div+CSS 3.0网页布局案例精粹
  • 定价 49.8
  • 出版社 电子工业出版社
  • 作者 王大远 
  • 出版时间 2011 年2月

​基本信息

  作京析者: 王大远

  出版社:电来自子工业出版社

  ISBN:9787121125874

  上架时间:2011-3-8

  出版日期:2011 年2月

  开本:16开

  页生阳转液义地这川越至损码:378

  版次:1-1

内容简介

  《div+css 3.0网页布局案例精粹》系统地介绍了c360百科ss样式的基础理论和实际应用技术,并结合实例来介绍使用div+css布局制作网页的方法和技巧。在介绍使用css样式也客束进行设计的同时,还结屋达核利变完科对合实际网页制作中可能遇到的问题,提供了解决问题的思路、方法和技巧,使初学者可以轻松地掌握div+css布讨元又斯局的方式,制作出精美的网页。

  《div+css 3.0网页布把绍世位急官房局案例精粹》全面展现了使用div+css进行网页设计布局的方法,其详细的讲解步骤配合图示,使得每个步骤清晰易懂、一目了然。书中不仅应用大量实例对重点、难点进行了深入的剖析,还结合作者多年的网页设计经验和教学经验进行了点拨,使读者能够学以致用。另外,在书中还穿插介绍了css 3.0和html 5.0的相关知识,力求使读者了解最新的网页设计制作技术。

  《div+css 3.0网页布局案例精粹》内容丰富、结构清晰,注重思维锻炼与实践应用,适合初、中级网页设计爱好者,以及希望学习web标准对原有网站进行重构的网页设计者。本书配套光盘中提供了书中氢控很袁停策练协下所有实例的源文件和相率应罗买溶把关视频教程,供读者学习和参考。

目录

  《div+css 3.0网页布局案例精粹》

  第1章 网页和网站的制作流程 1

  1.1 认识网页 2

  1.1.1 网页和网站 2

  1.1.2 网页的基本构成元素 2

  1.2 什么是网长伟破光页设计 3

  1.2.1 网页设计概述 4

  1.2.2 网页设计与网页制作 4

  1.2.3 网页设计的特点 5

  1.2.4 网页设计的相关术语 7

  1.3 网页设计涵盖的内容 11

  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 网页设计的原则 14

  1.5.1 为用户考虑的原则 15

  1.5.360百科2 主题突出的原则 15

  .1.5.3 整体原则 16

  1.5.4 内容与形式相统一的原则 17

  1.5.5 更新和维护的原则 18

  1.6 网页设计师应具备的素质 18

  1.6.1 艺术素质 18

  1.6.2 技能素质 19

  1.衣陈氧情化盐毫改奏前6.3 综合素质 19

 它需知气划 1.7 网站的制作流程 20

  1.7.1 前期策划 20

  1.7.2 页面细化及实施 21

  1.7.3 后期维护 22

  1.8 静态页面的制作流程 22

  1.8.1 观察设计稿 22

  1.8.2 拆分设计困跑容唱这帝止输备较鸡稿 23

  1.8.3 网页德众初频良威设计的实现 23

  第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 网页设计中的cs女聚航大双初少类普参s 30

  2.2.1 怎样使用css 30

  2.2.2 css能做什么 32

  2.2.3 css不屋雨损换谁粒演乱能做什么 32

  2.3 css样式表的基本用法 33

  2.3.1 怎样在html中插入样式表 括斤重第较眼参积卫33

  2.3.因与刑2 css样式表规则 33

  2.4 应用css到网页中 34

  2.4.1 内联样式 34

  2.4.2 嵌入样式表 34

  2.4.类者宽调回黄存3 外部样式表 35

  2.5 单位和值 35

  2.5.1 定义颜色值 36

  2.5.2 定义字体 37

  2.5.3 群选择符 38

  2.5.4 派生选择符 38

水除速院阿装联盾历互导  2.5.5 id员身认么凯处写选择符 39

  2.5.6 类别选择符 39

  2.6 应用实例——为页面添加css样式 41

  2.6.1 设计分析 41

  2.6.2 制作步骤 41

  2.6.3 案例总结 47

  2.7 举一反三——制作产品介绍网站 48

  2.7.1 案例分析 48

  2.7.2 视频操作 49

  第3章 使用d粮赵明iv+css布局页面 51

  3.1 定义div 弱副分供限52

  3.1.1 什么是div 52

  3.1.2 插入div 52

  3.1.3 div的嵌套和固定格式 54

  3.2 css布局定位 54

  3.2.1 浮动定位 55

  3.2.2 position定位 58

  3.3 可视化盒模型 60

  3.3.1 盒子模型 60

  3.3.2 视觉可视化模型 62

  3.3.3 空白边叠加 62

  3.4 常用的布局方式 63

  3.4.1 居中布局设计 63

  3.4.2 浮动布局设计 65

  3.4.3 高度自适应设计 68

  3.5 css 3.0中盒模型的新增属性 69

  3.5.1 overflow 69

  3.5.2 overflow-x 70

  3.5.3 overflow-y 71

  3.6 应用实例——使用div+css布局页面 72

  3.6.1 设计分析 73

  3.6.2 制作步骤 73

  3.6.3 案例总结 78

  3.7 举一反三——制作健康网站 78

  3.7.1 案例分析 78

  3.7.2 视频操作 79

  第4章 使用css控制网页背景 81

  4.1 背景颜色 82

  4.1.1 设置页面背景颜色 82

  4.1.2 设置块背景颜色 83

  4.2 背景图片 84

  4.2.1 为页面设置背景图片 84

  4.2.2 背景图片的重复 85

  4.2.3 设置背景图片的位置 86

  4.2.4 设置背景滚动 87

  4.2.5 背景样式的缩写方式 88

  4.3 css 3.0中背景的新增属性 89

  4.3.1 background-origin 89

  4.3.2 background-clip 90

  4.3.3 background-size 92

  4.3.4 multiple backgrounds 93

  4.4 应用实例——制作金融类网站页面 94

  4.4.1 设计分析 94

  4.4.2 制作步骤 95

  4.4.3 案例总结 101

  4.5 举一反三——制作保健商品网站 102

  4.5.1 案例分析 102

  4.5.2 视频操作 103

  第5章 使用css控制文字样式 105

  5.1 控制文字样式 106

  5.1.1 字体和大小 106

  5.1.2 文字颜色和粗细 110

  5.1.3 斜体 111

  5.1.4 下画线、顶画线和删除线 112

  5.1.5 英文字母大小写 113

  5.2 控制段落样式 113

  5.2.1 段落水平对齐 113

  5.2.2 段落垂直对齐 114

  5.2.3 行间距和字间距 115

  5.2.4 首字下沉 116

  5.3 使用css对flash中的文字进行控制 116

  5.4 css 3.0中文字的新增属性 118

  5.4.1 text-shadow 118

  5.4.2 text-overflow 119

  5.4.3 word-wrap 121

  5.5 应用实例——制作设计类网站 122

  5.5.1 设计分析 122

  5.5.2 制作步骤 122

  5.5.3 案例总结 129

  5.6 举一反三——制作社区类网站 129

  5.6.1 案例分析 129

  5.6.2 视频操作 130

  第6章 使用css控制图片样式 131

  6.1 图片样式 132

  6.1.1 图片边框设置 132

  6.1.2 图片缩放设置 135

  6.2 图片对齐 136

  6.2.1 水平对齐设置 136

  6.2.2 垂直对齐设置 137

  6.3 图文混排 138

  6.3.1 文本混排 138

  6.3.2 设置混排间距 139

  6.4 css 3.0中边框的新增属性 139

  6.4.1 border-image 140

  6.4.2 border-radius 141

  6.4.3 box-shadow 142

  6.4.4 border-color 143

  6.5 应用实例——制作婚庆网站 145

  6.5.1 设计分析 145

  6.5.2 制作步骤 146

  6.5.3 案例总结 150

  6.6 举一反三——制作产品介绍网站 150

  6.6.1 案例分析 151

  6.6.2 视频操作 152

  第7章 使用css控制列表样式 153

  7.1 列表控制概述 154

  7.1.1 列表控制原则 154

  7.1.2 列表的类型及使用 154

  7.1.3 改变项目样式 157

  7.1.4 图片符号 158

  7.2 使用列表制作实用菜单 159

  7.2.1 无须表格的菜单 159

  7.2.2 菜单的横竖转换 161

  7.3 css 3.0中颜色的新增属性 162

  7.3.1 hsl colors 162

  7.3.2 hsla colors 163

  7.3.3 opacity 164

  7.3.4 rgba colors 166

  7.4 应用实例——制作音乐网站 167

  7.4.1 设计分析 168

  7.4.2 制作步骤 168

  7.4.3 案例总结 172

  7.5 举一反三——制作设计工作室网站 172

  7.5.1 案例分析 173

  7.5.2 视频操作 173

  第8章 使用css控制表单样式 175

  8.1 表单设计概述 176

  8.1.1 表单的设计原则 176

  8.1.2 表单应用分类 177

  8.2 表单的设计 179

  8.2.1 表单和表单元素 179

  8.2.2 标签、字段集和图例 183

  8.2.3 使用css控制文本字段 185

  8.2.4 使用css控制复选框与单选框 185

  8.2.5 使用css控制列表与跳转菜单 186

  8.3 css 3.0中控制内容的新增属性 187

  8.4 应用实例——制作用户注册页面 188

  8.4.1 设计分析 189

  8.4.2 制作步骤 189

  8.4.3 案例总结 196

  8.5 举一反三——制作用户登录页面 196

  8.5.1 案例分析 197

  8.5.2 视频操作 197

  第9章 使用css美化浏览器效果 199

  9.1 使用css控制超链接 200

  9.1.1 认识超链接 200

  9.1.2 关于链接路径 202

  9.1.3 超链接属性控制 204

  9.1.4 图像映射 206

  9.1.5 链接的打开方式 208

  9.2 超链接特效 208

  9.2.1 按钮式超链接 208

  9.2.2 浮雕式超链接 210

  9.3 鼠标特效 210

  9.3.1 css控制鼠标箭头 211

  9.3.2 鼠标变化的超链接 211

  9.4 css 3.0中用户界面的新增属性 212

  9.4.1 box-sizing 212

  9.4.2 resize 214

  9.4.3 outline 215

  9.4.4 nav-index 216

  9.5 应用实例——制作产品宣传网站 218

  9.5.1 设计分析 218

  9.5.2 制作步骤 219

  9.5.3 案例总结 225

  9.6 举一反三——制作运输公司网站 225

  9.6.1 案例分析 225

  9.6.2 视频操作 226

  第10章 应用css中的滤镜 227

  10.1 了解css滤镜 228

  10.1.1 alpha滤镜 228

  10.1.2 blur滤镜 231

  10.1.3 motionblur滤镜 232

  10.1.4 dropshadow滤镜 233

  10.1.5 shadow滤镜 234

  10.1.6 flip滤镜 234

  10.1.7 glow滤镜 235

  10.1.8 gray滤镜 236

  10.1.9 invert滤镜 236

  10.1.10 xray滤镜 237

  10.1.11 mask滤镜 237

  10.1.12 wave滤镜 238

  10.2 css 3.0中其他模块的新增属性 239

  10.2.1 @media 239

  10.2.2 columns 240

  10.2.3 @font-face 242

  10.2.4 speech 243

  10.3 应用实例——制作产品类网站 245

  10.3.1 设计分析 245

  10.3.2 制作步骤 245

  10.3.3 案例总结 254

  10.4 举一反三——制作网络游戏网站 254

  10.4.1 案例分析 254

  10.4.2 视频操作 255

  第11章 css与javascript的综合应用 257

  11.1 什么是javascript 258

  11.1.1 了解javascript 258

  11.1.2 javascript的特点 260

  11.1.3 javascript的应用范围 261

  11.1.4 css样式与javascript 263

  11.2 javascript的语法基础 263

  11.2.1 javascript的基本架构 263

  11.2.2 javascript的基本语法 264

  11.2.3 数据类型和变量 267

  11.2.4 表达式和运算符 268

  11.2.5 基本语句 268

  11.3 使用spry构件 270

  11.3.1 关于spry构件 271

  11.3.2 插入spry菜单 271

  11.3.3 插入spry选项卡式面板 273

  11.3.4 插入spry折叠式构件 275

  11.3.5 插入spry可折叠面板 276

  11.4 应用实例——在网页中应用spry构件 278

  11.4.1 设计分析 279

  11.4.2 制作步骤 279

  11.4.3 案例总结 287

  11.5 举一反三——制作婚纱摄影网站 287

  11.5.1 案例分析 288

  11.5.2 视频操作 288

  第12章 css与xml的综合应用 289

  12.1 xml基础 290

  12.1.1 xml的特点 290

  12.1.2 xml与html 291

  12.1.3 xml基本语法 293

  12.1.4 格式正确的xml文档 296

  12.2 xml与css的链接 297

  12.2.1 使用xml:stylesheet指令 297

  12.2.2 使用@import指令 299

  12.3 xml与css的应用 299

  12.3.1 显示学生信息 299

  12.3.2 实现隔行变色的表格 302

  12.4 应用实例——在html页面中调用xml数据 305

  12.4.1 设计分析 306

  12.4.2 制作步骤 306

  12.4.3 案例总结 311

  12.5 举一反三——制作企业网站 311

  12.5.1 案例分析 312

  12.5.2 视频操作 313

  第13章 css与ajax的综合应用 315

  13.1 了解ajax 316

  13.1.1 ajax简介 316

  13.1.2 ajax的关键元素 317

  13.1.3 ajax的优势 318

  13.1.4 实现ajax的步骤 318

  13.1.5 使用css的必要性 319

  13.2 ajax基础 320

  13.2.1 创建xmlhttprequest对象 320

  13.2.2 发出ajax请求 321

  13.2.3 处理服务器响应 322

  13.2.4 使用css样式 322

  13.3 html 5.0简介 323

  13.3.1 html 5.0标签 323

  13.3.2 html 5.0事件属性 327

  13.3.3 html 5.0标准属性 329

  13.4 应用实例——使用ajax 实现页面特效 330

  13.4.1 设计分析 330

  13.4.2 制作步骤 330

  13.4.3 案例总结 338

  13.5 举一反三——通过ajax 实现可拖动div块 339

  13.5.1 案例分析 339

  13.5.2 视频操作 340

  第14章 儿童教育类网站 341

  14.1 综合实例——制作儿童教育类网站 342

  14.1.1 设计分析 342

  14.1.2 制作步骤 342

  14.1.3 案例总结 353

  第15章 医疗保健类网站设计 355

  15.1 综合实例——制作医疗保健类网站 356

  15.1.1 设计分析 356

  15.1.2 制作步骤 356

  15.1.3 案例总结 366

  第16章 游戏类网站设计 367

  16.1 综合实例——制作游戏类网站 368

  16.1.1 设计分析 368

  16.1.2 制作步骤 368

  16.1.3 案例总结 378

发表评论

评论列表