HTML5+CSS3网页设计与制作案例教程

《HTML5+CSS3网页设计与制作案例教程(第2版)》是2020年1月清华大学出版社出版的图书，作者是姬莉霞、李学相、韩颖、刘成明。

基本信息

    书名

    HTML5+CSS3网页设计与制作案例教程(第2版)

    作者

    姬莉霞、李学相、韩颖、刘成明

    ISBN

    9787302543664

    定价

    79.80元

    出版社

    清华大学出版社

    出版时间

    2020年1月

目录     

1内容简介

2图书目录

折叠

编辑本段

内容简介

Web标准是所有网页前端技术的规范和发展方向，HTML5和CSS3是Web标准的主要组成部分，阐述了内容和样式分离的网页设计精髓。

《HTML5+CSS3网页设计与制作案例教程(第2版)》共15章，从初学者的角度出发，以知识点示例、章节综合案例、全书综合案例和实验手册等形式，全面涵盖网页设计的基础知识、HTML5和CSS3技术、DIV+CSS网页布局技术等内容。讲解过程由浅入深、循序渐进，力求通过实例操作让读者快速掌握网页设计的方法和技巧。

《HTML5+CSS3网页设计与制作案例教程(第2版)》提供所有实例的源文件、习题参考答案以及教学课件，以方便读者学习和参考。

《HTML5+CSS3网页设计与制作案例教程(第2版)》既适合作为大中专院校和培训学校计算机相关专业学生的教材，也适合作为网页设计制作人员及爱好者的参考用书。

折叠

编辑本段

图书目录

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

1.1 网页相关知识简介 2

1.1.1 互联网、因特网和万维网 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 10

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

1.4 网页设计常用工具 11

1.4.1 基于文本的编辑器 11

1.4.2 所见即所得编辑器 12

1.4.3 如何选择工具 13

1.5 习题 13

1.5.1 单选题 13

1.5.2 填空题 14

1.5.3 判断题 14

1.5.4 简答题 14

第2章 HTML5基础 15

2.1 认识HTML5 16

2.1.1 HTML及其发展 16

2.1.2 HTML5的特点 16

2.1.3 编写第一个HTML5文件 17

2.2 HTML基本语法 18

2.2.1 标记与元素 18

2.2.2 HTML属性 19

2.2.3 全局属性 20

2.3 HTML5文档的结构 22

2.3.1 HTML5文档的基本结构 22

2.3.2 网页标题<title> 23

2.3.3 定义元数据<meta> 23

2.3.4 HTML5新增的结构标记 25

2.4 综合案例--基本的HTML5网页 26

2.5 习题 27

2.5.1 单选题 27

2.5.2 填空题 28

2.5.3 判断题 28

2.5.4 简答题 28

第3章 文字与段落 29

3.1 基本的文字排版 30

3.1.1 段落<p> 30

3.1.2 控制换行<br> 31

3.1.3 预先格式化<pre> 32

3.1.4 标题文字<h1>~<h6> 34

3.1.5 水平线<hr> 34

3.2 HTML基本语法 36

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

3.2.2 作品标题<cite> 37

3.2.3 小型文本<small> 38

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

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

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

3.2.7 日期时间<time> 41

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

3.3 使用字符实体表示特殊符号 42

3.4 添加注释 44

3.5 列表 45

3.5.1 无序列表<ul> 45

3.5.2 有序列表<ol> 46

3.5.3 描述列表<dl>/<dt>/<dd> 47

3.5.4 列表的嵌套 48

3.6 块级元素与行内元素 49

3.7 无语义的容器元素 50

3.7.1 div元素 50

3.7.2 span元素 51

3.8 综合案例--简单文字网页 52

3.9 习题 54

3.9.1 单选题 54

3.9.2 填空题 55

3.9.3 判断题 55

3.9.4 简答题 55

第4章 图像、音频和视频等 56

4.1 文件路径 57

4.1.1 绝对路径 57

4.1.2 相对路径 57

4.2 在网页中插入图像<img> 58

4.2.1 网页图像的格式 58

4.2.2 插入图像 59

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

4.3.1 视频格式 61

4.3.2 插入视频 61

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

4.4.1 音频格式 63

4.4.2 插入音频 63

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

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

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

4.8 综合案例--多媒体页面的设计 67

4.9 习题 68

4.9.1 单选题 68

4.9.2 填空题 69

4.9.3 判断题 69

4.9.4 简答题 69

第5章 超链接 70

5.1 超链接概述 71

5.2 基本链接 71

5.2.1 外部链接 71

5.2.2 内部链接 73

5.2.3 <a>标记的属性 73

5.2.4 超链接的目标类型 76

