本书共12章，第1-3章介绍HTML知识，包括文档结构、元素结构和常用元素如图像、超链接等的用法，完成了网页内容的设计。第4-5章介绍CSS基础知识，包括CSS选择器和元素的样式，重点介绍了元素的框模型和背景样式，基于图像背景和背景定位实现了图像精灵，完成了网页样式的初步设计。第6-8章介绍CSS3知识，包括定位、布局和动画的知识，基于定位和动画技术设计了轮播广告和幽灵按钮，基于布局技术设计了某监控系统网页布局，完成了实用复杂网页和网页实用效果的设计。第9-11章介绍jQuery知识，从选择器出发，介绍元素遍历方法和样式操作、jQuery效果与动画，实现了元素的增删改查操作和完善的轮播广告设计，完成了网页功能设计。第12章仿照华为网站首页设计了一个网站首页，将全书内容进行了贯穿和升华。本书可作为高职高专院校网页基础课程的教材；也可作为网站前端开发技术人员的技术参考资料、培训用书或自学参考书。

刘培林有12年的企业软件项目研发经验，主持过载人潜水器操纵模拟器教控软件系统的研发。有15年的软件技术专业实践教学经验，主持了《软件技术》机械行业特色专业建设、无锡市职业教育重点专业建设和江苏省骨干专业建设工作。2008年被推选为江苏省高校"青蓝工程”中青年学术带头人培养对象，2013年被推选为江苏省第四期"333高层次人才培养工程”第三层次培养对象。是九三学社无锡市委履职智库专家和无锡市工信局智能信息领域项目评审专家。主编了《C#可视化程序设计案例教程》江苏省十二五重点建设教材，由机械工业出版社出版，目前版本为第4版，配套建有省级和国家级在线开放课程。2020年主编《Android应用程序设计案例教程》被列为江苏省十三五重点建设教材，预计今年10月由机械工业出版社出版。

