HTML+CSS3+jQuery网页设计案例教程
丛 书 名：
工业和信息化部“十四五”规划教材
作 译 者：刘培林
出 版 日 期：2021-12-01
书 代 号：G0424340
Ｉ Ｓ Ｂ Ｎ：9787121424342
图书简介：
本书共12章，第1-3章介绍HTML知识，包括文档结构、元素结构和常用元素如图像、超链接等的用法，完成了网页内容的设计。第4-5章介绍CSS基础知识，包括CSS选择器和元素的样式，重点介绍了元素的框模型和背景样式，基于图像背景和背景定位实现了图像精灵，完成了网页样式的初步设计。第6-8章介绍CSS3知识，包括定位、布局和动画的知识，基于定位和动画技术设计了轮播广告和幽灵按钮，基于布局技术设计了某监控系统网页布局，完成了实用复杂网页和网页实用效果的设计。第9-11章介绍jQuery知识，从选择器出发，介绍元素遍历方法和样式操作、jQuery效果与动画，实现了元素的增删改查操作和完善的轮播广告设计，完成了网页功能设计。第12章仿照华为网站首页设计了一个网站首页，将全书内容进行了贯穿和升华。本书可作为高职高专院校网页基础课程的教材；也可作为网站前端开发技术人员的技术参考资料、培训用书或自学参考书。
-
配 套 资 源
本书资源
-
图 书 内 容
内容简介
本书共12章，第1-3章介绍HTML知识，包括文档结构、元素结构和常用元素如图像、超链接等的用法，完成了网页内容的设计。第4-5章介绍CSS基础知识，包括CSS选择器和元素的样式，重点介绍了元素的框模型和背景样式，基于图像背景和背景定位实现了图像精灵，完成了网页样式的初步设计。第6-8章介绍CSS3知识，包括定位、布局和动画的知识，基于定位和动画技术设计了轮播广告和幽灵按钮，基于布局技术设计了某监控系统网页布局，完成了实用复杂网页和网页实用效果的设计。第9-11章介绍jQuery知识，从选择器出发，介绍元素遍历方法和样式操作、jQuery效果与动画，实现了元素的增删改查操作和完善的轮播广告设计，完成了网页功能设计。第12章仿照华为网站首页设计了一个网站首页，将全书内容进行了贯穿和升华。本书可作为高职高专院校网页基础课程的教材；也可作为网站前端开发技术人员的技术参考资料、培训用书或自学参考书。图书详情
ISBN：9787121424342开 本：16(185*260)页 数：280字 数：448本书目录
第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 网站设计总结 参考文献展开前 言
本书以培养前端工程师为目标，遵循项目导向理念，融合了编者多年的教学实践和改革经验，全面讲解了网站前端开发的知识。全书共 12 章，围绕 3～5 个知识点展开，具有以下特点。 （1）精心设计教材工作任务，全面训练网站前端设计和开发能力。全书围绕典型网站的典型页面设计展开，每章设计一个典型工作任务。任务具有相对的独立性，同时兼顾系统性，每个任务均是综合实训的一个技术或内容点，各子任务完成的同时综合实训设计和技术点也同步完成，综合实训自动融合和升华了书本的全部知识点。 （2）精心设计教材案例。案例设计尽量贴近网页设计的典型应用场景，兼顾了聚焦知识点和完成一个主题的需要，解决了网页设计知识点分散和学习的有趣性问题。 （3）知识点介绍重点突出，难度适中。根据网站前端编程需要对元素和样式的常用属性加以重点介绍，并用典型案例演示用法，实现了知识点、案例、工作任务三者之间的有机融合。 （4）各章内容充实，知识点组织、安排合理，章节之间衔接自然，难度具有一定的递进关系，符合学习认知规律。 （5）每章开头列出学习目标，结尾用思维导图整理知识点，教学目标明确，知识点总结详细，方便了教师的教学和学生的总结复习。 （6）每章配有习题与项目实战，便于教师检验学习效果和学生总结升华。 （7）本书配套资源丰富，建有在线开放课程，方便教师教学和学生预习、复习。课程网址为 https://mooc1.chaoxing.com/course/200843712.html。 本书可用于 32、48、64 课时的教学，详见表 1 的安排，不同课时的教学计划以及课件、程序等相关资源可以通过本书的链接下载。 表 1 课时安排建议 章节 32 课时 48 课时 64 课时 第 1 章 网站开发概述 4 4 4 第 2 章 HTML 基本元素 8 8 8 第 3 章 表单与表格元素 4 4 4 第 4 章 CSS 基础 6 6 6 第 5 章 元素的样式属性 8 8 8 第 6 章 CSS3 定位 0 6 6 第 7 章 CSS3 浮动与布局 0 6 6 第 8 章 CSS3 转换与动画 0 4 4 第 9 章 jQuery 基础 0 0 6 第 10 章 jQuery 事件与操作 0 0 6 第 11 章 jQuery 效果与动画 0 0 4 第 12 章 网站设计综合实训 0 0 0 机动 2 2 2 合计 32 48 64 本书由无锡职业技术学院刘培林、汪菊琴担任主编，无锡职业技术学院张文健、中国船舶重工集团公司第 702 研究所黄翀担任副主编。第 1～3 章由张文健编写，第 4、5、9、10 章由刘培林编写，第 6～8、11 章由汪菊琴编写，第 12 章由黄翀编写。全书由刘培林统稿，无锡职业技术学院杨文珺主审。在编写过程中得到了编者所在单位领导和同事的帮助与大力支持，参考了一些优秀的网页设计书籍和网络资源，在此表示由衷的感谢。 由于编者水平所限，书中不足之处在所难免，欢迎广大读者批评指正。 编 者展开作者简介
刘培林有12年的企业软件项目研发经验，主持过载人潜水器操纵模拟器教控软件系统的研发。有15年的软件技术专业实践教学经验，主持了《软件技术》机械行业特色专业建设、无锡市职业教育重点专业建设和江苏省骨干专业建设工作。2008年被推选为江苏省高校"青蓝工程”中青年学术带头人培养对象，2013年被推选为江苏省第四期"333高层次人才培养工程”第三层次培养对象。是九三学社无锡市委履职智库专家和无锡市工信局智能信息领域项目评审专家。主编了《C#可视化程序设计案例教程》江苏省十二五重点建设教材，由机械工业出版社出版，目前版本为第4版，配套建有省级和国家级在线开放课程。2020年主编《Android应用程序设计案例教程》被列为江苏省十三五重点建设教材，预计今年10月由机械工业出版社出版。 -
样 章 试 读
-
图 书 评 价 我要评论
