发布了几天文章,小伙伴留言说“快点更新啊”。感谢小伙伴的关注,可毕竟小编是纯手写编辑文章,不是复制粘贴,每天更新一篇文章,都会写到深夜,请理解。
上次我们讲解了计算机相互连接的原理,web编程和网络的OSI七层的关系。如何从一个电脑连接到另一台电脑,如果小伙伴想查看上篇文章,请查看web编程基础这篇文章。
接下来我们继续聊一些web开发的一些基础知识。
1、什么是url?
![6bc2a0dcf81da275a663ff6bf8f7faa4.png](https://img-blog.csdnimg.cn/img_convert/6bc2a0dcf81da275a663ff6bf8f7faa4.png)
url是统一资源定位符(Uniform Resoure Locator URL)的简写。
那究竟什么是url呢?url又是什么东东呢?简单的说,在互联网上 文件、视频、图片都可以当做是资源,那么locator定位 又是什么意思?肯定是查找定位到某个资源在上面位置,uniform就是统一,也就是互联网上所有的资源都可以通过url来进行访问。
url究竟长什么样呢?
比如:
https://www.xxxx.com[:80]/docs/index.php?id=5&name=lisi&sex=man#aaa
上面是一个完整的url
其中 https :// 表示这次访问请求所使用的协议名 :// 代表间隔符
常见的协议包括:http——超文本传输协议资源,https——用安全套接字层传送的超文本传输协议,ftp——文件传输协议,file——当地电脑或网上分享的文件,telnet——Telnet协议
www.xxx.com这个是域名,上节课已经介绍了,具体域名分类,请查看其它文章
[:80] 代表的是端口号,[] 代表为可选参数,也就是默认的web服务端口号是80,具体什么是web服务的端口号,我们在下面讲解
/docs/ 其中“/”是间隔符,docs是目录名称,这个目录,就是我们电脑上的目录,因为我们web服务器安装后,会设置某一个目录名为 web可以访问的目录,在这个目录下创建一个目录名为docs,而我们的url会指定到该目录访问。
index.php 就是我们要访问的文件名称了,在计算机中,任何存储都可以看做是文件,那么尤其是windows系统如何分别他们用什么软件来执行呢?就是依靠后缀名来进行区分。比如.exe文件就是二进制可执行文件,.doc就是我们常说的world文档了,.html就是超文本标记语言,也就是我们说的静态网页,.php就是php文件
?id=5&name=lisi&sex=man 这些都是我们通过url来进行传递的一些参数,什么意思呢?就是我想给该文件传输几个信息,由这个文件来处理这些信息。
其中“?”“&”是参数传递的间隔符,首次用“?”间隔,第二次到第N次用“&”间隔。只有文件名后面接的第一次用“?”间隔,其他都用“&”间隔。
id=5,name=lisi,sex=man,这个好理解了,id这个信息的值是5,name这个信息的值是lisi,sex这个信息的值是man。
#aaa这个是锚点,学过html的小伙伴都知道,网页十分长的话,可以在网页上制作锚点,方便通过超链接来直接访问到这个web网页的位置。(后面的文章会讲解如何制作锚点)
你现在所访问网站的所有可以点击的位置,其实都是一个url。整个互联网都是通过url来进行访问的,甚至我们使用的app、微信公众号,有些都是通过访问url来进行获取数据的。
那么url到底在哪呢?看下图
![2f4f5ec07f3616264239312a19f8d7a2.png](https://img-blog.csdnimg.cn/img_convert/2f4f5ec07f3616264239312a19f8d7a2.png)
![cd09f62b60ae258fccdc583fef4f4100.png](https://img-blog.csdnimg.cn/img_convert/cd09f62b60ae258fccdc583fef4f4100.png)
端口号究竟是什么??
在整个互联网传输的过程,有点像送快递!
![058fb72e92175cbd597fde65f241cfe6.png](https://img-blog.csdnimg.cn/img_convert/058fb72e92175cbd597fde65f241cfe6.png)
我们访问网站是通过浏览器,输入url,发送请求到另外一台电脑,另外一台电脑收到请求之后,给你一个响应文件。
发送包裹也是一样的,首先你要填写 发送人,收件人,你是用什么快递邮寄,发送的是什么包裹,而收到包裹的收件人也会给你回复一个包裹。
发件人,就是你当前自己的ip地址。
收件人,就是web服务器的ip地址。
用什么快递邮寄,就是我们所谓的协议名称,你到底是用http协议传输,还是https协议的传输。
包裹里装的什么东西?就是我们刚才说的url里携带的参数
可这里有一点你没有注意到,现实生活中我们的包裹一般是邮寄到你家楼下,在打电话让你来取快递。
而网络传输,只能到你的电脑,却不知道你家住在几号楼?几单元?也没有电话可以打,就通过端口号来确定,你要访问这台电脑的哪个程序来处理你的请求。
不同的程序,端口号也不同。
常见的端口号有:
端口号WEB都是80端口,SQLServer默认端口1443 mysql默认端口是3306 Oracle 默认端口号为:1521,FTP端口号是 21。
这些端口号会有相应的程序来监听,一旦监听到端口号有请求,就会利用程序来处理请求,来给你回复了。
静态网页和动态网页
在互联网访问的网页中,显示的页面分为静态页面和动态页面两种。
•静态页面:一般是以.html .htm结尾(后缀)的是静态页面
•动态页面:是以.php.jsp.asp等结尾(后缀)的页面是动态页面
那么究竟什么是静态页面?什么是动态页面?
![bc26a7e1d980094f4679bac719779d05.png](https://img-blog.csdnimg.cn/img_convert/bc26a7e1d980094f4679bac719779d05.png)
静态页面,当我们向服务器发出请求的时候,服务器不会执行页面中的代码,而是直接将页面中的代码返回给你,并且后缀名为.htm .html,这种页面就是静态页面,当然也有其他的后缀。这种叫做伪静态后缀(在高级部分讲解)
![0f8ff3c7a6163830ce468f01f8dd8246.png](https://img-blog.csdnimg.cn/img_convert/0f8ff3c7a6163830ce468f01f8dd8246.png)
动态页面,当我们向服务器发出请求之后,服务器一看这个文件的后缀名是.php,不会直接将页面返回,而是服务器先 php程序 执行.php该文件中的代码,将运算的结果返回给浏览器。
我们常见的动态网页,就是由后端编程语言,php、java、asp来编写的。
有的小伙伴会问,我访问www.xxxx.com,既没有写协议名称,又没有写端口号,又没有写文件名,服务器怎么知道我要访问的是什么呢?
默认如果你没有写协议的话,默认是用http协议来访问的,如果没写端口号,默认访问的端口号是80端口,如果没有写文件名,服务器有设置,会遵循服务器设置默认查找的是 index.html、或者是index.htm这两个文件,如果没有找到就会返回404错误代码了。
如果我想要制作一个静态的网页,该如何制作呢?
如果想要制作一个静态网页,需要具备三方面的知识。
•HTML(HyperTextMark-upLanguage)即超文本标记语言,主要是用来制作页面结构。
•CSS:层叠式样式表,设置页面样式,如:颜色、字体等。
•javascript:一般用来制作动态效果和服务器的数据交互,客户端的验证,减少服务器压力。
他们三种技术到底负责的是什么呢?
我们将人来当比喻。
html就相当人的骨架。这个人是高是矮,是胖是瘦?
![c32e1f52e5dec0ada2ee427173c41431.png](https://img-blog.csdnimg.cn/img_convert/c32e1f52e5dec0ada2ee427173c41431.png)
css就是人的皮肤、穿什么颜色的衣服。
![7d21cc06932f782622f8f8ed28b7749c.png](https://img-blog.csdnimg.cn/img_convert/7d21cc06932f782622f8f8ed28b7749c.png)
javascript,就是人做什么事情。
![6fe9a471ba363aa87d0e33670b239780.png](https://img-blog.csdnimg.cn/img_convert/6fe9a471ba363aa87d0e33670b239780.png)
上传这几个图片有点恐怖哈,我只是做一个比喻,更好让大家理解。
网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。
结构就是html、表现就是css、行为就是javascript了。
那么网页的规范是由谁制定的呢?
互联网网页标准化组织,W3C或者叫 万维网联盟(World Wide Web Consortium) 是1994年10月在麻省理工学院计算机科学实验室成立。建立者是万维网的发明者蒂姆·伯纳斯·李。
W3C 最重要的工作是发展 Web 规范,这些规范描述了 Web 的通信协议(比如 HTML 和 XHTML)和其他的构建模块。
网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括HTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型、ECMAScript等。
![a4dd96e9e4ec378df14235341d0c587d.png](https://img-blog.csdnimg.cn/img_convert/a4dd96e9e4ec378df14235341d0c587d.png)
今天这篇文章主要介绍了什么是url,什么是端口号,什么是静态网页,什么是动态网页,网页的组成部分(html、css、javascript)、最后还介绍了网页的规范是由谁制定了网页的规范。
明天我们来讲解html相关的知识。
手写不宜,欢迎小伙伴来点赞关注吧。
(注:本内容属于原创,未经许可严禁抄袭。内容真实性已考证,图片来源于网络,图片如有侵权请联系作者删除)