本书主要围绕HTML5、CSS3、Javascript相关技术讲解网页设计与制作，全书共分三篇：基础篇、 提高篇和应用篇。基础篇包括第一单元Web前端技术开发的基本概念和开发工具的介绍、第二单元可以制作图文并茂的网页、第三单元创建表格、第四单元表单的应用。介绍HTML5标记和属性的使用，能够创建标题、段落、图像、超链接、表格、表单等常见网页元素，生成网页内容。第二部分为提高篇，第五单元介绍CSS基础语法，字体样式设置，文本精细排版、背景样式设置。第六单元介绍盒子模型、层的浮动与定位，页面布局。第七单元介绍多媒体元素视频和音频的使用、Canvas元素的应用。第三部分为应用篇，第八单元介绍制作页面的常用插件导航栏和侧边栏。第九单元介绍JavaScript和jQuery脚本语言的基础开发。第十单元使用流行的bootstrap前端开发框架进行综合网站开发的案例。

1．案例丰富每个知识点配有1个或多个实例，每个单元都设计了配套的实训任务和技能训练，重视技术的应用和实践，从实例到实训任务再到技能训练，循序渐进，层层深入，与此同时，激发读者自身的学习兴趣，形成持久的学习动力。2．简单易用本书配套丰富的立体化的在线学习资源，可以开展线上线下混合式教学。

高莺，扬州大学，管理科学与工程，硕士研究生，目前任职于苏州工业园区服务外包职业学院，主要从事Java程序设计、前端技术开发、基于JSP的Web应用开发等理论课程和相关实训课程的教学。主持或参与校级教改项目3项，校级科研项目5项，横向项目6项，软件著作2项。主持校级网络资源1门，校本教材1本，发表论文3篇等。尤澜涛，副教授，中国计算机学会会员。目前任职于苏州工业园区服务外包职业学院，在国内外学术期刊和国际会议上发表论文20多篇，先后主持10多个教科研项目，累计申请发明专利6项，授权软件著作权10多项。

