DIV+CSS 3.0网页样式与布局全程揭秘2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

DIV+CSS 3.0网页样式与布局全程揭秘PDF格式电子书版下载

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

第1章 网页和网站的基础知识1

1.1 认识网页1

1.1.1 网页和网站1

1.1.2 网页的类型2

1.1.3 静态网页与动态网页3

1.1.4 网页的基本构成元素4

1.2 如何设计网页5

1.2.1 网页设计的基本原则5

1.2.2 网页设计成功要素6

1.2.3 网页的设计风格及色彩搭配7

1.2.4 网页设计的实现8

1.3 网页设计的要点10

1.3.1 为用户考虑10

1.3.2 主题突出11

1.3.3 整体原则12

1.3.4 内容与形式相统一13

1.3.5 更新和维护14

1.4 网页布局设计流程14

1.4.1 前期策划15

1.4.2 收集素材15

1.4.3 页面的版式与布局分析15

1.4.4 确定网站的主色调16

1.4.5 设计页面整体17

1.4.6 其他页面元素的设计17

1.4.7 切割和优化页面17

1.4.8 制作HTML页面17

1.4.9 添加网页后台程序17

1.4.10 测试并上传网站17

1.5 本章小结18

第2章 使用Web标准设计和制作19

2.1 HTML基础19

2.1.1 表格布局的优点19

2.1.2 表格布局的缺点20

2.2 了解Web标准21

2.2.1 什么是Web标准21

2.2.2 什么是W3C21

2.2.3 W3C发布的标准21

2.2.4 Web标准的优势23

2.3 网络设计的标准时代25

2.3.1 为什么要建立网站标准25

2.3.2 遵循标准的网站与传统网站的区别25

2.3.3 采用网站标准的优缺点26

2.4 Web标准三剑客27

2.4.1 什么是内容、结构、表现和行为27

2.4.2 DIV与CSS结合的优势28

2.4.3 如何改善现有网站28

2.5 关于Web标准的思考与争论29

2.5.1 关于Web标准的优点29

2.5.2 关于布局30

2.5.3 关于浏览器兼容30

2.6 关于Web标准的误区31

2.6.1 抛弃表格布局的思维方式31

2.6.2 正确使用XHTML标签32

2.6.3 善于利用CSS33

2.6.4 “通过验证”并不是最终目的33

2.7 本章小结34

第3章 HTML和XHTML基础35

3.1 HTML基础35

3.1.1 HTML概述35

3.1.2 HTML文件的基本结构35

3.1.3 HTML的主要功能36

3.1.4 HTML的基本语法36

3.2 HTML标签37

3.2.1 基本标签38

3.2.2 格式标签39

3.2.3 文本标签40

3.2.4 超链接标签41

3.2.5 图像标签41

3.2.6 表格标签42

3.2.7 分区标签43

3.3 XHTML介绍43

3.3.1 什么是XHTML44

3.3.2 升级到XHTML的好处44

3.3.3 XHTML的页面结构44

3.3.4 XHTML的代码规范46

3.3.5 选择文档类型49

3.3.6 XHTML和HTML的比较50

3.3.7 名字空间51

3.4 本章小结52

第4章 CSS样式基础53

4.1 CSS概述53

4.1.1 CSS的特点54

4.1.2 CSS的类型54

4.1.3 CSS的基本语法56

4.2 CSS样式表的基本用法56

4.2.1 在XHTML内插入样式表56

4.2.2 CSS样式表的规则56

4.3 CSS样式表的分类57

4.3.1 内联样式57

4.3.2 内联样式58

4.3.3 外部样式表59

4.4 CSS文档结构59

4.4.1 结构59

4.4.2 继承60

4.4.3 特殊性62

4.4.4 层叠63

4.4.5 重要性63

4.5 单位和值63

4.5.1 颜色值64

4.5.2 定义字体65

4.5.3 群选择符67

4.5.4 派生选择符67

4.5.5 id选择符67

4.5.6 类选择符68

4.5.7 定义链接的样式表69

4.6 本章小结70

第5章 DIV+CSS布局入门71

5.1 定义DIV71

5.1.1 CSS的特点71

5.1.2 插入DIV72

5.1.3 DIV的嵌套和固定格式74

5.2 可视化模型75

5.2.1 盒模型75

5.2.2 视觉可视化模型77

5.2.3 相对定位78

5.2.4 绝对定位79

5.2.5 浮动定位80

5.2.6 空白变叠加85

5.3 CSS布局方式86

5.3.1 居中的布局设计86

5.3.2 浮动的布局设计87

5.3.3 高度自适应93

5.4 CSS 3.0中盒模型的新增属性94

5.4.1 实战1：overflow94

5.4.2 实战2：overflow-x96

5.4.3 实战3：overflow-y97

5.4.4 实战4：使用CSS 3.0实现鼠标经过变换效果98

5.5 商业案例——设计制作咖啡店网站页面99

5.5.1 设计分析100

5.5.2 布局分析100

