《HTML5+CSS3网页设计与制作案例教程》PDF下载

  • 购买积分:16 如何计算积分?
  • 作  者:姬莉霞,李学相,韩颖,刘成明
  • 出 版 社:北京:清华大学出版社
  • 出版年份:2017
  • ISBN:9787302459699
  • 页数:549 页
图书介绍:HTML5和CSS3技术是网页设计的精髓,本选题以应用案例和综合实战案例的形式,全面涵盖网页设计的基础知识、HTML5和CSS3技术、DIV+CSS布局以及网页制作工具Dreamweaver。

第1章 网页设计基础知识 1

1.1 网页相关知识简介 2

1.1.1 互联网(internet)、因特网(Internet)、万维网(WWW) 2

1.1.2 网站和网页 2

1.1.3 网页与HTML 3

1.1.4 静态网页和动态网页 4

1.1.5 IP地址、域名和URL 5

1.1.6 HTTP和FTP 6

1.1.7 浏览器 6

1.2 网页的基本元素 6

1.2.1 网页的基本媒体元素 6

1.2.2 网页的基本布局元素 8

1.3 网页设计常用技术 10

1.3.1 网页标记语言HTML 10

1.3.2 网页表现技术CSS 10

1.3.3 网页脚本语言JavaScript 11

1.3.4 动态网页编程技术ASP.NET、JSP、PHP等 11

1.4 网页设计常用工具 11

1.4.1 基于文本的编辑器 12

1.4.2 所见即所得编辑器 13

1.4.3 如何选择工具 13

1.5 习题 14

1.5.1 单选题 14

1.5.2 填空题 14

1.5.3 判断题 14

1.5.4 简答题 15

第2章 HTML5基础 17

2.1 认识HTML5 18

2.1.1 HTML及其发展 18

2.1.2 HTML5的新特性 18

2.1.3 编写第一个HTML5文件 19

2.2 HTML基本语法 20

2.2.1 标记与元素 20

2.2.2 HTML属性 22

2.2.3 全局属性 22

2.3 HTML5文档的结构 25

2.3.1 HTML5文档的基本结构 25

2.3.2 网页标题<title> 25

2.3.3 定义元数据<meta> 26

2.3.4 HTML5新增的结构标记 29

2.4 综合案例——基本的HTML5网页 30

2.5 习题 32

2.5.1 填空题 32

2.5.2 判断题 32

2.5.3 简答题 32

第3章 文字与段落 33

3.1 基本的文字排版 34

3.1.1 段落<p> 34

3.1.2 控制换行<br> 35

3.1.3 预先格式化<pre> 37

3.1.4 水平线<hr> 38

3.1.5 标题文字<h1>~<h6> 40

3.2 描述文本的语义化、结构化元素 41

3.2.1 强调文本<b>/<i>/<em>/<strong> 41

3.2.2 作品标题<cite> 43

3.2.3 小型文本<small> 44

3.2.4 标记文本改变<ins>/<del> 45

3.2.5 文字上下标<sup>/<sub> 46

3.2.6 旁注<ruby>/<rt>/<rp> 47

3.2.7 日期时间<time> 48

3.2.8 其他语义化、结构化元素 49

3.3 块级元素与行内元素 49

3.4 无语义的容器元素 51

3.4.1 <div>元素 51

3.4.2 <span>元素 53

3.5 使用字符实体表示特殊字符 54

3.6 添加注释 55

3.7 列表 56

3.7.1 无序列表<ul> 56

3.7.2 有序列表<ol> 58

3.7.3 描述列表<dl>/<dt>/<dd> 60

3.7.4 列表嵌套 62

3.8 综合实例——简单文字网页 63

3.9 习题 66

3.9.1 单选题 66

3.9.2 填空题 67

3.9.3 判断题 67

3.9.4 简答题 67

第4章 HTML5中的图像、音频和视频 69

4.1 文件路径 70

4.1.1 绝对路径 70

4.1.2 相对路径 70

4.2 在页面中插入图像<img> 71

4.2.1 网页图像的格式 71

4.2.2 插入图像 72

4.3 在网页中插入视频<video> 74

4.3.1 视频格式 74

4.3.2 插入视频 74

4.4 在网页中插入音频<audio> 76

4.4.1 音频格式 76

4.4.2 插入音频格式 77

4.5 使用多种来源的多媒体和备用文本<source> 78

4.6 插入多媒体文件<embed> 78

4.7 定义媒介分组和标题<figure>/<figcaption> 80

4.8 综合实例——多媒体页面的设计 82

4.9 习题 84

4.9.1 单选题 84

4.9.2 填空题 84

4.9.3 判断题 85

4.9.4 简答题 85

第5章 超链接 87

5.1 超链接概述 88

5.2 基本链接 88

5.2.1 外部链接 88

5.2.2 内部链接 90

5.2.3 <a>标记的属性 91

5.2.4 超链接的目标类型 95

