图书简介:
第三篇 HTML5和CSS3开发基础与应用第7章 HTML5简介 27.1 HTML5的出现 27.2 浏览器对HTML5的兼容性 47.3 HTML5和HTML4的区别 47.3.1 DTD的变化 47.3.2 字符编码的变化 57.3.3 HTML5语法的变化 57.4 HTML5的优势 67.5 本章小结 7第8章 HTML5常用元素和属性 88.1 HTML5保留的常用元素 88.1.1 基本元素 98.1.2 文本格式化元素 118.1.3 超链接和锚点 148.1.4 列表相关元素 158.1.5 表格相关元素 178.2 HTML5新增的常用元素 208.2.1 文档结构元素 208.2.2 文本格式化元素 288.2.3 页面增强元素 298.2.4 多媒体元素 308.3 HTML5的通用属性(全局属性) 328.3.1 HTML5保留的通用属性 328.3.2 contenteditable属性和designMode属性 338.3.3 hidden属性 358.3.4 spellcheck属性 368.4 HTML5废弃的元素 368.5 HTML5废弃的属性 378.6 本章小结 38第9章 HTML5表单相关元素和属性 399.1 HTML5原有的表单元素及表单控件 409.1.1 表单元素 409.1.2 表单控件 419.1.3 表单控件 429.1.4 表单控件、和 439.1.5 表单控件 449.1.6 表单控件 459.2 HTML5表单新增的元素 469.2.1 input元素新增功能类型 469.2.2 HTML5新增的表单控件 559.3 HTML5表单控件新增的属性 559.3.1 form属性 569.3.2 formaction属性 569.3.3 formmethod属性 579.3.4 formenctype属性 589.3.5 formtarget属性 589.3.6 placeholder属性 599.3.7 autocomplete属性 609.3.8 autofocus属性 619.3.9 list属性 619.3.10 pattern属性 629.3.11 novalidate属性 639.3.12 required属性 649.3.13 新增maxlength属性和wrap属性 659.4 本章小结 65第10章 CSS3新增选择器 6610.1 CSS3简介 6610.2 兄弟选择器 6710.3 新增的属性选择器 6810.4 新增的伪类选择器 7210.5 新增的伪元素选择器 7410.6 本章小结 76第11章 CSS3新增属性 7711.1 CSS3新增背景属性 7711.1.1 background-clip 7711.1.2 background-origin 7811.1.3 background-size 8011.1.4 多背景图片 8111.2 CSS3新增字体文本相关属性 8211.2.1 CSS3新增使用服务器字体 8211.2.2 CSS3新增文本属性 8211.3 CSS3新增盒模型属性 8511.3.1 圆角边框 8511.3.2 box-shadow 8611.3.3 resize 8811.3.4 outline-offset 8911.4 CSS3新增变形动画属性 8911.4.1 CSS3的变形属性 9011.4.2 CSS3的3D变形属性 9511.4.3 CSS3的过渡属性 10111.4.4 CSS3的动画属性 10511.5 CSS3新增多列属性 10711.6 本章小结 111第四篇 轻量级框架应用第12章 jQuery基础 11412.1 jQuery框架概述 11412.1.1 jQuery简介 11512.1.2 jQuery优势 11512.1.3 jQuery安装 11612.1.4 jQuery语法 11912.2 jQuery选择器 12012.2.1 id选择器 12012.2.2 类选择器 12212.2.3 标记选择器 12312.2.4 属性选择器 12412.2.5 位置选择器 12712.2.6 后代选择器 13012.2.7 子代选择器 13012.2.8 选择器对象 13112.2.9 选择器对象遍历应用及页面初始化 13312.3 jQuery中的DOM操作 13412.3.1 查找HTML元素 13512.3.2 创建HTML元素 13612.3.3 插入HTML元素 13712.3.4 删除HTML元素 14112.3.5 复制HTML元素 14312.3.6 替换HTML元素 14412.4 jQuery事件 14512.4.1 事件绑定 14612.4.2 鼠标事件 14712.4.3 键盘事件 15212.4.4 表单事件 15512.4.5 窗口事件 15912.4.6 事件冒泡 16112.4.7 事件解除 16512.5 本章小结 169第13章 jQuery效果 17113.1 jQuery容器适应 17113.1.1 元素及浏览器窗口的宽和高 17113.1.2 div自适应窗口高度 17413.2 jQuery标签操作 17613.2.1 标签内容操作 17613.2.2 标签属性操作 18013.2.3 图片轮换效果 18113.2.4 标签样式操作 18313.2.5 选项卡效果 18813.3 jQuery动画 19013.3.1 隐藏和显示 19013.3.2 遮罩层 19213.3.3 淡入和淡出 19413.3.4 动画效果滑动 19513.3.5 页面右下角弹层 19613.3.6 自定义动画方法 19813.3.7 鼠标位置获取 20013.3.8 两级联动 20113.4 jQuery弹窗案例 20313.4.1 弹窗移动分析 20313.4.2 弹窗移动实现 20313.5 图片左右滚动案例 20613.5.1 图片左右滚动分析 20613.5.2 图片左右滚动实现 20713.6 图片放大效果案例 20913.6.1 图片放大效果分析 20913.6.2 图片放大效果实现 21013.7 本章小结 214第14章 jQuery AJAX 21514.1 AJAX简介 21514.1.1 AJAX工作原理 21614.1.2 AJAX原生写法 21614.1.3 jQuery中AJAX语法 21714.2 JSON对象 21714.3 XML使用 21914.4 load() 22114.5 get()和post() 22314.6 AJAX跨域 22514.7 本章小结 226
展开
为积极响应《国家职业教育改革实施方案》,贯彻落实《关于深化产教融合的若干意见》《国家信息化发展战略纲要》的相关要求,应对新一轮科技革命和产业变革的挑战,促进人才培养供给侧和产业需求侧结构要素全方位融合,促进教育链、人才链与产业链、创新链有机衔接,推进人力资源供给侧结构性改革,深化产教融合、校企合作,健全多元化办学体制,完善职业教育和培训体系,着力培养高素质劳动者和技术技能人才。工业和信息化部教育与考试中心依据教育部《职业技能等级标准开发指南》中的相关要求,以客观反映现阶段行业的水平和对从业人员的要求为目标,在遵循有关技术规程的基础上,以专业活动为导向,以专业技能为核心,组织企业工程师、高职和本科院校的学术带头人共同开发了《Web前端开发职业技能等级标准》。本教材以《Web前端开发职业技能等级标准》中的职业素养和岗位技术技能为重点培养目标,以专业技能为模块,以工作任务为驱动进行组织编写,使读者对Web前端开发的技术体系有更系统、更清晰的认识。
随着新一轮科技革命与信息技术革命的到来,推动了产业结构调整与经济转型升级发展新业态的出现。战略性新兴产业快速爆发式发展的同时,对新时代产业人才的培养提出了新的要求与挑战。据中国互联网络信息中心统计,截至2018年12月,我国网民规模达8.29亿人,手机网民规模达8.17亿人,网站数量达523万个,手机App(移动应用程序)在架数量约为449万款。在“互联网+”战略的引导下,Web前端开发人员已经成为网站开发、App开发及人工智能终端设备界面开发的主要力量。企业增加门户网站的推广,从PC端到移动端,再到新显示技术、智能机器人、自动驾驶、智能穿戴设备、语言翻译、自动导航等新兴领域,全部需要运用Web前端开发技术。在智能制造等战略及新兴产业的高速发展中,出现了极为明显的人才短缺与发展不均衡现象。目前,软件开发行业中企业对Web前端开发工程师的需求量极大,全国总缺口每年大约为近百万人。
随着移动互联网技术的高速发展,网站在静态页面的基础上添加了各类桌面软件,网页不再只是承载单一的文字和图片,而是要求具备炫酷的页面交互、跨终端的适配兼容功能,使用富媒体让网页内容更加生动,从而让用户有更好的使用体验,这些都基于前端技术来实现,其中包括HTML、CSS、HTML5、CSS3、AJAX、JavaScript、jQuery等,使得无论是在开发难度上还是在开发方式上,都对前端开发人员提出了越来越高的要求。
本教材分上、下两册,内容包括Web页面制作基础、JavaScript程序设计、HTML5和CSS3开发基础与应用、轻量级框架应用4个篇目14个章节。
第一篇Web页面制作基础。本篇是Web程序设计的基础知识,包含Web基础常识、HTML元素构建页面、CSS基本样式修饰、盒子模型、网页布局等内容。其中包括第1章Web简介,第2章HTML基础,第3章CSS基础。
第二篇JavaScript程序设计。本篇从JavaScript的核心思想“找到页面节点、操作页面节点”出发,层层展开,由浅入深,详细介绍了JavaScript的语法基础、函数、DOM、BOM、事件等常用技术。其中包括第4章JavaScript语法基础,第5章JavaScript对象模型,第6章JavaScript事件处理。
第三篇HTML5和CSS3开发基础与应用。本篇详细剖析HTML5的新特性和新增元素,同时介绍了CSS3新特性,并分析了CSS3中新增的选择器、新的布局、盒模型、文本效果、边框效果、渐变效果、变形效果、动画效果等,完成Web开发中常见的样式。其中包括第7章HTML5简介,第8章HTML5常用元素和属性,第9章HTML5表单相关元素和属性,第10章CSS3新增选择器,第11章CSS3新增属性。
第四篇轻量级框架应用。本篇主要包括jQuery的选择器、标签宽高操作、标签内容操作、标签属 性操作、标签事件操作、标签样式操作、节点动态操作、标签动画效果、鼠标位置获取、AJAX等内容。其中包括第12章jQuery基础,第13章jQuery效果,第14章jQuery AJAX。
本教材主要有以下几方面特色。
1.内容全面,由浅入深
本教材依据打造初级Web前端工程师规划学习路径,详细介绍了Web前端开发中涉及的四大前端技术的内容和技巧,并重点讲解了学习过程中难以理解和掌握的知识点,降低了读者的学习难度。
2.理论和实践相结合
每章都配有一定数量的实用案例,同时在全面、系统介绍各章知识内容的基础上,还提供了可以整合综合知识的案例。通过各种案例将理论知识和实践结合起来。
3.图文并茂
本教材的案例代码大部分都配有相应的运行结果图,效果直观,使读者可以获得感性认识,提高学习效率。
本教材的编写与审校工作由杨沄、贾振洋、田雷、严洁萍、姚莹、陈慕菁完成,董旭依据《Web前端开发职业技能等级标准》对全书做了内容统筹、章节结构设计和统稿。
由于编者水平有限,书中难免存在不足之处,恳请广大读者不吝赐教并提出宝贵意见,相信读者的反馈将会为未来本教材的修订提供良好的帮助。
展开