精通DIV+CSS 3网页布局与样式PDF|Epub|txt|kindle电子书版本网盘下载

精通DIV+CSS 3网页布局与样式PDF格式电子书版下载

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

第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网页设计相关术语6

1.3如何设计网页7

1.3.1网页设计基本原则7

1.3.2网页设计成功要素8

1.3.3网页设计风格及色彩搭配9

1.4网页设计师应具备的素质10

1.4.1艺术素质10

1.4.2技能素质10

1.4.3综合素质10

1.5网站制作流程11

1.5.1前期策划11

1.5.2页面细化及实施11

1.5.3后期维护11

1.6专家解惑12

第2章 网页实现技术—HTML513

2.1 HTML5基本概念14

2.1.1 HTML5简介14

2.1.2 HTML5文件基本结构15

2.1.3认识HTML5标记16

2.2 HTML5基本元素16

2.2.1 HTML5基本标记17

2.2.2 HTML5实例：自我介绍21

2.3 HTML5设置段落和图片23

2.3.1 HTML5常用段落和图片标记23

2.3.2 HTML5实例：文字和图片排版24

2.4 HTML5设置表单25

2.4.1 HTML5常用表单标记25

2.4.2 HTML5新增表单元素和属性29

2.4.3 HTML5实例：用户注册32

2.5 HTML5设置表格34

2.5.1 HTML5表格标记34

2.5.2 HTML5实例：实现季度报表35

2.6 HTML5文件编写方法37

2.6.1使用记事本手工编写HTML537

2.6.2使用Dreamweaver CS5编写HTML文件38

2.7 HTML5和浏览器40

2.7.1各大浏览器与HTML5兼容40

2.7.2新增HTML画布canvas40

2.7.3新增HTML5音频audio42

2.7.4新增HTML5视频video43

2.8综合实例——网站首页43

2.9专家解惑46

第3章CSS3概述47

3.1 CSS3介绍48

3.1.1 CSS3功能48

3.1.2 CSS3发展历史48

3.1.3浏览器与CSS349

3.2编辑和浏览CSS49

3.2.1 CSS基本语法49

3.2.2手工编写CSS50

3.2.3 Dreamweaver编写CSS51

3.3在HTML5中使用CSS3的方法52

3.3.1行内样式53

3.3.2内嵌样式53

3.3.3链接样式55

3.3.4导入样式56

3.3.5优先级问题57

3.4综合实例——制作五彩标题59

3.5专家解惑62

第4章CSS3基础语法63

4.1 CSS3选择器64

4.1.1标签选择器64

4.1.2类选择器65

4.1.3 ID选择器66

4.1.4全局选择器68

4.1.5组合选择器69

4.1.6继承选择器70

4.1.7伪类71

4.1.8属性选择器72

4.1.9结构伪类选择器74

4.1.10 UI元素状态伪类选择器75

4.2选择器声明76

4.2.1集体声明76

4.2.2多重嵌套声明77

4.3 CSS3常用单位78

4.3.1颜色单位78

4.3.2长度单位81

4.4 CSS3继承83

4.5综合实例——制作新闻菜单84

4.6专家解惑86

第5章CSS3字体与段落属性88

5.1字体属性89

5.1.1字体font-family89

5.1.2字号font-size90

5.1.3字体风格font-style91

5.1.4加粗字体font-weight92

5.1.5小写字母转为大写字母font-variant93

5.1.6字体复合属性font94

5.1.7字体颜色color95

5.2文本高级样式96

5.2.1阴影文本text-shadow96

5.2.2溢出文本text-overflow98

5.2.3控制换行word-wrap99

5.2.4保持字体尺寸不变font-size-adjust100

5.3段落属性101

5.3.1单词间隔word-spacing101

5.3.2字符间隔letter-spacing102

5.3.3文字修饰text-decoration103

5.3.4垂直对齐方式vertial-align104

5.3.5文本转换text-transform106

5.3.6水平对齐方式text-align107

5.3.7文本缩进text-indent108

5.3.8文本行高line-height109

5.3.9处理空白white-space110

5.3.10文本反排unicode-bidi和direction111

5.4综合实例1——设置网页标题113

5.5综合实例2——网页简单图文混排114

5.6专家解惑116

第6章CSS美化图片117

6.1图片边框样式118

6.1.1图片边框118

6.1.2图片缩放119

6.2对齐图片121

