在上一个视频中,
我们了解到浏览器只需使用HTTPS协议通过互联网向世界上某个地方的服务器发送请求, 然后接收这些JavaScript､ HTML和CSS文件, 以便能够显示网站｡
现在就去
我们如何才能真正检查这一点？
好吧, 我可以去查看开发人员, 这是使用谷歌Chrome｡
所以我建议这部分使用谷歌浏览器, 这样你就可以跟着我做什么｡
如果我转到这里的开发人员工具, 它将打开一个小框, 其中包含一些信息｡
现在我想重点介绍一下这个网络选项卡｡
此网络选项卡将告诉我们从服务器接收到的信息类型｡
如果我在这里刷新, 您会注意到这一点｡
我这里有数据吗？
现在, 您需要确保不涉及筛选器｡
所以我们想在这里说我们想要一切｡
所以没有过滤器, 一切｡
没有搜索正在进行, 我们可以再次刷新｡
好吧, 我们看了很多文件, 但这看起来很吓人｡
让我们想想我们刚刚学到的东西｡
我们了解到, 我们首先得到一个HTML文件, 它恰好是这个文件｡
这里写着文档类型
如果我点击这里, 这是一个HTML文档｡
当我点击刷新时, 服务器的响应, 请记住, 它与世界上某个地方的服务器通信,
该服务器在该计算机上有这些文件｡
这是我们的HTML文件｡
如果我向下滚动｡
你看那个｡
我们可以在这里看到浪漫, 讽刺, 数学和语言的网络漫画, 就在这里｡
还记得我说过HTML是在网站上显示的文本吗？
这是服务器响应的HTML, 浏览器知道如何读取并显示文本｡
那犯罪现场调查局呢
实际上, 我可以单击这里的CSIS选项卡, 然后显示来自服务器的所有CSIS文件｡
你可以看到这里, 这里, 看起来又有点不同｡
它的语法与HTML不同｡
但它在这里所做的就是给我我想要的风格｡
您可以看到这里我们可以选择背景颜色
我们可以选择不同的位置, 宽度左位置｡
这给了我们想要的网站风格｡
然后如果我们转到JavaScript, 我们实际上看到了这个网站使用的JavaScript文件｡
现在我们不必担心JavaScript了｡
JavaScript允许我们在这个网站上进行一些交互, 现在我们可能不需要担心｡
现在, 我想指出的是, 这里还有一些其他的东西, 比如形象和媒体｡
正如你所看到的, 图像, 我们这里确实有一些我们正在使用的图像｡
如果我点击预览, 我们可以看到图像｡
但在一天结束时, 概念是相同的｡
我们有一个HTML文件｡
在我们的例子中就在这里｡
您可以看到HTML文件在没有CSS的情况下是如何显示的, CSS只是我们所拥有的文本数据｡
CSS, 即样式｡
我们的页面, 然后一些JavaScript, 使我们的页面互动, 也许一些图像｡
但说到底, 所有这些东西实际上都只是我们从服务器接收到的文本数据｡
这意味着, 为了能够构建我们的网站, 我们需要创建这三个文件：HTML文件､
CSS文件和JavaScript文件｡
实际上, 如果我们不需要任何交互性, 我们甚至不需要JavaScript文件｡
我们甚至不需要CSS文件｡
如果我们不需要任何样式, 我们甚至可以使用HTML文件｡
在下一个视频中, 我们将构建我们的第一个网站｡
我会看到你在那个｡
再见, 再见, 再见