了解点WEB开发基础知识
TIP
如果你重来都没有接触过编程,那么在我们开始编写HTML和CSS代码之前,需要先了解一些WEB开发相关的一些术语。如:客户端、服务器、前端开发、后端开发、静态和动态网站,还有WEB开发主要会用到哪些语言或技术。
这节课的内容是希望大家对WEB开发的一些基础知识有个概括了解,所以下面我讲的内容你能够体会到大概意思就可,一些术语的解释并不是最准确的,但是这样解释,我觉得会更容易让你理解,所以现在不用去纠结每个术语真正的官方定义。
简单来说,WEB开发其实就是客户端向服务器发送请求数据,然后服务器向客户端返回响应数据。
平常我们都会上网浏览网页,我们以这个来举例。看看当我们访问一个网页的时候,其内部是如何运作的。目前你只要知道浏览器就是一个客户端即可。
比如我们在浏览器地址栏中输入https://blog.yeetu.com
,当我们按下回车键的时候,浏览器就会发送一个请求到https://blog.yeetu.com
所在的服务器,这台服务器内部其实早已存在了构成该网页的所有文件,如:index.html
、style.css
、script.js
和image.jpg
。
当服务器收到这个请求后,它就会把这些文件全部返回给浏览器,浏览器会将index.html
、style.css
、script.js
解析并渲染成任何人都能懂的网页。
这些开发index.html
、style.css
、script.js
文件的工作,我们就叫做前端开发。
而像index.html
、style.css
、script.js
这些浏览器能解析的文件所组成的页面,我们就称为网站的前端。我们这套课程主要要学习的也就是html
和css
.
像我们上面说的,构成网站的文件是直接存储在Web服务器上的,然后当被请求时,原样的发送到浏览器,像这样的站点,我们叫做静态网站。
那什么是后端开发呢?我们以B站
为例,我们在浏览B站的时候,会发现B站上的的很多内容是随时变化的,你每次访问都能发现新的视频、评论、弹幕等。为了做到这点,B站的服务器运行着一整套的应用程序,比如它需要一个大型的文件系统来存储图片、视频、音频等,需要一个大型的数据库系统来存储评论、弹幕、视频访问量等。
要做到这一切,仅仅html
和css
是不够的,为了编写在Web服务器上执行的应用程序,开发者会使用某种后端语言,比如说:node
,php
,python
或java
等。 这些语言会从数据库中读取数据,然后将这些数据组成并翻译成类式静态网站那样的文件,然后将这些文件响应返回给浏览器。
像编写Web服务器上执行的应用程序的开发,我们叫做后端开发, 而这类网站我们就叫它动态网站。
简单来说,静态网站就是直接把html
,css
,js
等文件放在服务器上,只要你不去手动修改它,用户每次访问你的网站看见的内容都是不会改变的。 而动态网站是服务器内的应用程序实时生成的页面,你每次访问网站时,基本上内容都是不一样的。