项目1 网页网站设计基础
 1.1　网页和网站基础    1
   1.1.1 网页的基本构成要素    3
   1.1.2 网页的相关名词    3
   1.1.3 Web标准    4
 1.2 网页设计原则    5
   1.2.1 以用户为中心    5
   1.2.2 视觉美观    5
  1.2.3 主题明确    6
   1.2.4 内容与形式统一    6
 1.3 网页设计规范    6
   1.3.1 配色原则    6
   1.3.2 设计尺寸规范    7
   1.3.3 字体规范    8
   1.3.4 命名规范    8
 1.4 网站制作流程    9
   1.4.1 确定网站主题    10
   1.4.2 网站整体规划    10
   1.4.3 收集素材    11
   1.4.4 设计网页效果图    12
   1.4.5 搭建网站静态页面    12
   1.4.6 网站发布    12
 1.5 网页制作技术入门    13
   1.5.1 HTML    13
   1.5.2 CSS    13
   1.5.3 JavaScript    13
   1.5.4 常用开发工具    13
 1.6 创建第一个网页    16

项目2 HTML5基础
 2.1 HTML5概述    18
   2.1.1 HTML5的发展历程    18
   2.1.2 HTML5的优势    19
   2.1.3 HTML5语法    20
  2.1.4 HTML5文档的基本格式    21
   2.1.5 HTML文档头部的相关标签    22
 2.2 标签基础    25
   2.2.1 标签的分类    25
   2.2.2 标签的关系    27
   2.2.3 标签的属性    28
 2.3 文本标签    28
   2.3.1 标题标签    29
   2.3.2 段落标签    30
   2.3.3 水平线标签    31
   2.3.4 换行标签    32
   2.3.5 文本样式标签    33
   2.3.6 文本格式化标签    34
   2.3.7 特殊字符    35
 2.4 图像标签    37
   2.4.1 常见图像格式    37
   2.4.2 图像标签<img/>    38
   2.4.3 绝对路径和相对路径    43
 2.5 动手实践    44
项目3 CSS格式化网页
 3.1  CSS3介绍    45
   3.1.1 认识CSS3    45
   3.1.2 CSS样式规则    48
   3.1.3 CSS基础选择器    52
 3.2  CSS设置文本样式    59
   3.2.1 CSS字体样式属性    59
   3.2.2 CSS文本外观属性    65
 3.3 CSS3 新增选择器    75
   3.3.1 CSS3选择器    75
   3.3.2 CSS3的层叠性和继承性    97
   3.3.3 CSS3优先级    99
 3.4 动手实践    104
项目4 网页网站设计基础
 4.1 盒子模型    105
   4.1.1 认识盒子模型    106
   4.1.2 <div>标签    109
 4.2 盒子模型相关属性    111
   4.2.1 边框属性    111
   4.2.2 内边距属性    122
   4.2.3 外边距属性    123
 4.3  背景属性    126
   4.3.1 设置背景颜色    126
   4.3.2 设置背景图像    127
   4.3.3 设置背景图像平铺    129
   4.3.4 设置背景图像位置    131
   4.3.5 综合设置元素背景    133
 4.4 元素的转换    135
   4.4.1 元素的类型    135
   4.4.2 <span>标签    137
   4.4.3 元素类型的转换    139
 4.5 浮动和定位    142
   4.5.1 认识浮动    142
   4.5.2 清除浮动    145
   4.5.3 overflow属性     150
  4.5.4 设置定位    153
 4.6 网页布局    161
   4.6.1 认识布局     161
   4.6.2 单列布局     162
   4.6.3 两列布局    164
   4.6.4 三列布局     166
   4.6.5 通栏布局    168
 4.7　动手实践    170
项目5 为网页添加列表和超链接
 5.1 列表    171
   5.1.1 无序列表     171
   5.1.2 有序列表     173
   5.1.3 定义列表    175
   5.1.4 列表的嵌套     178
 5.2 CSS控制列表样式    180
   5.2.1 list-style-type属性     180
   5.2.2 list-style-image属性     182
   5.2.3 list-style-position属性     183
   5.2.4 list-style属性     185
   5.2.5 背景图像定义列表项目符号     186
 5.3 超链接    188
   5.3.1 创建超链接     188
   5.3.2 锚点链接     190
   5.3.3 链接伪类控制超链接     192
 5.4 动手实践    195
