目    录第1章  网站前端设计基础    11.1  Web基础    21.1.1  Web的基本概念    21.1.2  了解“Web标准”    21.1.3  静态网页    31.1.4  动态网页    41.2  网站开发    41.2.1  网站开发的基本流程    41.2.2  网站开发的人才需求    51.2.3  网站开发的主要技术    51.3  Web前端开发所需技能    51.3.1  Web前端工程师的工作内容    51.3.2  Web前端工程师需要掌握的技术    61.4  网站开发工具介绍    71.4.1  原型设计工具    81.4.2  技术开发工具    81.4.3  Web调试工具    91.4.4  代码托管工具    9本章小结    10自测题    10第2章  HTML 5基础    112.1  HTML概述    122.1.1  了解HTML    122.1.2  HTML元素    132.2  初识HTML 5    142.2.1  HTML 5的新功能    142.2.2  HTML 5的废弃标记    152.2.3  HTML 5的新增标记    162.2.4  HTML 5的新增属性    162.3  HTML 5的结构    172.3.1  HTML 5的基本结构    172.3.2  编写第一个符合W3C标准的HTML 5网页    182.4  HTML 5文档的常用标记    202.4.1  文本段落的相关标记    202.4.2  图像标记    212.4.3  超链接    212.4.4  列表    232.4.5  表格    252.4.6  HTML 5的音频和视频    272.5  HTML 5的表单元素    292.5.1  创建表单    292.5.2  input输入类型控件    302.5.3  列表框    362.5.4  多行文本输入框    372.5.5  表单控件综合示例    372.6  HTML 5语义化结构性元素    382.6.1  新增的主体结构元素    392.6.2  新增的非主体结构元素    432.7  上机实训：使用结构元素进行网页布局    44本章小结    47自测题    47第3章  CSS基础    493.1  CSS 3概述    503.2  CSS的组成    503.2.1  CSS基本语法规则    503.2.2  选择符的分类    513.3  在HTML中使用CSS样式    573.3.1  行内样式    573.3.2  内部样式    583.3.3  外部样式    593.3.4  CSS的优先级    593.3.5  常用的CSS 3属性前缀    60本章小结    60自测题    60第4章  CSS设计布局    634.1  CSS的盒模型    644.1.1  盒模型的结构    644.1.2  盒模型的元素类型    654.1.3  使用DIV    674.1.4　外边距、内边距与边框的CSS设置    684.1.5  CSS 3对盒模型边框的完善    724.2  网页元素的定位    764.2.1  定位属性position    764.2.2  float浮动定位    784.2.3  其他CSS布局定位方式    804.3  DIV CSS常用的布局方式    824.3.1  单列水平居中布局    824.3.2  浮动的布局    844.3.3  div嵌套布局    864.3.4  CSS 3多列布局    884.4  列表元素布局    904.5  上机实训：布局电商网站首页(制作盒模型)    914.5.1  布局网页的总体结构    924.5.2  头部区域的结构分析及布局    934.5.3  网页主体内容区域的设计    954.5.4  页脚区域的设计    97本章小结    97自测题    97第5章  CSS样式    1015.1  CSS 3字体相关属性    1025.1.1  设置字体属性    1025.1.2  设置字体属性的综合示例    1035.1.3  CSS 3新增的字体属性    1045.2  CSS控制文本的样式    1045.2.1  文本属性    1045.2.2  设置文本属性的综合示例    1075.2.3  CSS 3新增的文本属性    1075.3  使用CSS控制背景    1115.3.1  背景属性    1115.3.2  背景设置综合示例    1135.3.3  CSS 3新增的与背景相关的属性    1145.4  使用CSS设置列表样式    1185.4.1  CSS列表属性    1185.4.2  列表属性的综合示例    1195.5  上机实训    1205.5.1  实训1：制作商品信息展示页面    1205.5.2  实训2：CSS制作二级导航下拉菜单    122本章小结    125自测题    125第6章  JavaScript基础    1276.1  JavaScript概述    1286.1.1  认识JavaScript    1286.1.2  JavaScript的特点和作用    1286.1.3  在网页中使用JavaScript    1296.1.4  JavaScript代码规范    1316.2  变量、数据类型    1316.2.1  变量的声明和使用    1316.2.2  JavaScript的基本数据类型    1336.3  表达式与运算符    1366.3.1  表达式    1366.3.2  运算符    1366.4  流程控制语句    1436.4.1  分支结构    1436.4.2  循环结构    1466.5  JavaScript函数    1496.5.1  函数的定义    1496.5.2  函数的调用    1506.5.3  使用函数的返回值    1526.5.4  函数的嵌套    1536.5.5  内置函数    1546.6  上机实训：制作简易计算器    155本章小结    157自测题    157第7章  JavaScript中的对象    1597.1  JavaScript的常用内置对象    1607.1.1  数组对象    1607.1.2  字符串对象    1647.1.3  日期对象    1657.1.4  数学对象    1687.2  常用文档对象    1717.2.1  文档对象模型    1717.2.2  文档对象的节点树    1717.2.3  文档对象    1787.2.4  表单及其控件对象    1807.2.5  style对象    1837.3  常用窗口对象    1857.3.1  屏幕对象    1857.3.2  window窗口对象    1867.3.3  浏览器信息对象    1887.3.4  网址对象    1897.3.5  历史记录对象    1917.4  上机实训    1927.4.1  实训1：将英文单词首字母改成大写    1927.4.2  实训2：限制多行文本域输入的字符个数    194本章小结    196自测题    197第8章  事件处理    2018.1  认识JavaScript事件    2028.1.1  JavaScript的常用事件    2028.1.2  调用事件处理程序的方法    2038.2  常用事件在网页中的应用    2058.2.1  鼠标事件    2058.2.2  键盘事件    2078.2.3  表单事件    2098.2.4  页面相关事件    2138.3  上机实训：使用JavaScript实现广告图像轮播    214本章小结    218自测题    218第9章  JavaScript 实现Canvas功能    2219.1  创建Canvas元素    2229.2  绘制基本图形    2229.2.1  绘制直线    2239.2.2  绘制圆形    2249.2.3  绘制矩形    2259.2.4  绘制多边形    2269.3  图形的变换    2279.3.1  保存与恢复Canvas状态    2279.3.2  移动坐标位置    2279.3.3  缩放图形    2289.4  特效应用    2299.5  绘制文本    2309.6  上机实训：用Canvas绘制时钟    2319.6.1  绘制静态时钟    2319.6.2  制作动态时钟    235本章小结    236自测题    236第10章  购物车的设计    23710.1  案例导入    23810.2  案例分析    23810.3  操作步骤    23910.3.1  设计购物车的HTML 结构    23910.3.2  购物车的样式设计    24110.3.3  利用JavaScript实现购物车 功能    246参考文献    251