5.3 锚记(书签)链接 78

5.4 设置图像映射 80

5.5 内联框架<iframe>及其链接 83

5.5.1 内联框架 83

5.5.2 内联框架相关的链接 84

5.6 定义基准地址<base> 86

5.7 综合案例--设置超链接 87

5.8 习题 89

5.8.1 单选题 89

5.8.2 填空题 90

5.8.3 判断题 90

5.8.4 简答题 90

第6章 表格 91

6.1 表格简介 92

6.2 创建表格 92

6.2.1 表格基本结构 93

6.2.2 表格边框显示 94

6.2.3 带图像的单元格 96

6.3 合并单元格 96

6.3.1 设置跨列colspan 97

6.3.2 设置跨行rowspan 98

6.4 表格嵌套 99

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

6.6 综合案例--表格应用 102

6.7 习题 103

6.7.1 单选题 103

6.7.2 填空题 104

6.7.3 判断题 104

6.7.4 简答题 104

6.7.5 应用题 104

第7章 表单 105

7.1 表单概述 106

7.2 建立表单<form> 107

7.3 基本的表单控件 107

7.3.1 <input>标记 108

7.3.2 多行文本框<textarea> 113

7.3.3 选择列表<select>/<option>/<datalist> 114

7.4 新增<input>表单控件 116

7.4.1 url类型 116

7.4.2 email类型 117

7.4.3 日期和时间类型 117

7.4.4 数字类型 118

7.4.5 color类型 119

7.4.6 search类型 120

7.4.7 tel类型 120

7.5 fieldset控件组 121

7.6 <input>常用公共属性 121

7.6.1 autofocus属性 122

7.6.2 placeholder属性 122

7.6.3 required属性 123

7.6.4 pattern属性 124

7.7 综合案例--表单设计 125

7.8 习题 127

7.8.1 单选题 127

7.8.2 填空题 127

7.8.3 判断题 128

7.8.4 简答题 128

第8章 CSS基础 129

8.1 CSS介绍 130

8.1.1 CSS概述 130

8.1.2 CSS3 131

8.2 CSS的基本语法 131

8.3 CSS属性 132

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

8.4.1 行内样式 134

8.4.2 内部样式表 136

8.4.3 链入外部样式表 138

8.4.4 导入外部样式表 140

8.5 CSS基本选择器 141

8.5.1 标记选择器 142

8.5.2 类选择器 142

8.5.3 id选择器 144

8.5.4 通用选择器 145

8.6 其他CSS选择器 146

8.6.1 组合选择器 146

8.6.2 伪类选择器 151

8.6.3 伪对象选择器 151

8.6.4 属性选择器 152

8.7 综合案例--CSS的简单应用 153

8.8 习题 157

8.8.1 单选题 157

8.8.2 填空题 157

8.8.3 判断题 157

8.8.4 简答题 158

第9章 CSS文本样式 159

9.1 颜色color 160

9.2 CSS字体属性 162

9.2.1 字型font-family 162

9.2.2 字体尺寸font-size 163

9.2.3 字体粗细font-weight 166

9.2.4 字体风格font-style 167

9.2.5 小型大写字母font-variant 168

9.2.6 字体复合属性font 169

9.3 文本格式化 170

9.3.1 行高line-height 171

9.3.2 水平对齐方式text-align 172

9.3.3 文本缩进text-indent 173

9.3.4 大小写text-transform 175

9.3.5 字符间距letter-spacing 176

9.3.6 单词间距word-spacing 177

9.3.7 垂直对齐方式vertical-align 178

9.3.8 文本修饰text-decoration 179

9.3.9 文本阴影text-shadow 181

9.3.10 书写模式writing-mode 182

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

9.3.12 文本相关伪对象 186

9.4 CSS列表属性 187

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

9.4.2 图像列表项目符号list-style-image 189

9.4.3 列表项目符号位置list-style-position 190

9.4.4 列表项目复合属性list-style 191

9.5 综合案例--基本图文混排网页 192

9.6 习题 196

9.6.1 单选题 196

9.6.2 填空题 197

9.6.3 判断题 197

9.6.4 简答题 197

第10章 CSS盒子模型 198

10.1 盒子BOX的基本概念 199

10.1.1 盒子的基本形式 199

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

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

10.2 边框的基本属性 204

10.2.1 边框样式border-style 204

10.2.2 边框厚度border-width 206

10.2.3 边框颜色border-color 208

10.2.4 边框复合属性 209

10.3 边距 210

10.3.1 内边距padding 211

10.3.2 外边距margin 213

10.4 边框的其他属性 215

10.4.1 圆角边框border-radius 215