6.2.1横向对齐方式121

6.2.2纵向对齐方式122

6.3图文混排124

6.3.1文字环绕124

6.3.2设置图片与文字间距125

6.4综合实例1——一句话新闻127

6.5综合实例2——学校宣传单130

6.6专家解惑132

第7章 背景与边框134

7.1背景相关属性135

7.1.1背景颜色135

7.1.2背景图片136

7.1.3背景图片重复137

7.1.4背景图片显示139

7.1.5背景图片位置140

7.1.6背景图片大小142

7.1.7背景显示区域143

7.1.8背景图像裁剪区域145

7.1.9背景复合属性146

7.2边框147

7.2.1边框样式147

7.2.2边框颜色149

7.2.3边框线宽150

7.2.4边框复合属性152

7.3圆角边框152

7.3.1圆角边框属性152

7.3.2指定两个圆角半径153

7.3.3绘制4个不同圆角边框154

7.3.4绘制边框种类157

7.4图像边框158

7.4.1图像边框属性158

7.4.2设置图像边框显示方式160

7.4.3图像边框重复性解析162

7.5综合实例——简单的公司主页163

7.6专家解惑166

第8章CSS3美化超级链接和鼠标168

8.1超级链接基本样式169

8.1.1改变超级链接基本样式169

8.1.2超级链接背景图设置171

8.1.3超级链接按钮效果172

8.2鼠标特效173

8.2.1 CSS3控制鼠标箭头174

8.2.2鼠标变幻超级链接175

8.2.3页面滚动条176

8.3综合实例1——图片超级链接178

8.4综合实例2——制作实用工具栏180

8.5综合实例3——鼠标特效181

8.6专家解惑184

第9章CSS3美化表格和表单样式185

9.1表格基本样式186

9.1.1表格边框样式186

9.1.2表格边框宽度188

9.1.3表格边框颜色189

9.2 CSS3与表单191

9.2.1美化表单中元素191

9.2.2美化提交按钮193

9.2.3美化下拉菜单194

9.3综合实例I——隔行变色196

9.4综合实例2——表格图文网页布局198

9.5综合实例3——变色表格200

9.6综合实例4——登录表单204

9.7综合实例5——注册表单206

9.8专家解惑208

第10章CSS3制作实用菜单209

10.1项目列表210

10.1.1美化无序列表210

10.1.2美化有序列表212

10.1.3美化自定义列表213

10.1.4图片列表214

10.1.5列表缩进216

10.1.6列表复合属性217

10.2无序表格的菜单218

10.3菜单的横竖转换221

10.4综合实例1——段落模拟列表效果223

10.5综合实例2——模拟soso导航栏225

10.6专家解惑228

第11章 应用CSS3滤镜229

11.1滤镜概述230

11.2 Alpha滤镜231

11.3 BlendTrans滤镜233

11.4 Blur滤镜235

11.5 Chroma滤镜236

11.6 DropShadow滤镜237

11.7 FlipH滤镜239

11.8 Glow滤镜240

11.9 Gray滤镜241

11.10 Invert滤镜242

11.11 FlipV滤镜242

11.12 Light滤镜243

11.13 Mask滤镜245

11.14 RevealTrans滤镜246

11.15 Shadow滤镜248

11.16 Wave滤镜249

11.17 X-ray滤镜250

11.18专家解惑251

第12章 定位与布局252

12.1定位方式253

12.1.1定位属性253

12.1.2 position定位253

12.1.3层叠顺序z-index257

12.1.4边偏移属性259

12.2 float浮动定位260

12.3 overflow溢出定位262

12.4 visibility隐藏定位264

12.5块和行内元素display266

12.5.1块元素266

12.5.2行内元素268

12.6综合实例——定位布局新闻269

12.7专家解惑272

第13章CSS3盒子和DIV布局273

13.1认识div层274

13.1.1层在HTML布局应用274

13.1.2 div和span区别275

13.2盒子模型276

13.2.1什么是盒子模型276

13.2.2 border边框277

13.2.3 padding内边距278

13.2.4 margin外边距280

13.3 CSS3新增弹性盒子模型283

13.3.1盒子布局取向box-orient284

13.3.2盒子布局顺序box-direction285

13.3.3盒子布局位置box-ordinal-group286

13.3.4盒子弹性空间box-flex288

13.3.5管理盒子空间box-pack和box-align290

