web前端开发需要啥基础知识(零基础教你学前端)

现在开始,我们要正式进入大前端的技能学习了。先来认识什么是网页。

不管你是不是小白,是否了解前端, 在日常生活中,这些东西你一定经常接触,比如网站,手机APP,微信小程序,智能电视,数据可视化大屏,地图应用,网页游戏。

这些我们看到的界面,其实全部都是网页,我们也会发现一个特点:我们所看到的所有网页,他们都有一个共同的载体, 这个载体就是我们的浏览器,没有浏览器,我们的网页就不能执行,这就好像我们平时使用的APP一样,他们要依赖于我们的手机操作系统,如果没有手机操作系统,这些APP软件就不能执行,他们的存在就没有任何价值了,那浏览器如何获取这些网页呢?

以电脑浏览器为例,当你在浏览器中输入千锋教育网址,浏览器使用这个网址,通过互联网去向千锋服务器发起请求,服务器得到请求之后, 再通过互联网会向浏览器中返回一个文件,这个文件在浏览器中运行,它就生成了一个网页。

web前端开发需要啥基础知识(零基础教你学前端)(1)

网页的的组成主要就是三个部分内容,分别是 :HTML、CSS 和 JavaScript。

什么是HTML呢?它决定了网页里显示什么内容, 比如在网页中显示一个按钮;

什么又是CSS呢? 它可以修饰每一个内容的外观,包括大小、颜色、 位置等内容, 比如CSS可以把按钮变成带有圆角并且红色背景的样式。

那什么是JavaScript呢? 它主要是负责网页中一些动态的效果, 例如:当你点击这个按钮的时候,就会播放一段视频。

接下来用一个案例来验证一下HTML,CSS,JavaScript的作用,

现在我们看到的是这个网页的效果: 有内容 、有样式、并且可以交互

接下来,我们把 HTML 的内容删除掉,会看到浏览器中什么内容都没有了

web前端开发需要啥基础知识(零基础教你学前端)(2)

web前端开发需要啥基础知识(零基础教你学前端)(3)

然后,我们保留 HTML,同时把 CSS 去掉,我们发现,网站变得丑陋了。 只有HTML的文本 文字链接和图片了, 显的杂乱无章。

web前端开发需要啥基础知识(零基础教你学前端)(4)

最后,我们把 JavaScript 去掉,只保留 HTML和CSS,看起来页面好像没有什么变化, 还是老样子,但是我们在使用搜索引擎的时候, 原有的交互效果都已经不见了。

web前端开发需要啥基础知识(零基础教你学前端)(5)

现在,你理解HTML\CSS\JAVASCIPT 的作用了吗?构成网页的这三个部门相辅相成 缺一不可。

接下来 我们从 HTML 开始学习如何制作网页了, 网页技术的发展始终离不开 HTML从1993年HTML的诞生 到2014年HTML5的问世 短短的十几年时间 技术由原来的只关注电脑端页面技术发展 慢慢涉及移动设备领域 对于她和CSS的结合再也不容忽视 时至今日 HTML5已经给我们带来了前所未有的产品体验

HTML 的探索旅程即将开始 准备和我一起扬帆 启航!

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页