5.2.5 Email链接 97

5.3 锚记(书签)链接 97

5.4 设置图像映射 101

5.5 内联框架<iftame>及其链接 104

5.5.1 内联框架 104

5.5.2 内联框架相关的链接 105

5.6 定义基准地址<base> 107

5.7 综合实例——设置超链接 108

5.8 习题 112

5.8.1 单选题 112

5.8.2 填空题 113

5.8.3 判断题 113

5.8.4 简答题 113

第6章 表格 115

6.1 表格简介 116

6.2 创建表格 116

6.2.1 表格基本结构 117

6.2.2 表格边框显示 119

6.2.3 带图像的单元格 121

6.3 合并单元格 122

6.3.1 设置跨列colspan 122

6.3.2 设置跨行rowspan 124

6.4 表格嵌套 126

6.5 表格的按行分组显示<thead>/<tbody>/<tfoot> 127

6.6 综合实例——表格应用 129

6.7 习题 131

6.7.1 单选题 131

6.7.2 填空题 131

6.7.3 判断题 132

6.7.4 简答题 132

第7章 表单 133

7.1 表单概述 134

7.2 建立表单<form> 135

7.3 表单基本元素 135

7.3.1 <input>标记 136

7.3.2 多行文字框<textarea> 143

7.3.3 列表<select>/<option>/<datalist> 144

7.4 <input>新增表单高级元素 146

7.4.1 url类型 147

7.4.2 email类型 148

7.4.3 日期和时间 149

7.4.4 数字类型 150

7.4.5 color类型 151

7.4.6 fieldset控件组 152

7.4.7 search类型 153

7.4.8 tel类型 153

7.5 通用的表单属性 154

7.5.1 autofocus属性 154

7.5.2 multiple属性 155

7.5.3 placeholder属性 156

7.5.4 required属性 157

7.5.5 pattern属性 158

7.6 综合实例——表单设计 160

7.7 习题 162

7.7.1 单选题 162

7.7.2 填空题 162

7.7.3 简答题 163

第8章 CSS基础 165

8.1 CSS介绍 166

8.1.1 CSS概述 166

8.1.2 CSS3 167

8.2 CSS的基本语法 168

8.3 CSS属性 169

8.4 在HTML文档中使用CSS的方法 171

8.4.1 行内样式 171

8.4.2 内部样式表 172

8.4.3 链入外部样式表 175

8.4.4 导入外部样式表 177

8.5 CSS基本选择器 178

8.5.1 标记选择器 179

8.5.2 类选择器 179

8.5.3 id选择器 181

8.5.4 通用选择器 183

8.6 其他CSS选择器 184

8.6.1 组合选择器 184

8.6.2 伪类选择器 191

8.6.3 伪对象选择器 192

8.6.4 属性选择器 192

8.7 综合案例——CSS的简单应用 194

8.8 习题 197

8.8.1 单选题 197

8.8.2 填空题 198

8.8.3 判断题 198

8.8.4 简答题 198

第9章 CSS文本样式 199

9.1 颜色color 200

9.2 CSS字体属性 202

9.2.1 字型font-family 203

9.2.2 字体尺寸font-size 204

9.2.3 字体粗细font-weight 207

9.2.4 字体风格font-style 209

9.2.5 小型大写字母font-variant 210

9.2.6 字体复合属性font 211

9.3 文本格式化 213

9.3.1 行高line-height 213

9.3.2 水平对齐方式text-align 215

9.3.3 文本缩进text-indent 216

9.3.4 大小写text-transform 218

9.3.5 字符间距letter-spacing 219

9.3.6 单词间距word-spacing 220

9.3.7 垂直对齐方式vertical-align 221

9.3.8 文本修饰text-decoration 223

9.3.9 文本阴影text-shadow 225

9.3.10 书写模式writing-mode 226

9.3.11 断行处理word-wrap和overflow-wrap 229

9.3.12 文本相关伪对象 231

9.4 CSS列表属性 232

9.4.1 列表项目符号list-style-type 233

9.4.2 图片符号list-style-image 235

9.4.3 列表符号位置list-style-position 236

9.4.4 列表复合属性list-style 238

9.5 综合实例——基本图文混排网页 240

9.6 习题 244

9.6.1 单选题 244

9.6.2 填空题 245

9.6.3 判断题 246

9.6.4 简答题 246

第10章 CSS盒子模型 247

10.1 盒子BOX的基本概念 248

10.1.1 盒子的基本形式 248

10.1.2 盒子大小的计算width/height 250

10.1.3 改变盒子大小的计算方式box-sizing 252

10.2 边框的基本属性 254

10.2.1 边框样式border-style 254

10.2.2 边框厚度border-width 256

10.2.3 边框颜色border-color 258

10.2.4 边框复合属性 260

10.3 边距 261

10.3.1 内边距padding 261

10.3.2 外边距margin 264