5.5.3 制作流程101

5.5.4 制作流程101

5.5.5 案例小结111

5.6 课后作业——制作个人网站页面111

5.6.1 案例分析112

5.6.2 技能剖析112

5.7 本章小结113

第6章 设置页面背景图像114

6.1 背景控制概述114

6.1.1 背景控制原则114

6.1.2 背景控制属性115

6.2 背景颜色控制116

6.2.1 实战5：控制页面背景颜色116

6.2.2 实战6：设置块背景颜色118

6.3 背景图像控制119

6.3.1 实战7：设置背景图像119

6.3.2 实战8：背景图像的重复方式120

6.3.3 实战9：背景图像的定位121

6.3.4 实战10：背景图像的滚动123

6.4 CSS 3.0中背景的新增属性125

6.4.1 实战11：background-origin125

6.4.2 实战12：background-clip127

6.4.3 实战13：background-size129

6.4.4 multiple backgrounds130

6.4.5 实战14：使用CSS 3.0实现动态背景131

6.5 商业案例——设计制作汽车租赁网站134

6.5.1 设计分析135

6.5.2 布局分析135

6.5.3 制作流程136

6.5.4 制作步骤137

6.5.5 实例小结148

6.6 课后作业——设计制作通信服务宣传页面148

6.6.1 实例分析149

6.6.2 技能剖析150

6.7 本章小结151

第7章 设置页面中的图像152

7.1 背景控制概述152

7.1.1 实战15：图像边框152

7.1.2 实战16：图像定位157

7.1.3 实战17：图像缩放158

7.1.4 实战18：图像对齐方式160

7.2 图文混排162

7.2.1 实战19：文本混排162

7.2.2 实战20：设置混排间距164

7.3 CSS 3.0中边框的新增属性164

7.3.1 实战21：border-image164

7.3.2 实战22：border-radius166

7.3.3 实战23：border-color167

7.3.4 实战24：box-shadow169

7.3.5 实战25：使用CSS 3.0实现图像滑过动画效果170

7.4 商业案例——设计制作休闲游戏网站176

7.4.1 设计分析176

7.4.2 布局分析177

7.4.3 制作流程177

7.4.4 制作步骤178

7.4.5 实例小结196

7.5 课后作业——设计制作企业英文网站196

7.5.1 案例分析197

7.5.2 技能剖析197

7.6 本章小结198

第8章 CSS文本内容排版199

8.1 文本排版概述199

8.1.1 文本排版原则199

8.1.2 文本控制属性200

8.2 CSS文本样式200

8.2.1 实战26：字体201

8.2.2 实战27：大小202

8.2.3 实战28：粗细204

8.2.4 实战29：样式204

8.2.5 实战30：颜色205

8.2.6 实战31：修饰206

8.2.7 实战32：英文字母大小写207

8.3 CSS段落样式207

8.3.1 实战33：段落水平对齐208

8.3.2 实战34：段落垂直对齐209

8.3.3 实战35：行间距和字间距210

8.3.4 实战36：首字下沉212

8.4 CSS 3.0中文字的新增属性212

8.4.1 实战37：text-shadow212

8.4.2 实战38：text-overflow214

8.4.3 实战39：word-wrap216

8.4.4 实战40：使用CSS 3.0实现可折叠栏目217

8.5 商业案例——设计制作企业网站页面221

8.5.1 设计分析221

8.5.2 布局分析222

8.5.3 制作流程222

8.5.4 制作步骤223

8.5.5 案例小结233

8.6 课后作业——制作美容时尚网站页面233

8.6.1 案例分析234

8.6.2 技能剖析234

8.7 本章小结235

第9章 设置表单样式236

9.1 表单设计概述236

9.1.1 网页表单设计的原则236

9.1.2 表单应用分类238

9.2 表单设计239

9.2.1 表单和表单元素240

9.2.2 实战41：＜label＞标签的作用245

9.2.3 实战42：文本框样式设计246

9.2.4 实战43：下拉列表样式设计247

9.3 实战44：CSS 3.0中控制内容的新增属性248

9.4 CSS 3.0中颜色的新增属性249

9.4.1 实战45：HSL Colors250

9.4.2 实战46：HSLA Colors251

9.4.3 实战47：Opacity252

9.4.4 实战48：RGBA Colors254

9.4.5 实战49：使用CSS 3.0实现动态堆叠卡效果256

9.5 商业案例——设计制作游戏网站的登录页260

9.5.1 设计分析260

9.5.2 布局分析261

9.5.3 制作流程261

9.5.4 制作步骤262

9.5.5 案例小结271

9.6 课后作业——制作网站搜索栏272

9.6.1 案例分析272

9.6.2 技能剖析272

9.7 本章小结273

第10章 设置列表样式274

10.1 列表控制概述274

10.1.1 列表控制的原则274

10.1.2 列表标签的使用275

10.2 列表样式控制276

10.2.1 实战50：ul无序列表276

10.2.2 实战51：ol有序列表277

10.2.3 实战52：dl定义列表277

