Div+CSS 3+jQuery网页设计深度剖析【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

Div+CSS 3+jQuery网页设计深度剖析PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第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.1.9 Invert滤镜342

10.1.10 Xray滤镜342

10.1.11 Mask滤镜343

10.1.12 Wave滤镜344

10.1.13 Chroma滤镜344

10.1.14 BlendTrans滤镜345

课堂练习 实现图像的渐变效果345

10.1.1.5 Light滤镜347

10.1.1.6 RevealTrans滤镜348

10.2 CSS 3中其他模块的新增属性350

10.2.1 ＠media350

10.2.2 columns351

10.2.3 ＠font-face353

10.2.4 speech354

10.3 应用实例——制作餐饮类网站356

10.4 举一反三——制作网络游戏网站页面366

第11章 CSS与jQurey的综合应用369

11.1 什么是JavaScript370

11.1.1 了解JavaScript370

11.1.2 JavaScript的特点372

11.1.3 JavaScript的应用范围373

11.1.4 CSS样式与JavaScript375

11.2 JavaScript和JavaScript库375

11.2.1 关于jQuery375

11.2.2 jQuery文件的下载376

11.2.3 jQuery的优势376

11.2.4 jQuery代码的编写377

11.2.5 jQuery选择器377

11.2.6 jQuery事件379

11.3 在Dreamweaver CC中使用jQuery379

课堂练习 调用外部jQuery文件实现鼠标经过图像变形特效379

课堂练习 制作一个简单的检索页面381

11.4 使用jQuery控制声音384

11.5 使用jQuery实现淡入淡出效果384

11.6 使用jQuery制作选项卡389

11.7 应用实例——使用jQuery框架392

11.8 举一反三——制作网页高光过渡效果401

第12章 CSS与XML的综合应用403

12.1 XML基础404

12.1.1 XML的特点404

12.1.2 XML与HTML405

12.1.3 XML的基本语法407

12.1.4 格式正确的XML文档410

12.2 XML与CSS的链接411

12.2.1 使用xml：stylesheet处理指令411

12.2.2 使用＠import指令413

12.3 XML与CSS的应用413

12.3.1 显示学生信息XML文档413

12.3.2 利用XML文档实现隔行变色的表格416

12.4 应用实例——在HTML页面中调用XML数据421

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

第13章 CSS与Ajax的综合应用431

13.1 了解Ajax432

13.1.1 Ajax简介432

13.1.2 Ajax的关键元素433

13.1.3 Ajax的优势434

13.1.4 实现Ajax的步骤434

13.1.5 使用CSS的必要性435

13.2 Ajax基础436

13.2.1 创建XMLHttpRequest对象436

13.2.2 发出Ajax请求437

13.2.3 处理服务器响应438

13.2.4 使用CSS样式438

13.3 HTML 5简介439

13.3.1 HTML 5标签440

13.3.2 HTML 5的事件属性443

13.3.3 HTML 5的标准属性444

13.4 应用实例——使用Ajax实现页面特效444

13.5 举一反三——通过Ajax实现可拖动的Div块455

第14章 Div＋CSS布局综合案例457

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