基 础 篇 网页开发入门21.1 网页基础知识21.1.1 网页与网站21.1.2 经典网页赏析31.1.3 浏览器的兼容性问题51.2 HTML、CSS、JavaScript三者扮演的角色51.2.1 HTML与HTML5的概念51.2.2 CSS与CSS3的概念71.2.3 JavaScript介绍91.3 网页开发环境与工具101.3.1 网页开发环境的种类101.3.2 浏览器的标准模式和混杂模式13 图文并茂的页面制作142.1 XHTML与文档类型声明142.2 HTML基础语法162.2.1 HTML标记162.2.2 HTML标记属性172.2.3 添加HTML注释182.3 HTML文档整体结构202.3.1 文档头部202.3.2 文档主体222.4 添加段落232.5 添加标题242.6 文本修饰242.6.1 设置文本加粗252.6.2 设置文本倾斜252.6.3 设置下画线252.7 特殊字符262.8 图片与超链接272.8.1 设置图片272.8.2 添加超链接292.8.3 绝对路径与相对路径302.9 HTML文件命名及代码编写32实训任务 花卉图片展页面制作32技能训练 苏州园林景点介绍页面制作34 表格的应用353.1 创建表格353.1.1 表格的基本构成353.1.2 设置表格的标题373.1.3 添加表头383.2 表格属性设置393.2.1 设置表格边框样式393.2.2 设置宽度和高度413.2.3 设置对齐方式443.2.4 边距与填充473.2.5 背景色设置493.3 跨行和跨列操作513.3.1 跨列操作 513.3.2 跨行操作 523.4 表格嵌套54实训任务 使用表格嵌套制作销售员个人主页55技能训练 插件中心的设计与制作57 HTML5表单的应用584.1 创建表单584.2 表单输入控件594.2.1 定义单行文本框604.2.2 定义密码框624.2.3 定义单选按钮624.2.4 定义复选框634.2.5 定义标准按钮644.2.6 定义提交按钮654.2.7 定义重置按钮664.2.8 定义图像域674.2.9 定义隐藏域684.2.10 定义文件域694.2.11 定义日期选择器704.2.12 定义拾色器704.2.13 定义数值域文本框714.2.14 定义数值域滑动条724.3 定义下拉列表734.4 定义文本域744.5 定义标签764.6 HTML5表单数据内容变化774.6.1 HTML5数据提交格式774.6.2 HTML5数据提交范围774.6.3 HTML5中增加表单数据类型和控件标记774.6.4 新增HTML5表单控件属性77实训任务 登录表单的制作81技能训练 注册页面的设计与制作82提 高 篇 使用CSS美化页面845.1 CSS基础845.1.1 CSS样式表的概念845.1.2 CSS的选择器845.1.3 CSS样式表引入方式895.2 CSS字体样式设置905.2.1 设置字体905.2.2 设置字体大小925.2.3 设置字体样式-font-style945.2.4 设置字体加粗-font-weight965.2.5 设置字体变体 975.2.6 设置组合字体属性 985.2.7 设置文字颜色-color995.3 文本精细排版1015.3.1 添加文本修饰1015.3.2 设置文本对齐方式1035.3.3 设置文本缩进1045.3.4 调整行高1055.3.5 转换英文大小写-text-transform1075.4 背景设置1085.4.1 设置背景颜色1085.4.2 插入背景图片1105.4.3 设置重复背景图片1115.4.4 插入背景附件1125.4.5 设置背景图片位置1135.4.6 设置背景组合属性114实训任务 百度搜索结果页面的样式设计与制作116技能训练 新浪新闻页面的制作117 层与区块的页面布局1186.1 CSS布局基础1186.1.1 文档流的概念1186.1.2 块级元素与行内元素1196.2 创建层1196.3 盒子模型1206.4 边框属性1226.5 填充属性1266.6 边距属性1276.7 元素浮动1296.8 清除浮动1366.9 元素定位1386.9.1 绝对定位1396.9.2 相对定位1436.9.3 z-index空间位置144实训任务?厂字形页面布局设计145技能训练 DIV CSS页面布局建站149 多媒体页面设计1507.1 HTML5多媒体元素1507.1.1 HTML5音频1507.1.2 HTML5视频1527.1.3 使用DOM控制播放1547.2 HTML5 Canvas元素1587.2.1 Canvas属性设置1597.2.2 Canvas常用方法介绍160实训任务 音乐盒的设计与制作164技能训练 笑脸的绘制166应 用 篇 列表的应用1688.1 列表的建立与使用1688.1.1 列表类型1688.1.2 无序列表1698.1.3 有序列表1708.2 嵌套列表1718.3 CSS设置列表样式1728.3.1 设置列表样式1728.3.2 添加列表图像1738.4 列表结合CSS的应用174实训任务 水平导航栏的制作176技能训练 排行榜的设计与制作183 JavaScript基础1849.1 JavaScript概要1849.1.1 什么是JavaScript1849.1.2 JavaScript的特点1849.2 JavaScript的用法1859.3 JavaScript的常量与变量1869.3.1 标识符1869.3.2 注释1869.3.3 数据类型1879.3.4 常量1879.3.5 变量1889.4 JavaScript的运算符1889.4.1 算术运算符1889.4.2 比较运算符1909.4.3 逻辑运算符1909.5 流程控制结构1939.5.1 顺序结构1939.5.2 选择结构1939.5.3 循环结构2009.6 函数2039.7 对象2059.7.1 HTML?DOM概念2069.7.2 对象的属性2069.7.3 对象的方法2079.7.4 常用对象2079.8 事件2129.9 jQuery脚本编程2149.9.1 jQuery介绍2149.9.2 jQuery的特点2149.9.3 jQuery应用2159.9.4 jQuery选择器2169.9.5 jQuery中的DOM操作2199.9.6 jQuery中的事件和动画2219.9.7 jQuery表单和表格的应用224实训任务 登录页面制作227技能训练 简易Web计算器功能的实现231 综合案例实战23210.1 网站设计和准备23210.1.1 内容设计23210.1.2 Bootstrap的应用23310.2 首页制作23410.2.1 大背景图片的自适应布局23410.2.2 页面浮动元素的制作23510.3 子栏目页面的制作23710.3.1 景点列表的制作23710.3.2 住宿列表的制作23910.3.3 交通列表的制作24110.4 详情页面的制作24210.4.1 景点详情页面的制作24210.4.2 住宿详情页面的制作24310.4.3 交通详情页面的制作 244