10.4 边框的其他属性 267

10.4.1 圆角边框border-radius 267

10.4.2 图像边框border-image 270

10.4.3 盒子阴影box-shadow 275

10.5 综合案例——盒子布局排版 278

10.6 习题 284

10.6.1 单选题 284

10.6.2 填空题 286

10.6.3 判断题 286

10.6.4 简答题 286

第11章 CSS背景 287

11.1 CSS背景概述 288

11.2 背景颜色 288

11.2.1 背景颜色background-color 288

11.2.2 用背景色给页面分块 290

11.3 背景图像 294

11.3.1 页面背景图像background-image 294

11.3.2 背景图像重复background-repeat 296

11.3.3 背景图像滚动background-attachment 298

11.3.4 背景图像位置background-position 300

11.3.5 背景参考原点background-origin 302

11.3.6 背景图像尺寸background-size 304

11.3.7 背景图像裁剪区域background-clip 306

11.3.8 线性渐变背景图像 308

11.4 背景复合属性和多背景 311

11.4.1 背景复合属性background 311

11.4.2 多背景 311

11.5 定义不透明度 314

11.6 综合实例——设置背景 315

11.7 习题 323

11.7.1 单选题 323

11.7.2 填空题 324

11.7.3 判断题 324

11.7.4 简答题 324

第12章 CSS美化表格与表单 325

12.1 CSS美化表格 326

12.1.1 表格边框颜色设置 326

12.1.2 盒子阴影 327

12.1.3 表格隔行变色 329

12.1.4 表格交互变色 332

12.2 CSS美化表单 333

12.2.1 美化表单文本框 334

12.2.2 美化表单元素背景颜色 335

12.2.3 美化注册表单元素例子 337

第13章 CSS盒子布局和定位 341

13.1 CSS定位属性 342

13.1.1 正常流向 342

13.1.2 定位偏移属性top、bottom、right、left 344

13.1.3 定位方式position 344

13.1.4 分层呈现z-index 353

13.1.5 裁切clip 354

13.2 CSS布局属性 356

13.2.1 可见性visibility 356

13.2.2 溢出overflow 358

13.2.3 显示display 361

13.2.4 浮动float 364

13.2.5 清除clear 367

13.3 综合案例——幼儿园页面设计 369

13.4 习题 380

13.4.1 单选题 380

13.4.2 填空题 380

13.4.3 判断题 380

13.4.4 简答题 381

第14章 网页布局 383

14.1 网页布局方法 384

14.1.1 网页布局基本思想 384

14.1.2 DIV+CSS布局 384

14.1.3 DIV+CSS分块方法 385

14.2 设计超链接样式 389

14.2.1 超链接样式变换 389

14.2.2 按钮式超链接 394

14.2.3 使用列表制作菜单 397

14.3 布局版式 401

14.3.1 版心和布局流程 401

14.3.2 单列布局 403

14.3.3 两列布局 408

14.3.4 三列布局 416

14.3.5 通栏布局 429

14.4 习题 439

14.4.1 单选题 439

14.4.2 填空题 439

14.4.3 判断题 439

14.4.4 简答题 439

第15章 综合案例——旅游网站 441

15.1 网页布局概述 442

15.2 页面的设计 442

15.3 全局样式设定 454

15.4 网页首部(top) 454

15.4.1 链接菜单(link) 455

15.4.2 导航菜单(menu) 456

15.4.3 网站的横幅广告(bannerwrap) 457

15.5 主内容区(main) 458

15.5.1 登录区(lon) 459

15.5.2 左边内容区(left) 460

15.5.3 中间上部内容区(centertop) 462

15.5.4 中间底部内容区(centerbottom) 464

15.5.5 右边内容区(rigth) 466

15.6 页尾区(footer) 469

第16章 综合案例——婚戒网站 471

16.1 网站总体设计 472

16.2 首页设计 473

16.2.1 首页页面效果 473

16.2.2 首页版式布局 475

16.2.3 首页HTML代码实现 476

16.2.4 公用的CSS代码实现 480

16.2.5 首页CSS代码实现 481

16.3 “品牌文化”页面设计 485

16.3.1 “品牌文化”页面效果 485

16.3.2 “品牌文化”页面版式布局 488

16.3.3 “品牌文化”页面HTML代码实现 489

16.3.4 “品牌文化”页面CSS代码实现 493

16.4 “排行榜”页面设计 496

16.4.1 “排行榜”页面效果 496

16.4.2 “排行榜”页面版式布局 499

16.4.3 “排行榜”页面HTML代码实现 499

16.4.4 “排行榜”页面CSS代码实现 503

16.5 “爱的社区”页面设计 504

16.5.1 “爱的社区”页面效果 504

16.5.2 “爱的社区”页面版式布局 506

16.5.3 “爱的社区”页面HTML代码实现 508

16.5.4 “爱的社区”页面CSS代码实现 511

附录 513