现在开始,我们要正式进入大前端的技能学习了。先来认识什么是网页。
不管你是不是小白,是否了解前端, 在日常生活中,这些东西你一定经常接触,比如网站,手机APP,微信小程序,智能电视,数据可视化大屏,地图应用,网页游戏。
(资料图片仅供参考)
这些我们看到的界面,其实全部都是网页,我们也会发现一个特点:我们所看到的所有网页,他们都有一个共同的载体, 这个载体就是我们的浏览器,没有浏览器,我们的网页就不能执行,这就好像我们平时使用的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 的探索旅程即将开始 准备和我一起扬帆 启航!