第1章 Web基础知识
1.1 什么是Web ................................................2
1.1.1 Web的工作原理 ..................................2
1.1.2 Web前端开发 .....................................3
1.2 HTML概述................................................4
1.2.1 什么是HTML ......................................5
1.2.2 HTML的发展历程 ...............................5
1.3 HTML文件的基本标记 ...........................6
1.3.1 开始标签<html> .................................6
1.3.2 头部标签<head> ................................7
1.3.3 标题标签<title>...................................7
1.3.4 主体标签<body> ................................8
1.3.5 元信息标签<meta> .............................8
1.3.6 <!DOCTYPE>标签 .............................9
1.4 初识HTML5 .............................................9
1.4.1 HTML5的优势 ....................................9
1.4.2 HTML5元素分类 ...............................10
课堂演练11
课后作业14
第2章 网页图文的设计
2.1 网页中文字的应用 ...................................16
2.1.1 标题文字标签 ...................................16
2.1.2 标题文字的对齐方式 .........................17
2.1.3 文字字体 ..........................................18
2.1.4 段落换行 ..........................................19
2.1.5 文字颜色 ..........................................20
2.1.6 不换行属性 .......................................22
2.1.7 加粗标签 ..........................................23
2.1.8 倾斜标签 ..........................................24
2.2 网页中图片的应用 ...................................25
2.2.1 图像格式的选择 ................................25
2.2.2 插入图片 ..........................................25
2.2.3 调整图片尺寸 ...................................26
2.2.4 设置图片边框 ...................................27
2.2.5 图片的水平间距 ................................29
2.2.6 图片的提示文字 ................................30
2.2.7 图片的替换文字 ................................31
2.2.8 图片的对齐方式 ................................32
2.2.9 为图片添加超链接 ............................34
课堂演练35
课后作业36
第3章 HTML中列表的应用
3.1 无序列表 ...................................................38
3.1.1 <ul>标签 ..........................................38
3.1.2 无序列表类型 ...................................39
3.1.3 设置列表文字的颜色 .........................42
3.2 有序列表 ...................................................43
3.2.1 <ol>标签 ..........................................44
3.2.2 有序列表的类型 ................................45
3.2.3 有序列表的起始值 ............................47
3.2.4 定义列表标签 ...................................50
3.2.5 <menu>标签 ....................................54
3.3 列表的嵌套 ...............................................55
3.3.1 定义列表的嵌套 ................................55
3.3.2 无序/有序列表的嵌套 ........................58
3.3.3 有序列表之间的嵌套 .........................60
课堂演练62
课后作业63
第4章 表格和链接的应用
4.1 创建表格 ...................................................65
4.1.1 表格的构成 .......................................65
4.1.2 表格的标题 .......................................66
4.1.3 表格的表头 .......................................67
4.2 设置表格属性 ...........................................69
4.2.1 表格的宽度 .......................................69
4.2.2 表格的高度 .......................................71
4.2.3 表格的对齐方式 ................................74
4.2.4 表格的背景颜色 ................................75
4.3 设置表格边框属性 ...................................79
4.3.1 表格的边框 .......................................79
4.3.2 表格内框的宽度 ................................81
4.3.3 文字与边框间距 ................................83
4.4 设置单元格样式 .......................................85
4.4.1 设置单元格的大小 ............................85
4.4.2 设置单元格跨度 ................................88
4.5 超链接的应用 ...........................................90
4.5.1 超链接的路径 ...................................90
4.5.2 内部链接 ..........................................91
4.5.3 锚点链接 ..........................................92
4.5.4 外部链接 ..........................................96
课堂演练98
课后作业100
第5章 网页多媒体的应用
5.1 插入多媒体 .............................................102
5.2 audio和video的应用 ............................104
5.2.1 audio与video简介 ...........................104
5.2.2 audio元素的应用 ............................106
5.2.3 video元素的应用 ............................107
课堂演练109
课后作业111
第6章 网页中表单的应用
6.1 表单的基本标签 ..................................... 113
6.1.1 <form>标签 .................................... 113
6.1.2 <input>标签 ................................... 114
6.1.3 <textarea>标签 .............................. 115
6.1.4 <select>标签 .................................. 116
6.2 表单的基本属性 ..................................... 117
6.2.1 action属性 ...................................... 117
6.2.2 name属性 ...................................... 117
6.2.3 method属性 ................................... 118
6.2.4 enctype属性 ................................... 119
6.2.5 target属性 ...................................... 119
6.3 表单对象的应用 .....................................120
6.3.1 文本框 ............................................120
6.3.2 密码域 ............................................121
6.3.3 普通按钮 ........................................122
6.3.4 单选按钮 ........................................123
6.3.5 复选框 ............................................124
6.3.6 提交按钮 ........................................125
6.3.7 重置按钮 ........................................126
6.3.8 图像按钮 ........................................127
6.3.9 隐藏域 ............................................128
6.3.10 文件域 ..........................................129
课堂演练130
课后作业132
第7章 CSS知识概述
7.1 什么是CSS .............................................134
7.2 CSS选择器 .............................................135
7.2.1 基础选择器 .....................................135
7.2.2 集体选择器 .....................................139
7.2.3 属性选择器 .....................................141
7.3 CSS3基础知识 ......................................142
7.3.1 长度单位 ........................................143
7.3.2 结构性伪类 .....................................144
7.3.3 UI元素状态伪类 ..............................150
7.3.4 CSS3新增的属性............................153
课堂演练157
课后作业159
第8章 CSS常用属性
8.1 文本和边框 .............................................161
8.1.1 文本阴影text-shadow .....................161
8.1.2 文本溢出text-overflow ....................171
8.1.3 文本换行word-wrap ........................172
8.1.4 单词拆分word-break.......................173
8.1.5 圆角边框border-radius ...................175
8.1.6 盒子阴影box-shadow .....................176
8.1.7 边界边框border-image ...................178
8.2 颜色样式 .................................................180
8.2.1 使用RGBA颜色值 ...........................180
8.2.2 使用HSL颜色值 ..............................182
8.2.3 使用HSLA颜色值............................182
课堂演练183
课后作业185
第9章 渐变和转换
9.1 渐变简介 .................................................187
9.1.1 浏览器支持 .....................................187
9.1.2 线性渐变 ........................................188
9.1.3 径向渐变 ........................................192
9.2 CSS3转换 ...............................................193
9.2.1 2D转换 ...........................................193
9.2.2 3D转换 ...........................................203
课堂演练211
课后作业213
第10章 盒子模型
10.1 盒子模型 ...............................................215
10.1.1 认识盒子模型 .............................215
10.1.2 外边距设置 ................................215
10.1.3 外边距合并 ................................219
10.1.4 内边距设置 ................................223
10.2 弹性盒子 ...............................................224
10.2.1 弹性盒子基础 .............................225
10.2.2 父级容器的设置 .........................225
10.2.3 对子级内容的设置 ......................235
课堂演练241
课后作业243
第11章 jQuery的简单应用
11.1 认识jQuery .........................................245
11.1.1 jQuery简介 .................................245
11.1.2 为什么要使用jQuery ...................245
11.2 jQuery基础 .........................................246
11.2.1 调用方法 ....................................246
11.2.2 基本语法 ....................................247
11.2.3 选择器 ........................................248
11.2.4 事件 ...........................................252
11.2.5 常用效果 ....................................254
11.3 jQuery中的DOM操作 ......................260
11.3.1 节点操作 ....................................260
11.3.2 属性操作 ....................................262
11.3.3 样式操作 ....................................263
11.3.4 内容操作 ....................................264
11.4 jQuery常用插件 .................................265
11.4.1 jQuery UI ...................................265
11.4.2 jQuery Mobile ............................268
课堂演练271
课后作业277
参考文献 ..........................................................................................................................................279