13.3.6空间溢出管理box-lines291

13.4综合实例1——图文排版效果293

13.5综合实例2——淘宝导购菜单295

13.6专家解惑298

第14章DIV+CSS3页面基本排版299

14.1 CSS3排版观念300

14.1.1将页面用DIV分块300

14.1.2设置各块位置300

14.1.3用CSS定位301

14.2固定宽度布局304

14.2.1上中下版式304

14.2.2左右版式307

14.3自适应宽度布局311

14.4其他页面排版314

14.4.1浮动布局314

14.4.2隐藏布局317

14.5新增CSS3多列布局319

14.5.1列宽度column-width319

14.5.2列数column-count321

14.5.3 列间距column-gap322

14.5.4列边框样式column-rule324

14.6综合实例1——模拟起点中文网布局326

14.7综合实例2——电子企业首页330

14.8综合实例3——汽车网站首页334

14.9专家解惑338

第15章DIV+CSS3布局实战339

15.1 DIV布局优势340

15.2综合实例1——家庭相册340

15.3综合实例2——个人网站首页344

15.4综合实例3——旅游网站首页352

15.5专家解惑357

第16章CSS3与JavaScript的搭配应用358

16.1 JavaScript概述359

16.1.1 JavaScript概念359

16.1.2 JavaScript引用359

16.1.3 JavaScript与CSS360

16.2 JavaScript语法基础361

16.2.1数据类型361

16.2.2变量362

16.2.3运算符363

16.2.4流程控制语句365

16.2.5函数368

16.3综合实例1——打字效果的文字371

16.4综合实例2——文字升降特效373

16.5综合实例3——跑马灯效果375

16.6综合实例4——闪烁图片377

16.7综合实例5——左右移动的图片378

16.8综合实例6——向上滚动的菜单381

16.9综合实例7——跟随鼠标移动的图片382

16.10综合实例8——树形菜单384

16.11综合实例9——时钟特效388

16.12综合实例10——颜色选择器391

16.13专家解惑393

第17章CSS3与XML的综合运用394

17.1 XML语法基础395

17.1.1 XML概念395

17.1.2 XML文档组成和声明396

17.1.3 XML元素介绍398

17.2 CSS修饰XML文件400

17.2.1 XML使用CSS400

17.2.2设置字体属性401

17.2.3设置色彩属性402

17.2.4设置边框属性403

17.2.5设置文本属性404

17.3实例1：招聘广告406

17.4实例2：书目清单408

17.5实例3：图文混排页面411

17.6实例4：古诗欣赏413

17.7专家解惑416

第18章 心灵深处的旋律——音乐网站417

18.1构思布局418

18.1.1设计分析418

18.1.2排版架构419

18.2模块分割421

18.2.1页头部分421

18.2.2左侧内容列表423

18.2.3中间内容列表425

18.2.4右侧内容列表427

18.2.5页脚部分428

18.3整体调整429

18.3.1页面内容主体调整429

18.3.2页面整体调整430

18.4专家解惑431

第19章 企业的门面——小型企业网站开发432

19.1构思布局433

19.1.1设计分析433

19.1.2排版架构433

19.2模块分割435

19.2.1 Logo与导航菜单435

19.2.2左侧文本介绍437

19.2.3右侧导航链接438

19.2.4版权信息440

19.3整体调整441

19.4专家解惑442

第20章 似水年华——女性个人网站443

20.1构思布局444

20.1.1设计分析444

20.1.2排版架构444

20.2模块分割446

20.2.1网站名称446

20.2.2日志文章447

20.2.3页面导航448

20.2.4作者信息450

20.3整体调整451

20.4专家解惑452

第21章 公司宣传有秘籍——时尚内衣网站453

21.1构思布局454

21.1.1设计分析454

21.1.2排版架构454

21.2模块分割456

21.2.1页面导航和Logo图片456

21.2.2新产品展示458

21.2.3品牌形象和产品展示栏目459

21.2.4内衣欣赏461

21.2.5公司信息462

21.3整体调整463

21.4专家解惑464

第22章 传承文化——文化宣传类网站465

22.1构思布局466

22.1.1设计分析466

22.1.2排版架构466

22.2模块分割468

22.2.1页头部分468

22.2.2左侧部分469

22.2.3右侧部分470

22.2.4中间部分471

22.2.5页脚部分473

22.3整体调整474

22.4专家解惑475