下面,我们就要正式进入大前端的技能学习了。我们先来了解一下什么是网页。不管你是新手还是懂前端,在日常生活中肯定经常接触到这些东西,比如网站、手机APP、微信小程序、智能电视、大数据可视化大屏、地图应用、web游戏。我们看到的界面其实都是网页,我们还会发现一个特点:我们看到的所有网页都有一个共同的载体,这个载体就是我们的浏览器。没有浏览器,我们的网页就无法执行,就像我们平时使用的APP一样。它们依赖于我们的手机操作系统。如果没有手机操作系统,这些APP软件就无法执行,它们的存在也就没有价值。那么浏览器如何获取这些页面呢?以计算机浏览器为例。当您在浏览器中进入前锋教育网站时,浏览器使用该网站通过互联网向前锋服务器发起请求。服务器收到请求后,会通过网络返回一个文件给浏览器,此文件在浏览器中运行,并生成网页。一个网页的构成主要由三部分组成:HTML、CSS和JavaScript。什么是HTML?它决定了网页上显示什么内容,比如在网页上显示一个按钮;什么是CSS?它可以修改每个内容的外观,包括大小、颜色、位置等。例如,CSS可以将按钮更改为圆角和红色背景的样式。那么什么是JavaScript?它主要负责网页上的一些动态效果,例如:当你点击这个按钮时,会播放一段视频。接下来用一个案例来验证HTML、CSS、JavaScript的作用。现在我们看到这个网页的效果:有内容,有风格,可以交互。接下来,我们删除HTML内容,您会看到浏览器中没有任何内容。然后,我们保留HTML,去掉CSS,发现网站变丑了。只有HTML文字、文字链接和图片,明显杂乱无章。最后,我们删除了JavaScript,只保留HTML和CSS。看起来页面没有太大变化,还是老样子,但是当我们使用搜索引擎的时候,原来的交互效果就没有了。现在,你明白HTML\CSS\JAVASCIPT的作用了吗?构成网页的这三个部分相辅相成,缺一不可。接下来,我们开始学习如何从HTML制作网页。网页技术的发展一直离不开HTML。从1993年HTML诞生到2014年HTML5问世,技术从最初专注于电脑端页面技术转变。开发慢慢涉及到移动设备领域,她和CSS的结合已经不容忽视。今天,HTML5给我们带来了前所未有的产品体验。HTML的探索之旅即将开始。准备和我一起出海吧!