项目6 为网页添加表格和表单
 6.1 表格标记    196
   6.1.1 创建表格     196
   6.1.2 <table>标签的属性     200
   6.1.3 <tr>标签的属性    202
   6.1.4 <td>标签的属性     205
   6.1.5 <th>标签的属性     207
 6.2 CSS控制表格样式    208
   6.2.1 CSS控制表格边框    208
   6.2.2 CSS控制单元格边距    212
   6.2.3 CSS控制单元格宽高    215
 6.3 表单标签    216
   6.3.1 认识表单     216
   6.3.2 创建表单     218
 6.4 表单控件    220
   6.4.1 input控件     220
  6.4.2 textarea控件    228
   6.4.3 select控件     229
  6.4.4 CSS控制表单样式    233
 6.5 动手实践    236
项目7 全新的网页视听技术
 7.1 视听技术    237
   7.1.1 音视频嵌入技术概述    237
   7.1.2 视频和音频文件格式    238
   7.1.3 视频和音频文件的兼容性    239
   7.1.4 嵌入视频     240
   7.1.5 嵌入音频     241
   7.1.6 控制视频宽度和高度     242
 7.2 CSS3过渡    245
   7.2.1 transition-property属性     245
   7.2.2 transition-duration属性     245
   7.2.3 transition-timing-function属性     247
   7.2.4 transition-delay属性    248
   7.2.5  transition属性    248
 7.3 CSS3转换    249
   7.3.1 认识transform    249
   7.3.2 2D转换    249
   7.3.3 3D转换    258
 7.4 CSS3动画    261
   7.4.1 @Keyframes关键帧    262
   7.4.2 animation-name属性    263
   7.4.3 animation-duration属性    263
   7.4.4 animation-timing-function属性    264
   7.4.5 animation-delay属性    265
   7.4.6 animation-iteration-count属性    266
   7.4.7 animation-direction属性    266
   7.4.8 animation属性     267
 7.5　动手实践    268
项目8  JavaScript编程
 8.1 JavaScript概述    269
   8.1.1 认识JavaScript     270
   8.1.2 JavaScript语法规则    271
   8.1.3 JavaScript引入方式     272
 8.2 JavaScript基础    275
   8.2.1 关键字     275
   8.2.2 变量    276
   8.2.3 数据类型     277
   8.2.4 数据类型转换     278
   8.2.5 运算符    279
   8.2.6 运算符优先级     285
 8.3 数组与函数    287
   8.3.1 数组    287
   8.3.2 函数     291
  8.3.3 alert（  ）方法     295
   8.3.4 prompt（  ）方法     295
 8.4 流程控制结构    296
   8.4.1 条件语句     296
  8.4.2 循环控制语句     301
   8.4.3 跳转语句     304
 8.5 对象模型    307
   8.5.1 对象    307
   8.5.2 DOM模型     307
   8.5.3 访问节点     308
   8.5.4 设置节点样式     310
   8.5.5 BOM模型     310
   8.5.6 Date对象     314
 8.6 事件    318
   8.6.1 事件和事件调用     318
   8.6.2 常用JavaScript事件    319
 8.7　动手实践    321

案例设计目录
2.2.4简单的网页28
2.3.8新闻页面37
2.4.4 古诗文排版43
3.1.5文字Logo59
3.2.3 农耕文化75
3.3.4 农耕文化软文推广104
4.1.4 五四运动新闻标题111
4.2.4 中国共青团125
4.3.6 五四青年节海报135
4.4.4 地标导航栏141
4.5.5 吉林市滑雪场160
4.6.6 网页布局170
5.1.5计时单位悬浮框180
5.2.6 琴师导航188
5.3.4 卡片式文本效果195
6.1.6 表格设计网页布局208
6.2.4 求职表216
6.3.3 智慧农业系统登录界面219
6.4.5 农作物档案236
7.1.7 播放列表245
7.2.6 导航栏动画249
7.3.4 卡片翻转特效261
7.4.9 网页创意分区268
8.2.7验证码286
8.3.5 轮播图296
8.4.4 下拉菜单307
8.5.7节日倒计时318
8.6.3 Tab栏切换320