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

第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 网站设计总结 参考文献