HTML5+CSS3 Web前端开发技术（任务式）课件 01知识链接

HTML5+CSS3Web前端开发技术知识图谱01搭建项目开发环境知识链接01.WEB概述02.03.04.05.主流WEB浏览器常用WEB开发工具WEB标准HTML5的优势WEB概述01WEB标准Internet，又名因特网，国际互联网。指所有使用一定规则的公用交互语言进行通信的计算机连接而成的巨大全球网络。WEB，WorldWideWeb，全球信息网，万维网，互联网。WEB是Internet的一个应用，就是我们日常生活中访问得到各种网站的网页的集合。前端开发前端开发是创建Web页面或App等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。它从网页制作演变而来，名称上有很明显的时代特征。前端招聘岗位Web前端开发岗位群主要包括网页设计、网页制作、响应式页面搭建、移动网页制作与设计、UI设计、HTML5开发、前端开发、网站搭建、网站规划与设计。招聘岗位：前端开发工程师、Web开发工程师、网页开发工程师、HTML开发工程师、App开发工程师、小程序开发工程师…H5开发工程师、移动应用开发工程师、前端架构师…JS开发工程师、Node.js开发工程师、小游戏开发工程师、WebVR开发工程师…前端招聘岗位Web前端开发岗位群主要包括网页设计、网页制作、响应式页面搭建、移动网页制作与设计、UI设计、HTML5开发、前端开发、网站搭建、网站规划与设计。招聘岗位：前端开发工程师、Web开发工程师、网页开发工程师、HTML开发工程师、App开发工程师、小程序开发工程师…H5开发工程师、移动应用开发工程师、前端架构师…JS开发工程师、Node.js开发工程师、小游戏开发工程师、WebVR开发工程师…Web前端开发职业素养单击此处添加正文素养类别素养内容职业道德自觉遵守中国软件行业基本公约有良好的知识产权保护观念，自觉抵制各种违反知识产权保护法规的行为能自觉遵守企业规章制度与产品开发保密制度合作意识具有积极协助同事完成开发任务的意识讲诚信，坚决反对各种弄虚作假现象，对已经承诺的事，要保证做到办助同事全面了解当前的标准工作惯例，包括保护口令和文件、常规的安全措施以及其他息的政策和规程能够与项目组人员协调，确定自己的开发任务质量意识遵守从软件需求分析直到软件验收完成的整个软件开发工作全过程执行和协调软件开发所需的方法、时间表、进度控制和相关软件开发事项能够根据产品经理和主管的要求进行功能开发修改客观地验证软件开发产品，验证开发过程是否遵循了恰当的标准步骤服务意识能够与客户和主管及时沟通前端开发任务需求和进展状况能及时收集用户反馈，提升前端开发的实用性、易用性提高在合理的时间内以合理的费用创建安全、可靠和高质量软件的能力学习意识能自觉跟踪前端开发技术发展动态，积极参与各种技术交流、技术培训和继续教育活动能自觉学习，提高程序编写文档的准确性、语言的流畅性提高对所使用的软件和相关文档的理解，以及对这些软件和文档将要应用的环境的理解主流WEB浏览器02主流WEB浏览器

InternetExplorer微软公司的InternetExplorer，即IE浏览器，是Windows操作系统默认安装的浏览器,虽然IE浏览器已经停止更新和维护，但它仍然有很大的市场占有率。主流WEB浏览器

Edge浏览器

Windows10操作系统中不仅有IE浏览器，还默认安装了微软公司期望用来替代IE浏览器的新一代浏览器——MicrosoftEdge（经典版），即Edge浏览器。在2020年，微软公司在官网放出了基于Chromium内核的新版Edge浏览器。2021年之后发布的Windows10操作系统全部使用基于Chromium内核的新版Edge浏览器来代替Edge（经典版）浏览器。新的Edge浏览器弃用了原来的EdgeHTML渲染引擎而使用Chromium引擎，由此获得了性能、扩展、兼容性上的大幅增强，实现了用户与微软公司的双赢。主流WEB浏览器

FireFox浏览器Mozilla公司的FireFox浏览器（火狐浏览器）是一个开源的自由浏览器。在IE浏览器占领绝大部分浏览器市场的时期，火狐浏览器因自身提供给用户丰富便利的功能性插件和更快的运行速度等优势，深受以程序员为主的用户群体的喜爱，曾连续3年成为最受互联网用户信赖的浏览器。主流WEB浏览器

Chrome浏览器

谷歌公司的Chrome浏览器（见图1-4）由其开源浏览器项目Chromium定制开发而来，因内置强大的JavaScriptV8引擎，并且具有简洁、快速、安全的特点，占据了当前浏览器市场的巨大份额。主流WEB浏览器

国产浏览器

国内很多浏览器，如QQ浏览器、360极速浏览器、百分浏览器等，均同Chrome浏览器一样，是基于Chromium进行二次开发得到的。常用WEB开发工具03常用WEB开发工具

SublimeText4SublimeText由程序员JonSkinner（乔恩·斯金纳）于2008年1月开发，也是程序员用得比较多的一款编辑工具。它有漂亮的用户界面，有菜单和工具栏，还有便利的功能，例如迷你地图、多选择、Python的插件、代码段、完全可自定义键绑定等。SublimeText的主要功能包括：拼写检查、书签、完整的PythonAPI、Goto功能、即时项目切换、多选择、多窗口等。SublimeText4对整体界面风格进行了优化，使用起来更加友好。常用WEB开发工具

VSCodeVisualStudioCode是一款由微软公司开发的跨平台且免费开源的代码编辑器，该软件支持语法高亮、代码自动补全（IntelliSense）、代码重构、代码折叠、代码片段、查看定义等功能，并且内置了命令行工具和Git版本控制系统。用户可以更改主题和键盘快捷方式以实现个性化设置，也可以通过内置的扩展程序商店安装扩展程序以扩展软件的功能等。常用WEB开发工具

HBuilderXHBuilderX是数字天堂公司推出的支持HTML5的Web开发的IDE。H是HTML的缩写，Builder是建设者。HBuilderX是为前端开发人员服务的通用IDE（或者称为编辑器），与VisualStudioCode、SublimeText类似。HBuilderX可以开发普通Web项目，也可以开发数字天堂出品的uni-app项目、5+App项目、wap2app项目。WEB标准04WEB标准网页是有三部分组成：HTML、CSS、JavaScriptWEB标准是由多个网页相关标准构成的标准集合，其中主要有以下三个标准：HTML标准，页面结构标准CSS标准，页面样式标准Javascript标准，页面行为标准HTML标准发展历程版本相关内容HTML1.0在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）HTML2.01995年11月作为RFC1866发布，在RFC2854于2000年6月发布之后被宣布已经过时HTML3.21997年1月14日，W3C推荐标准HTML4.01997年12月18日，W3C推荐标准HTML4.011999年12月24日，W3C推荐标准（仅做了微小改进，HTML标准已经基本成型）XHTML1.0发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布。XHTML1.12001年5月31日发布，W3C推荐标准XHTML2.0W3C在草案阶段中止该标准的制定计划HTML52014年10月28日，W3C推荐标准HTML5的优势05HTML5的优势HTML5标准是受到了广大浏览器厂商和开发者认可和支持的标准。HTML5标准添加了大量的语义化标签，让代码含义更明确，便于搜索引擎解析识别，也便