第1章　网站开发概述
1.1　工作任务1 新闻公告
1.2　Web标准
1.2.1　Web标准概述
1.2.2　Web标准的作用
1.3　HTML概述
1.3.1　HTML元素
1.3.2　HTML文档结构
1.4　创建与调试HTML项目
1.4.1　编辑器概述
1.4.2　安装HBuilderX编辑器
1.4.3　创建与调试应用程序
1.5　简单HTML元素
1.5.1　HTML注释
1.5.2　HTML头部元素
1.5.3　HTML标题元素
1.5.4　其他常用HTML元素
1.6　任务实施
1.7　习题与项目实战
第2章　HTML基本元素
2.1　工作任务2 图文信息显示
2.2　图像元素
2.3　超链接元素
2.3.1　指定网址链接
2.3.2　文档中指定位置链接
2.3.3　图像链接
2.3.4　电子邮件链接
2.3.5　文档下载
2.4　图像映射
2.4.1　＜map＞元素
2.4.2　＜area＞元素
2.4.3　生成图像映射
2.5　列表元素
2.5.1　无序列表
2.5.2　有序列表
2.5.3　定义列表
2.5.4　列表嵌套
2.6　HTML框架
2.6.1　框架集元素＜frameset＞
2.6.2　框架元素＜frame＞
2.6.3　＜noframes＞元素
2.7　文本格式化
2.8　元素属性
2.9　实体
2.10　任务实施
2.11　习题与项目实战
第3章　表单与表格元素
3.1　工作任务3 填写收货地址表单
3.2　表格
3.2.1　表格元素与属性
3.2.2　表格单元格属性
3.2.3　复杂表格元素
3.3　表单
3.3.1　＜form＞元素
3.3.2　＜input＞元素
3.3.3　下拉列表
3.3.4　文本域
3.4　任务实施
3.5　习题与项目实战
第4章　CSS基础
4.1　工作任务4 设计收货地址表单样式
4.2　CSS概述
4.2.1　CSS语法规则
4.2.2　CSS样式引入方式
4.2.3　简单CSS属性
4.3　简单选择器
4.4　复杂选择器
4.4.1　组合选择器
4.4.2　伪类选择器
4.4.3　伪元素选择器
4.4.4　属性选择器
4.5　元素样式优先级
4.5.1　样式声明方式
4.5.2　样式声明方式的优先级
4.5.3　样式的三大特性
4.5.4　元素样式优先级规则
4.6　任务实施
4.7　习题
第5章　元素的样式属性
5.1　工作任务5 设计用户注册页面样式
5.2　元素框模型
5.2.1　框模型概述
5.2.2　元素占用页面位置计算
5.2.3　元素内边距
5.2.4　元素外边距
5.3　元素边框与阴影
5.3.1　元素边框
5.3.2　圆角边框
5.3.3　元素阴影
5.3.4　文本阴影
5.4　图像背景
5.4.1　背景属性
5.4.2　图像精灵
5.4.3　渐变背景
5.5　列表与表格属性
5.5.1　列表属性
5.5.2　表格属性
5.6　任务实施
5.7　习题与项目实战
第6章　CSS3定位
6.1　工作任务6 轮播广告静态设计
6.2　元素的分类与显示属性
6.2.1　元素的分类
6.2.2　元素的显示属性
6.3　定位概述
6.3.1　定位机制
6.3.2　定位属性
6.4　元素定位
6.4.1　相对定位
6.4.2　绝对定位
6.4.3　子绝父相定位
6.4.4　Z深度
6.4.5　固定定位
6.4.6　黏性定位
6.5　任务实施
6.6　习题与项目实战
第7章　CSS3浮动与布局
7.1　工作任务7 设计网站首页布局
7.2　CSS3浮动
7.2.1　浮动原理
7.2.2　浮动定义
7.3　浮动布局与清除浮动
7.3.1　浮动布局
7.3.2　隔墙法清除浮动
7.3.3　clear属性清除浮动
7.4　Flex弹性布局
7.4.1　Flex布局概述
7.4.2　容器属性
7.4.3　项目属性
7.5　任务实施
7.6　习题与项目实战
第8章　CSS3转换与动画
8.1　工作任务8 轮播广告动画设计
8.2　浏览器前缀
8.3　转换
8.3.1　二维转换
8.3.2　三维转换
8.4　过渡
8.4.1　过渡定义
8.4.2　过渡触发机制
8.4.3　具有默认初始值的属性过渡
8.4.4　幽灵按钮
8.5　动画
8.5.1　定义动画关键帧
8.5.2　元素的动画属性
8.5.3　动画与过渡的区别与联系
8.6　任务实施
8.7　习题与项目实战
第9章　jQuery基础
9.1　工作任务9 设计收货地址表单样式
9.2　jQuery概述
9.2.1　jQuery使用准备
9.2.2　jQuery语法
9.2.3　文档就绪函数
9.2.4　属性操作函数css()
9.3　jQuery选择器
9.3.1　简单选择器
9.3.2　组合选择器
9.3.3　属性选择器
9.3.4　伪类选择器
9.4　元素遍历函数
9.4.1　文档对象模型
9.4.2　元素祖先遍历函数
9.4.3　元素后代遍历函数
9.4.4　元素同胞遍历函数
9.4.5　元素过滤筛选函数
9.5　任务实施
9.6　习题
第10章　jQuery事件与操作
10.1　工作任务10 通讯录维护
10.2　jQuery事件处理程序
10.2.1　事件概述
10.2.2　事件处理程序语法
10.3　属性操作
10.3.1　元素属性操作函数attr()
10.3.2　表单元素值属性操作函数val()
10.4　文档操作
10.4.1　文本操作函数text()
10.4.2　内容操作函数html()
10.5　CSS类操作
10.6　元素操作
10.6.1　元素操作函数
10.6.2　追加元素
10.6.3　替换元素
10.6.4　删除元素
10.7　任务实施
10.8　习题
第11章　jQuery效果与动画
11.1　工作任务11 轮播广告功能设计
11.2　浏览器对象模型
11.2.1　BOM对象
11.2.2　弹出框
11.2.3　定时器
11.3　jQuery效果
11.3.1　隐藏与显示
11.3.2　淡入与淡出
11.3.3　滑动
11.4　jQuery动画与动画停止
11.4.1　jQuery动画
11.4.2　动画与效果的停止
11.5　任务实施
11.6　习题与项目实战
第12章　网站设计综合实训
12.1　仿华为首页布局设计
12.1.1　绘制布局图
12.1.2　设计首页布局
12.2　仿华为首页菜单设计
12.2.1　顶部导航菜单设计
12.2.2　侧边帮助菜单设计
12.3　仿华为首页内容设计
12.3.1　轮播广告设计
12.3.2　推荐信息设计
12.3.3　中分广告设计
12.3.4　新闻与活动设计
12.3.5　查询、链接与页脚设计
12.4　网站设计总结
参考文献