Web前端技术PDF电子书下载

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

1.1 相关知识 2

1.2 Web前端开发技术 5

1.2.1 认识HTML 5

1.2.2 认识CSS 6

1.2.3 认识JavaScript 7

第2章 HTML基础 9

2.1 HTML的概念 10

2.2 HTML的基本语法 10

2.2.1 标签 10

2.2.2 属性 11

2.3 HTML的文档结构 12

2.3.1 基本结构 12

2.3.2 书写注意事项 12

2.4 HTML的头部文件和主体文件 13

2.4.1 文件头部内容 13

2.4.2 主体内容 16

习题 19

第3章 网页文字与排版设计 21

3.1 编辑网页内容 22

3.1.1 添加文字 22

3.1.2 添加注释 22

3.1.3 添加空格 23

3.2 文字效果与修饰 23

3.2.1 设置文字样式 23

3.2.2 修饰文字 24

3.3 段落与排版 29

3.3.1 段落的标签 30

3.3.2 换行 30

3.3.3 预格式化 32

3.3.4 居中显示文字 33

3.3.5 插入水平线 33

3.3.6 设置段落缩进 34

3.4 建立列表 35

3.4.1 建立定义列表 35

3.4.2 建立无序列表 37

3.4.3 建立有序列表 39

3.4.4 建立嵌套列表 41

3.5 文字网页综合实例 41

习题 43

第4章 超链接的使用 45

4.1 超链接简介 46

4.2 超链接的路径 46

4.2.1 设置绝对路径 46

4.2.2 设置相对路径 46

4.2.3 设置根路径 47

4.3 超链接的应用 47

4.3.1 超链接的建立 47

4.3.2 插入内部和外部链接 48

4.3.3 插入锚链接（书签链接） 49

4.3.4 插入图片链接 52

4.3.5 电子邮件链接 53

4.3.6 下载文件的链接 54

4.4 设置图像映射 55

4.5 其他链接 56

4.5.1 定义基准网址〈base〉 56

4.5.2 框架的链接 57

4.6 综合实例 57

习题 58

第5章 表格的使用 60

5.1 创建表格 61

5.1.1 表格的结构 61

5.1.2 表格的标题与表头 62

5.2 设置表格属性 64

5.2.1 设置表格的边框 64

5.2.2 设置边框样式 65

5.2.3 设置表格的宽度和高度 67

5.2.4 设置表格的背景颜色 67

5.3 设置单元格 68

5.3.1 设置单元格水平对齐属性 68

5.3.2 设置单元格垂直对齐 69

5.3.3 设置单元格间距和边距 70

5.3.4 合并单元格 72

5.4 表格嵌套 74

5.5 综合实例 75

习题 76

第6章 网页框架设计 78

6.1 框架 79

6.1.1 框架的概念 79

6.1.2 框架的基本结构 80

6.2 框架的设置 80

6.2.1 框架的文件属性 80

6.2.2 设置框架的名称 81

6.2.3 框架的边框 81

6.2.4 框架的滚动条 82

6.2.5 调整框架尺寸 83

6.2.6 设置框架边缘宽度与高度 84

6.3 框架集的设置 85

6.3.1 框架集边框宽度 85

6.3.2 设置框架集边框颜色 86

6.3.3 框架的分割 87

6.4 框架的嵌套 88

6.5 不支持框架 88

6.6 浮动框架 90

6.7 设置框架的链接 91

6.7.1 普通框架添加链接 91

6.7.2 浮动框架添加链接 92

6.8 框架的综合应用 94

习题 96

第7章 层的应用 98

7.1 创建层 99

7.2 层的属性 99

7.2.1 层属性的设置 99

7.2.2 层的边框 100

7.2.3 层边框的颜色 100

7.3 嵌套层 102

7.4 〈span〉标签的使用 102

7.5 综合应用 103

习题 104

第8章 表单的使用 106

8.1 表单 107

8.1.1 基本概念 107

8.1.2 表单的属性 107

8.2 输入标签〈input〉 108

8.2.1 表单元素标记 108

8.2.2 文本框 108

8.2.3 密码框 109

8.2.4 单选框、复选框 110

8.2.5 图像域 111

8.2.6 隐藏域 112

8.2.7 多行文本域 113

8.2.8 按钮 113

8.2.9 下拉菜单和滚动列表 114

8.2.10 插入文件域 115

8.3 表单综合实例 117

习题 118

第9章 HTML5基本介绍 120

9.1 认识HTML5 121

9.1.1 HTML5的发展史 121

9.1.2 HTML5与HTML4的差异 121

9.1.3 HTML5废除的标签 122

9.2 HTML5的新功能 122

9.2 1 HTML5声明 123

9.2.2 语义化标签 123

9.3 新增标签介绍 126

9.3.1 视频标签与属性 126

9.3.2 音频标签与属性 127

9.3.3 画布标签与属性 128

9.3.4 表单属性 129

9.4 Web存储 137

9.4.1 Web存储的两种方法 137

9.4.2 Web存储的优势和意义 139

第10章 CSS语法基础 140

10.1 CSS的简介 141

10.1.1 CSS的发展史 141

10.1.2 CSS的定义 141

10.2 CSS的基本语法 142

10.3 CSS选择符的类型 143

10.3.1 标记选择符 143

10.3.2 组合选择符 144

10.3.3 类选择符 145

