网页设计与开发

图书标准信息

• 作者 肖睿 张荣竣
• 出版社 人民邮电出版社
• 出版时间 2018-09
• 版次 1
• ISBN 9787115491015
• 定价 39.80元
• 装帧 其他
• 开本 16开
• 纸张 胶版纸
• 页数 192页

【内容简介】

随着信息时代的到来，网络已完全融入人们的日常工作和生活，从安卓到苹果、从网页到APP、从休闲到游戏，前端应用无处不在，而这些都离不开网络的承载者—网页。
  本书共7章。主要内容包括初识HTML，使用CSS美化网页，列表、表格及表单，盒子模型的应用，网页中无处不在的浮动，CSS定位，以及项目实战—制作1号店首页。
  本书*的特点就是以流行网站元素为项目实战，以任务为驱动，通过基本的HTML标签学习，加之CSS美化技术来开发网站。读者在完成任务的过程中，由浅入深一步步掌握技能点，从而更好地学以致用。本书还提供很多实用的经验分享，让读者在学会知识点的同时掌握更多企业需求，不断提升自己的项目开发经验。
  为保证*的学习效果，本书配套视频教程、案例素材下载、学习交流社区、讨论组等学习内容，为读者带来全方位的学习体验。

【作者简介】

肖睿任职于北京课工场教育科技有限公司。课工场是专注互联网教育的生态平台，汇聚了中国和北美数百位来自知名互联网企业的行业大咖，向寻求就业和技术提升的人群提供直播、录播、面授等多模式教学场景，并通过遍布全国的线下服务中心提供成熟的学习服务，形成完善的“互联网 教育”解决方案。同时，课工场也为高校、企业、行业提供教育技术赋能，依托Transformer智能教育生态平台，打造智慧校园、企业大学、行业培训的教育场景，提供一站式教育解决方案。

【目录】

第 1章 初识HTML1

任务1 了解HTML文件的基本信息及发展史 3

1.1.1 HTML简介及发展史 3

1.1.2 W3C简介 4

1.1.3 前端开发工具 6

1.1.4 HTML文件的基本结构 6

1.1.5 网页的基本信息 6

任务2 掌握网页中常见的基本标签 8

1.2.1 标题标签 8

1.2.2

标签和

标签 8

1.2.3 

标签 10

1.2.4 和标签 11

1.2.5 注释和特殊符号 11

1.2.6 上机训练 13

任务3 图像标签的使用 14

1.3.1 网页中常用的图像格式 14

1.3.2 标签的基本语法 14

任务4 超链接标签的使用 16

1.4.1 标签的基本语法 16

1.4.2 标签的应用场景 17

1.4.3 元素特性 21

1.4.4 上机训练 21

本章作业 23

第 2章 使用CSS美化网页 25

任务1 了解CSS应用及发展史 27

2.1.1 什么是CSS 28

2.1.2 CSS在网页中的应用 28

2.1.3 CSS的优势 30

2.1.4 CSS的发展史 30

任务2 CSS的基本语法 31

2.2.1 CSS基本语法结构 31

2.2.2 认识

标签 32

任务3 会在HTML中使用三种方式引入CSS样式 32

2.3.1 行内样式 32

2.3.2 内部样式表 32

2.3.3 外部样式表 33

2.3.4 样式优先级 35

2.3.5 上机训练 36

任务4 CSS选择器的使用 36

2.4.1 CSS基本选择器 37

2.4.2 CSS高级选择器 41

2.4.3 上机训练 50

任务5 CSS文本样式 51

2.5.1 文本样式的重要性 51

2.5.2 标签 52

2.5.3 字体属性 53

2.5.4 文本样式 57

2.5.5 上机训练 63

任务6 超链接和列表样式 64

2.6.1 超链接伪类 64

2.6.2 列表样式 66

任务7 标签及背景样式的使用 68

2.7.1 标签 69

2.7.2 背景样式 69

2.7.3 上机训练 73

本章作业 75

第3章 列表、表格及表单 77

任务1 列表在网页中的应用 79

3.1.1 什么是列表 79

3.1.2 不同的列表及其应用 80

3.1.3 上机训练 82

任务2 表格的结构及语法 83

3.2.1 使用表格的优点 84

3.2.2 表格的基本结构 84

3.2.3 表格的基本语法 84

3.2.4 表格的跨行与跨列 86

3.2.5 上机训练 88

任务3 能够使用不同的表单元素布局网页 89

3.3.1 表单控件的用途 89

3.3.2 表单标签及表单属性 90

3.3.3 表单元素及格式 91

3.3.4 上机训练 98

任务4 理解表单的高级应用 100

3.4.1 表单的隐藏域 100

3.4.2 表单的只读与禁用 100

3.4.3 表单元素的标注 101

3.4.4 上机训练 102

本章作业 103

第4章 盒子模型的应用 105

任务 掌握盒子模型在网页中的应用 107

4.1.1 盒子模型的介绍 107

4.1.2 边框的使用 108

4.1.3 外边距的使用 113

4.1.4 内边距的使用 115

4.1.5 盒子模型尺寸 117

4.1.6 box-sizing拯救布局 119

4.1.7 上机训练 121

本章作业 122

第5章 网页中无处不在的浮动 125

任务1 了解网页的布局结构 127

5.1.1 网页布局分类 127

5.1.2 什么是标准文档流 129

任务2 display属性的使用 130

5.2.1 display属性值的使用 130

5.2.2 上机训练 132

任务3 能够使用浮动设置网页元素 133

5.3.1 浮动在网页中的应用 133

5.3.2 float属性 134

5.3.3 上机训练 140

任务4 清除浮动的几种方法 141

5.4.1 clear属性 141

5.4.2 解决父级边框塌陷的方法 144

5.4.3 上机训练 151

任务5 inline-block和浮动的区别 152

本章作业 153

第6章 CSS定位 157

任务1 了解定位在网页中的应用 158

任务2 使用position属性定位网页元素 160

6.2.1 static 160

6.2.2 relative 161

6.2.3 absolute 165

6.2.4 fixed 168

6.2.5 上机训练 170

任务3 z-index属性在网页中的应用 173

6.3.1 z-index属性的应用 173

6.3.2 上机训练 176

本章作业 177

第7章 项目实战—制作1号店首页 181

任务1 1号店项目概述 182

7.1.1 需求概述 182

7.1.2 技能要点 183

任务2 网站的开发流程 184

7.2.1 网站开发流程 184

7.2.2 网站的文件结构 184

7.2.3 网页布局分析 185

任务3 制作1号店首页的步骤 185

7.3.1 网页整体布局分析 185

7.3.2 制作网站导航 187

7.3.3 制作焦点轮播图效果 188

7.3.4 制作焦点图右侧内容 189

7.3.5 制作食品饮料版块 190

7.3.6 制作个护厨卫版块 190

7.3.7 制作网站版权 191