HTML+CSS3+jQuery网页设计案例教程

1.案例设计尽量贴近网页设计的典型应用场景，兼顾了聚焦知识点和完成一个主题的需要，解决了网页设计知识点分散和学习的有趣性问题。2.根据网站前端编程需要对元素和样式的常用属性加以重点介绍，并用典型案例演示用法，实现了知识点、案例、工作任务三者之间的有机融合。3.各章内容充实，知识点组织、安排合理，章节之间衔接自然，难度具有一定的递进关系，符合学习认知规律。

本书共12章，第1〜3章介绍HTML知识，包括文档结构、元素结构和常用元素（如图像、超链接）等的用法，完成网页内容的设计。第4〜5章介绍CSS3的基础知识，包括CSS选择器和元素的样式，重点介绍元素的框模型和背景样式，基于图像背景和背景位置实现图像精灵，完成网页样式的初步设计。第6〜8章介绍CSS3相关的知识，包括定位、布局和动画的知识，基于定位和动画技术设计轮播广告和幽灵按钮,基于布局技术设计某监控系统网页布局，完成实用复杂网页和网页实用效果的设计。第9〜11章介绍jQuery知识，从选择器出发，首先介绍元素遍历和样式操作的函数，然后介绍jQuery事件和元素操作函数，实现元素的增删改查操作，最后介绍jQuery效果与动画，实现轮播广告的全部功能及网站的功能。第12章为综合实训，仿照华为网站首页设计一个网站首页，将全书内容贯穿其中并进行升华。

第1章网站开发概述
1.1工作任务1新闻公告
1.2Web标准
1.2.1Web标准概述
1.2.2Web标准的作用
1.3HTML概述
1.3.1HTML元素
1.3.2HTML文档结构
1.4创建与调试HTML项目
1.4.1编辑器概述
1.4.2安装HBuilderX编辑器
1.4.3创建与调试应用程序
1.5简单HTML元素
1.5.1HTML注释
1.5.2HTML头部元素
1.5.3HTML标题元素
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.6HTML框架
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.2CSS概述
4.2.1CSS语法规则
4.2.2CSS样式引入方式
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.4Z深度
6.4.5固定定位
6.4.6黏性定位
6.5任务实施
6.6习题与项目实战
第7章CSS3浮动与布局
7.1工作任务7设计网站首页布局
7.2CSS3浮动
7.2.1浮动原理
7.2.2浮动定义
7.3浮动布局与清除浮动
7.3.1浮动布局
7.3.2隔墙法清除浮动
7.3.3clear属性清除浮动
7.4Flex弹性布局
7.4.1Flex布局概述
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.2jQuery概述
9.2.1jQuery使用准备
9.2.2jQuery语法
9.2.3文档就绪函数
9.2.4属性操作函数css()
9.3jQuery选择器
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.2jQuery事件处理程序
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.5CSS类操作
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.1BOM对象
11.2.2弹出框
11.2.3定时器
11.3jQuery效果
11.3.1隐藏与显示
11.3.2淡入与淡出
11.3.3滑动
11.4jQuery动画与动画停止
11.4.1jQuery动画
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网站设计总结
参考文献