10.3.4 id选择符 146

10.3.5 包含选择符 148

10.3.6 伪类 149

10.4 选择符的优先级 150

10.5 应用CSS样式表 151

10.5.1 行内样式 151

10.5.2 内嵌样式 152

10.5.3 链接外部样式 153

10.5.4 导入外部样式 154

10.5.5 样式表的优先级 155

习题 156

第11章 CSS设置文字与版式 158

11.1 字体属性的设置 159

11.1.1 字体font-family 159

11.1.2 字号font-size 159

11.1.3 字体风格font-style 162

11.1.4 字体加粗font-weight 162

11.1.5 字体变体font-variant 162

11.1.6 综合字体属性font 163

11.2 文本的版式控制（文本排版） 164

11.2.1 设置首行缩进text-indent 164

11.2.2 设置首字下沉fiirst-letter类 165

11.2.3 调整行高line-height 166

11.2.4 调整字符间距letter-spacing 168

11.2.5 调整单词间距word-spacing 168

11.2.6 添加文字修饰text-decoration 169

11.2.7 设置文本对齐方式text-align和vertical-align 170

11.2.8 转换英文大小写text-transform 171

11.2.9 文本阴影text-shadow 172

习题 173

第12章 颜色和背景 174

12.1 颜色color 175

12.1.1 颜色名称定义 175

12.1.2 颜色的十六进制定义 175

12.1.3 颜色的RGB函数定义 176

12.2 页面背景background 176

12.2.1 设置背景颜色 176

12.2.2 设置背景图片 177

12.2.3 设置重复背景图片 179

12.2.4 设置滚动背景图片 180

12.2.5 设置背景图片位置 181

12.2.6 背景复合属性background 183

12.2.7 设置背景尺寸 184

12.2.8 定义透明度 185

习题 186

第13章 CSS盒子模型 188

13.1 盒模型简介 189

13.1.1 盒模型定义 189

13.1.2 DIV盒子 189

13.2 边框属性 190

13.2.1 边框样式属性border-style 190

13.2.2 边框宽度属性border-width 192

13.2.3 边框颜色属性border-color 192

13.2.4 边框属性的综合设置 193

13.3 边距属性 194

13.3.1 内边距padding 194

13.3.2 外边距margin 195

13.4 圆角边框 199

习题 201

第14章 定位和布局 202

14.1 CSS元素定位 203

14.1.1 定位方式 203

14.1.2 设置位置top、 bottom、 right、 left 203

14.1.3 图层定位z-index属性 206

14.1.4 使用浮动属性 207

14.2 CSS布局属性 207

14.2.1 可见性visibilityt 207

14.2.2 裁切clip 209

14.2.3 设置层大小width和height 210

14.2.4 溢出overftlow 211

14.2.5 浮动float 212

14.2.6 清除浮动clear 213

14.3 其他页面元素的设置 214

14.3.1 鼠标特效 214

14.3.2 项目列表 216

习题 221

第15章 CSS滤镜特效 223

15.1 概述 224

15.2 视觉滤镜 225

15.2.1 Alpha滤镜 225

15.2.2 Blur滤镜 227

15.2.3 DropShadow滤镜 228

15.2.4 Glow滤镜 229

15.2.5 FlipH／FlipV滤镜 230

15.2.6 Gray、 Invert、 Xray滤镜 232

15.2.7 Chroma滤镜 233

15.2.8 Wave滤镜 235

15.2.9 Shadow滤镜 237

15.2.10 Mask滤镜 239

15.2.11 Emboss、 Engrave滤镜 240

习题 243

第16章 JavaScript基础 244

16.1 JavaScript简介 245

16.1.1 什么是脚本语言 245

16.1.2 JavaScript、 VBScript与Jscript 245

16.1.3 JavaScript语言的基本特点 245

16.1.4 在HTML中加入JavaScript代码 246

16.1.5 一个简单的实例 247

16.2 JavaScript基本语法 247

16.2.1 JavaScript的语句 247

16.2.2 数据类型 248

16.2.3 变量和常量 249

16.2.4 运算符和表达式 250

16.3 JavaScript流程控制语句 254

16.3.1 选择语句 254

16.3.2 循环语句 259

16.3.3 其他语句 263

16.4 函数 264

16.4.1 函数的定义 264

16.4.2 函数的参数与返回值 265

习题 269

第17章 JavaScript的对象和事件 271

17.1 JavaScript的对象 272

17.1.1 JavaScript对象 272

17.1.2 JavaScript的内置对象和函数 272

17.1.3 浏览器内部对象 279

17.1.4 自定义对象 295

17.2 JavaScript的事件处理方式 297

17.2.1 JavaScript的常用事件 298

17.2.2 事件处理 299

习题 303

第18章 Web前端新技术——响应式网页的设计与实现 305

18.1 响应式网页技术 306

18.2 前端开发框架 306

18.3 Bootstrap框架 307

18.3.1 框架简介 307

18.3.2 Bootstrap框架特点 307

18.3.3 Bootstrap环境安装 310

18.4 基于数字媒体技术专业网站的设计与实现 311

18.4.1 美术设计 311

18.4.2 首页的设计 312

18.4.3 Bootstrap导航 313

18.4.4 网页内容区 313

18.4.5 页脚导航区 317

18.5 小结 318

参考文献 319

习题答案（选择题） 320