开发者社区> 小院里的霍大侠> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Web入门开发【七】- 运行原理

简介: 欢迎来到霍大侠的小院,我们来学习Web入门开发的系列课程。首先我们来了解下这个课程能学到什么? 1、你将可以掌握Web网站的开发全过程。 2、了解基础的HTML,CSS,JavaScript语言。 3、开发自己的第一个网站。 4、认识很多对编程感兴趣的朋友,一起学习交流。
+关注继续查看

视频教程:https://developer.aliyun.com/live/250315?spm=a2c6h.26396819.creator-center.18.12a23e18zkIoIO


image

欢迎来到霍大侠的小院,我们来学习Web入门开发的系列课程。

首先我们来了解下这个课程能学到什么?

1、你将可以掌握Web网站的开发全过程。

2、了解基础的HTML,CSS,JavaScript语言。

3、开发自己的第一个网站。

4、认识很多对编程感兴趣的朋友,一起学习交流。

有什么展现成果吗?

完成属于你的网站,展示给你的家人朋友们,比如做一个家人相册网站,是不是有满满的成就感。

自己看视频不会操作怎么办?

学习过程有问题可以加入我们的社群需求帮助。

image

image

Web互联网如何工作

image

本节课程我们来讲下互联网的运行原理,它是如何工作了,前面大家如果跟着学习实践,应该可以会制作自己的网站了。但是可能你不知道它是如何工作的。

所以这里我来简述下整体的运行机制,感兴趣的朋友可以好好学习学习。

image

我们用去商店买东西的案例来解释互联网工作原理。

当你在浏览器里输入一个域名网址时:(代表你去某个商店)

浏览器在域名服务器上找出存放网页的服务器的实际地址(找出商店的位置)。

浏览器发送 HTTP 请求信息到服务器来请求获取对应内容(你走到商店并下订单)。

服务器同意客户端也就是你的请求后,会返回一个“OK”信息,意味着“你可以查看这个网页”,然后开始将网页的文件以数据包的形式传输到你的浏览器(商店给你商品,你将商品带回家)。

浏览器将数据包聚集成完整的网页然后将网页呈现给你(商品被你买到并带回了家))。

客户端和服务器

image

image

客户端是典型的Web用户入网设备(比如,你连接了Wi-Fi的电脑,或接入移动网络的手机)和设备上可联网的软件(通常使用像 Firefox 和 Chrome的浏览器)。

服务器是存储网页,站点和应用的计算机。当一个客户端设备想要获取一个网页时,一份网页的拷贝将从服务器上下载到客户端机器上来在用户浏览器上显示。

名词解释

image

image

TCP/IP: 传输控制协议和因特网互连协议是定义数据如何传输的通信协议。这就像你去商店购物所使用的交通方式,比如汽车或自行车(或是你能想到的其他可能)。

DNS: 域名系统服务器像是一本网站通讯录。当你在浏览器内输入一个网址时,浏览器获取网页之前将会查看域名系统。浏览器需要找到存放你想要的网页的服务器,才能发送 HTTP 请求到正确的地方。就像你要知道商店的地址才能到达那。

HTTP: 超文本传输协议是一个定义客户端和服务器间交流的语言的协议(protocol )。就像你下订单时所说的话一样。

HTTPS:具有加密功能的网络传输协议,通常可以防止黑客恶意篡改,具有端对端安全访问的作用。

代码文件 : 一个网页大体由 HTML、CSS、JavaScript等编码语言组成。

网络资源 : 这是其他组成网页的东西的集合,比如图像、音乐、视频、Word文档、PDF文件。域名:互联网计算机地址定位的一串字符。

image

网页(webpage)

一份能够显示在网络浏览器(如Firefox,,Google Chrome,Microsoft Internet Explorer 或Edge,Apple的Safari)上的文档。网页也常被称作"web pages"(网页)或者就叫"pages"(页面)。

网站(website)

一个由许多组合在一起,并常常以各种方式相互连接的网页组成的集合。网站常被称作"web site"(网站)或简称"site"(站点)。

网络服务器(web server)

一个在互联网上托管网站的计算机。

搜索引擎(search engine)

帮助你寻找其他网页的网站,比如Google,Bing,或Yahoo。

image

记得关注我,跟着我每天学习一点点,让你不再枯燥,不再孤单......

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
移动 Web 开发的10个优秀 JavaScript 框架
选择正确的 JavaScript 框架,对于开发移动 Web 应用程序是至关重要的,也是移动应用程序开发的一项重要任务。开发人员可以使用框架实现的功能高效地达到他们的开发目标。这些预实现的组件采用优秀的设计模式和最佳实践,促进应用程序以标准化的方式开发。最重要的是,它让开人员在开发过程中得心应手。
106 0
【今日推荐】移动 Web 开发的10个最佳 JavaScript 框架
  选择正确的 JavaScript 框架,对于开发移动 Web 应用程序是至关重要的,也是移动应用程序开发的一项重要任务。开发人员可以使用框架实现的功能高效地达到他们的开发目标。这些预实现的组件采用优秀的设计模式和最佳实践,促进应用程序以标准化的方式开发。
1862 0
基于hi-nginx的web开发(python篇)——使用jinja2模板引擎
模板引擎的使用在web开发中是不可避免和必要的。hi.py框架使用jinja2作为模板引擎。 为了使用hi.py提供的jinja2引擎,首先需要引入它: from hi import hi,template 然后就是使用它: 1 @app.
874 0
使用Swagger辅助开发Fabric Application的Web API
前面的几篇博客,我们已经把Fabric环境搭建好了,也可以使用Go开发ChainCode了,那么我们在ChainCode开发完毕后,可以通过CLI来测试ChainCode的正确性,ChainCode开发后,接下来就是关于Application的编写了。
1951 0
第134天:移动web开发的一些总结(二)
1、响应式布局 开发一个页面,在所有的设备上都能够完美展示。 媒体查询:@media screen and (max-width:100px) { } 媒体类型:screen(屏幕) print(打印机)handheld(手持设备)all(通用) 常用媒体查询参数: width —— 视口宽高he...
1534 0
Kotlin + Spring Boot (Gradle) + React.js (Nowa) 集成 Web 开发
Kotlin + Spring Boot (Gradle) + React.js (Nowa) 集成 Web 开发 image.png image.
1160 0
TCP服务端开发为例--web开发不同url请求为何会走不同方法
拿java的web开发为例子,相信有很多小伙伴是做j2EE开发的,htpp请求,json数据传输都是工作中经常用的,查询请求,添加请求,修改请求前端配个url,例如https://localhost/intsmaze/user/add?name=intsmaze。
1270 0
第123天:移动web开发中的常见问题
一、函数库 underscoreJS _.template: /*取到模版当中的字符串*/ var pointTemplateStr = $('#point_template').
951 0
+关注
小院里的霍大侠
致力于兴趣编程,跟着我每天学习一点点;终身学习,一直追求,享受过程,期待未来.....
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Web应用系统性能优化
立即下载
Serverless 开发实战--十分钟上线一个 Web 应用
立即下载
如何利用Redisson分布式化传统Web项目
立即下载