10.2.4 实战53：更改列表项目样式278

10.3 使用列表制作菜单279

10.3.1 实战54：无需表格的菜单280

10.3.2 实战55：菜单的横竖转换281

10.4 CSS 3.0中其他模块的新增属性282

10.4.1 实战56：@media282

10.4.2 @font-face284

10.4.3 实战57：columns285

10.4.4 speech287

10.4.5 实战58：使用CSS 3.0实现选项卡式新闻块289

10.5 商业案例——设计制作音乐网站页面293

10.5.1 设计分析294

10.5.2 布局分析294

10.5.3 制作流程294

10.5.4 制作步骤296

10.5.5 实例小结317

10.6 课后作业——设计制作娱乐网站页面317

10.6.1 案例分析318

10.6.2 技能剖析319

10.7 本章小结320

第11章 设置页面超链接样式321

11.1 超链接概述321

11.1.1 超链接样式控制的原则321

11.1.2 超链接控制的属性322

11.2 超链接特效325

11.2.1 实战59：文字式超链接325

11.2.2 实战60：按钮式超链接327

11.2.3 实战61：浮雕式超链接329

11.3 CSS 3.0中用户界面的新增属性330

11.3.1 实战62：box-sizing330

11.3.2 实战63：resize332

11.3.3 实战64：outline334

11.3.4 nav-index335

11.3.5 实战65：使用CSS 3.0实现动态菜单效果336

11.4 商业案例——设计制作电子商务网站339

11.4.1 设计分析339

11.4.2 布局分析339

11.4.3 制作流程340

11.4.4 制作步骤340

11.4.5 案例小结357

11.5 课后作业——设计制作健康类网站页面357

11.5.1 案例分析358

11.5.2 技能剖析358

11.6 本章小结360

第12章 使用JavaScript搭建动态效果361

12.1 列表控制概述361

12.1.1 列表控制的原则361

12.1.2 JavaScript的特点364

12.1.3 JavaScript的应用范围365

12.1.4 CSS与JavaScript368

12.2 使用JavaScript设置图像效果368

12.2.1 实战66：实现相册效果368

12.2.2 实战67：实现图像滑动切换效果371

12.3 针对菜单的JavaScript效果376

12.3.1 实战68：实现弹性快速导航效果377

12.3.2 实战69：制作动态十足的菜单效果381

1 2.4 针对文字的JavaScript效果384

12.4.1 实战70：选择字体大小385

12.4.2 实战71：实现打字效果386

12.5 商业案例——设计制作游戏网站页面388

12.5.1 设计分析388

12.5.2 布局分析388

12.5.3 制作流程389

12.5.4 制作步骤390

12.5.5 案例小结402

12.6 课后作业——设计制作购物网站页面402

12.6.1 案例分析403

12.6.2 技能剖析404

12.7 本章小结405

第13章 CSS与XML和Ajax的综合使用406

13.1 XML基础406

13.1.1 XML概念406

13.1.2 XML的特点406

13.1.3 XML的结构和基本语法407

13.1.4 实战72：HTML与XML410

13.1.5 什么是“形式良好的”XML文件411

13.2 XML与CSS的应用413

13.2.1 实战73：在XML中链接CSS样式413

13.2.2 实战74：实现隔行变色的表格415

13.3 Ajax基础419

13.3.1 Ajax简介419

13.3.2 Ajax的关键元素420

13.3.3 Ajax的优势421

13.3.4 实现Ajax的步骤422

13.3.5 使用CSS的必要性423

13.4 实战75：Ajax与CSS的综合运用424

13.5 商业案例——设计制作休闲乐园网站428

13.5.1 设计分析429

13.5.2 布局分析429

13.5.3 制作流程430

13.5.4 制作步骤431

13.5.5 案例小结442

13.6 课后作业——设计制作社区网站442

13.6.1 案例分析443

13.6.2 案例剖析444

13.7 本章小结444

第14章 HTML 5.0与CSS高级运用445

14.1 HTML 5.0概述445

14.1.1 HTML 5.0标签445

14.1.2 HTML 5.0事件属性449

14.1.3 HTML 5.0标准属性451

14.1.4 实战76：使用HTML 5.0实现动感页面效果452

14.2 id与class455

14.2.1 id是什么455

14.2.2 什么情况下使用id456

14.2.3 class是什么457

14.2.4 什么情况下使用class457

14.3 DIV与span对象458

14.4 CSS代码简写459

14.4.1 font样式简写459

14.4.2 color样式简写460

14.4.3 background样式简写460

14.4.4 margin和padding样式简写461

14.4.5 border样式简写462

14.4.6 list样式简写463

14.5 商业案例——设计制作游戏网站464

14.5.1 设计分析464

14.5.2 布局分析464

14.5.3 制作流程465

14.5.4 制作步骤466

14.5.5 案例小结474

14.6 课后作业——设计制作企业网站页面474

14.6.1 案例分析475

14.6.2 技能剖析475

14.7 本章小结476