10.4.2 图像边框border-image 217

10.4.3 盒子阴影box-shadow 222

10.5 表格和表单BOX的样式 225

10.5.1 设计表格样式 225

10.5.2 设计表单样式 228

10.6 综合案例--盒子布局排版 231

10.7 习题 236

10.7.1 单选题 236

10.7.2 填空题 237

10.7.3 判断题 237

10.7.4 简答题 237

10.7.5 应用题 238

第11章 CSS背景 239

11.1 CSS背景概述 240

11.2 背景颜色 240

11.2.1 背景颜色background-color 240

11.2.2 用背景色给页面分块 242

11.3 背景图像 245

11.3.1 页面背景图像background-image 245

11.3.2 背景图像重复background-repeat 247

11.3.3 背景图像滚动background-attachment 249

11.3.4 背景图像位置background-position 251

11.3.5 背景参考原点background-origin 253

11.3.6 背景图像尺寸background-size 254

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

11.3.8 线性渐变背景图像 258

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

11.4.1 背景复合属性background 260

11.4.2 多背景 261

11.5 定义不透明度 262

11.6 综合案例--设置背景 263

11.7 习题 270

11.7.1 单选题 270

11.7.2 填空题 270

11.7.3 判断题 271

11.7.4 简答题 271

第12章 CSS盒子布局和定位 272

12.1 CSS定位属性 273

12.1.1 正常流向 273

12.1.2 定位偏移属性top、bottom、right、left 274

12.1.3 定位方式position 274

12.1.4 分层呈现z-index 281

12.1.5 裁切clip 282

12.2 CSS布局属性 283

12.2.1 可见性visibility 283

12.2.2 溢出overflow 285

12.2.3 显示display 287

12.2.4 浮动float 289

12.2.5 清除clear 291

12.3 综合案例--布局和定位应用 294

12.4 习题 303

12.4.1 单选题 303

12.4.2 填空题 304

12.4.3 判断题 304

12.4.4 简答题 304

第13章 网页布局 305

13.1 网页布局方法 306

13.1.1 网页布局基本思想 306

13.1.2 DIV+CSS布局 306

13.1.3 DIV+CSS分块方法 307

13.2 设计超链接样式 311

13.2.1 超链接样式变换 311

13.2.2 按钮式超链接 315

13.2.3 使用列表制作菜单 318

13.3 布局版式 321

13.3.1 版心和布局流程 321

13.3.2 单列布局 323

13.3.3 两列布局 327

13.3.4 三列布局 333

13.3.5 通栏布局 343

13.4 习题 352

13.4.1 单选题 352

13.4.2 填空题 353

13.4.3 判断题 353

13.4.4 简答题 353

第14章 综合案例--旅游网页 354

14.1 页面总体设计与实现 355

14.1.1 页面效果 355

14.1.2 页面版式布局 356

14.1.3 页面代码实现 356

14.2 全局样式设定 366

14.3 页眉区(top) 366

14.3.1 链接菜单(link) 367

14.3.2 导航菜单(menu) 367

14.3.3 横幅广告(bannerwrap) 369

14.4 主内容区(main) 369

14.4.1 登录区(login) 370

14.4.2 左边内容区(left) 371

14.4.3 中间上部内容区(centertop) 373

14.4.4 中间底部内容区(centerbottom) 375

14.4.5 右边内容区(rigth) 377

14.4.6 页脚区(footer) 379

第15章 综合案例--婚戒网站 380

15.1 网站总体设计 381

15.2 首页设计 382

15.2.1 首页页面效果 382

15.2.2 首页版式布局 384

15.2.3 首页HTML代码实现 385

15.2.4 公用的CSS代码实现 387

15.2.5 首页CSS代码实现 389

15.3 "品牌文化"页面设计 392

15.3.1 "品牌文化"页面效果 392

15.3.2 "品牌文化"页面版式布局 395

15.3.3 "品牌文化"页面HTML代码实现 396

15.3.4 "品牌文化"页面CSS代码实现 398

15.4 "排行榜"页面设计 400

15.4.1 "排行榜"页面效果 401

15.4.2 "排行榜"页面版式布局 403

15.4.3 "排行榜"页面HTML代码实现 403

15.4.4 "排行榜"页面CSS代码实现 404

15.5 "爱的社区"页面设计 406

15.5.1 "爱的社区"页面效果 406

15.5.2 "爱的社区"页面版式布局 408

15.5.3 "爱的社区"页面HTML代码实现 410

15.5.4 "爱的社区"页面CSS代码实现 411

参考文献 413

附录 414

附录A 414

附录B 414

附录C 414

附录D 414

附录E 414