基 础 篇
　网页开发入门 2
1.1　网页基础知识 2
1.1.1　网页与网站 2
1.1.2　经典网页赏析 3
1.1.3　浏览器的兼容性问题 5
1.2 HTML、CSS、JavaScript三者扮演的角色 5
1.2.1　HTML与HTML5的概念 5
1.2.2　CSS与CSS3的概念 7
1.2.3　JavaScript介绍 9
1.3 网页开发环境与工具 10
1.3.1　网页开发环境的种类 10
1.3.2　浏览器的标准模式和混杂模式 13
　图文并茂的页面制作 14
2.1　XHTML与文档类型声明 14
2.2　HTML基础语法 16
2.2.1　HTML标记 16
2.2.2　HTML标记属性 17
2.2.3　添加HTML注释 18
2.3　HTML文档整体结构 20
2.3.1　文档头部 20
2.3.2　文档主体 22
2.4 添加段落 23
2.5 添加标题 24
2.6 文本修饰 24
2.6.1　设置文本加粗 25
2.6.2　设置文本倾斜 25
2.6.3　设置下画线 25
2.7 特殊字符 26
2.8 图片与超链接 27
2.8.1　设置图片 27
2.8.2　添加超链接 29
2.8.3　绝对路径与相对路径 30
2.9 HTML文件命名及代码编写 32
实训任务 花卉图片展页面制作 32
技能训练 苏州园林景点介绍页面制作 34
　表格的应用 35
3.1 创建表格 35
3.1.1 表格的基本构成 35
3.1.2 设置表格的标题 37
3.1.3　添加表头 38
3.2 表格属性设置 39
3.2.1 设置表格边框样式 39
3.2.2 设置宽度和高度 41
3.2.3 设置对齐方式 44
3.2.4　边距与填充 47
3.2.5 背景色设置 49
3.3　跨行和跨列操作 51
3.3.1 跨列操作　 51
3.3.2　跨行操作　 52
3.4　表格嵌套 54
实训任务　使用表格嵌套制作销售员个人主页 55
技能训练　插件中心的设计与制作 57
　HTML5表单的应用 58
4.1 创建表单 58
4.2 表单输入控件 59
4.2.1　定义单行文本框 60
4.2.2　定义密码框 62
4.2.3　定义单选按钮 62
4.2.4　定义复选框 63
4.2.5　定义标准按钮 64
4.2.6　定义提交按钮 65
4.2.7　定义重置按钮 66
4.2.8　定义图像域 67
4.2.9　定义隐藏域 68
4.2.10　定义文件域 69
4.2.11　定义日期选择器 70
4.2.12　定义拾色器 70
4.2.13　定义数值域文本框 71
4.2.14　定义数值域滑动条 72
4.3　定义下拉列表 73
4.4　定义文本域 74
4.5 定义标签 76
4.6 HTML5表单数据内容变化 77
4.6.1　HTML5数据提交格式 77
4.6.2　HTML5数据提交范围 77
4.6.3　HTML5中增加表单数据类型和控件标记 77
4.6.4　新增HTML5表单控件属性 77
实训任务 登录表单的制作 81
技能训练 注册页面的设计与制作 82
提 高 篇
　使用CSS美化页面 84
5.1　CSS基础 84
5.1.1　CSS样式表的概念 84
5.1.2　CSS的选择器 84
5.1.3　CSS样式表引入方式 89
5.2　CSS字体样式设置 90
5.2.1　设置字体 90
5.2.2　设置字体大小 92
5.2.3　设置字体样式-font-style 94
5.2.4　设置字体加粗-font-weight 96
5.2.5　设置字体变体　 97
5.2.6　设置组合字体属性　 98
5.2.7　设置文字颜色-color 99
5.3 文本精细排版 101
5.3.1　添加文本修饰 101
5.3.2 设置文本对齐方式 103
5.3.3 设置文本缩进 104
5.3.4 调整行高 105
5.3.5 转换英文大小写-text-transform 107
5.4　背景设置 108
5.4.1　设置背景颜色 108
5.4.2　插入背景图片 110
5.4.3　设置重复背景图片 111
5.4.4　插入背景附件 112
5.4.5　设置背景图片位置 113
5.4.6　设置背景组合属性 114
实训任务 百度搜索结果页面的样式设计与制作 116
技能训练 新浪新闻页面的制作 117
　层与区块的页面布局 118
6.1 CSS布局基础 118
6.1.1 文档流的概念 118
6.1.2 块级元素与行内元素 119
6.2 创建层 119
6.3 盒子模型 120
6.4 边框属性 122
6.5 填充属性 126
6.6 边距属性 127
6.7 元素浮动 129
6.8 清除浮动 136
6.9 元素定位 138
6.9.1　绝对定位 139
6.9.2　相对定位 143
6.9.3　z-index空间位置 144
实训任务 “厂”字形页面布局设计 145
技能训练 DIV+CSS页面布局建站 149
　多媒体页面设计 150
7.1 HTML5多媒体元素 150
7.1.1　HTML5音频 150
7.1.2　HTML5视频 152
7.1.3　使用DOM控制播放 154
7.2 HTML5 Canvas元素 158
7.2.1　Canvas属性设置 159
7.2.2　Canvas常用方法介绍 160
实训任务　音乐盒的设计与制作 164
技能训练　笑脸的绘制 166
应 用 篇
　列表的应用 168
8.1 列表的建立与使用 168
8.1.1　列表类型 168
8.1.2　无序列表 169
8.1.3　有序列表 170
8.2　嵌套列表 171
8.3　CSS设置列表样式 172
8.3.1　设置列表样式 172
8.3.2　添加列表图像 173
8.4 列表结合CSS的应用 174
实训任务 水平导航栏的制作 176
技能训练　排行榜的设计与制作 183
　JavaScript基础 184
9.1　JavaScript概要 184
9.1.1　什么是JavaScript 184
9.1.2　JavaScript的特点 184
9.2　JavaScript的用法 185
9.3　JavaScript的常量与变量 186
9.3.1　标识符 186
9.3.2　注释 186
9.3.3　数据类型 187
9.3.4　常量 187
9.3.5 变量 188
9.4　JavaScript的运算符 188
9.4.1　算术运算符 188
9.4.2　比较运算符 190
9.4.3　逻辑运算符 190
9.5 流程控制结构 193
9.5.1　顺序结构 193
9.5.2　选择结构 193
9.5.3 循环结构 200
9.6 函数 203
9.7 对象 205
9.7.1　HTML DOM概念 206
9.7.2　对象的属性 206
9.7.3　对象的方法 207
9.7.4　常用对象 207
9.8 事件 212
9.9 jQuery脚本编程 214
9.9.1　jQuery介绍 214
9.9.2　jQuery的特点 214
9.9.3　jQuery应用 215
9.9.4　jQuery选择器 216
9.9.5　jQuery中的DOM操作 219
9.9.6　jQuery中的事件和动画 221
9.9.7　jQuery表单和表格的应用 224
实训任务 登录页面制作 227
技能训练 简易Web计算器功能的实现 231
　综合案例实战 232
10.1 网站设计和准备 232
10.1.1　内容设计 232
10.1.2　Bootstrap的应用 233
10.2　首页制作 234
10.2.1　大背景图片的自适应布局 234
10.2.2　页面浮动元素的制作 235
10.3　子栏目页面的制作 237
10.3.1　景点列表的制作 237
10.3.2　住宿列表的制作 239
10.3.3　交通列表的制作 241
10.4 详情页面的制作 242
10.4.1　景点详情页面的制作 242
10.4.2　住宿详情页面的制作 243