《Head First HTML and CSS 》学习笔记——4、Web镇之旅

最新推荐文章于 2024-09-22 00:47:50 发布

Stephen-wzw

最新推荐文章于 2024-09-22 00:47:50 发布

阅读量106

点赞数

分类专栏：《Head First HTML and CSS》学习笔记文章标签： css css3 html5 html

本文链接：https://blog.csdn.net/weixin_51370367/article/details/113832190

版权

10 篇文章 0 订阅

订阅专栏

本文介绍了如何将网站发布到互联网，包括选择合适的托管公司、理解域名的重要性以及掌握URL和HTTP的工作原理。同时，详细阐述了在HTML中创建链接到其他页面和使用锚点链接的方法，帮助读者更好地理解和实践Web页面的交互与导航。

摘要由CSDN通过智能技术生成

连接起来

到目前为止，我们做的所有事情都是在自己的计算机上创建HTML页面，所链接的页面也都在自己的计算机上，这一章将讲解如何将自己的Web页面发布到互联网上以及链接的相关内容。

将网站发布到Web上，需要如下几个步骤：

要在Web上发布网页，需要一个在Web上全天工作的服务器。最好的选择是找一家托管公司，让他们考虑保证服务器一直运行的诸多细节问题。不过，不用担心，找一家托管公司很容易，也不贵。

托管指南： 选择托管公司应考虑以下几点

技术支持：这家托管公司有没有一个好的系统来处理你的技术问题？比较好的公司会通过电话或邮件对你的问题迅速做出回应。
数据传输：指托管公司允许你在一定时间内向访问者发送的页面和数据量。大多数托管公司可能或为小网站提供最基本的方案，这些方案中提供的数据传输量并不大。如果你要创建的网站可能有大量的访问，就要仔细考虑这个方面。
备份：这家公司是否会定期对你的页面和数据做备份，从而在服务器出现硬件故障时能够恢复。
域名：托管公司定价中是否包括一个域名？
可靠性：大多数公司都声称保证网站99%以上时间内都能正常运行。
赠品：是否附送了其他赠品，比如Email地址、论坛或脚本语言支持（这对以后很重要）？

域名就是一个唯一的名字，可以用来定位你的网站。google.com、facebook.com、amazon.com、disney.com等网站都是域名。

在这里插入图片描述

首先要知道，你在浏览器中输入的Web地址称为URL，或统一资源定位符（Uniform Resource Locations），是一个全局地址，可以用来定位Web上的任意资源，包括HTML页面、音频、视频或其他很多形式的Web内容。除了指定资源的位置，还可以指定用来获取资源的协议。

在这里插入图片描述

URL的第一部分指出用来获取资源的协议。
第二部分时网站名。
第三部分是从根文件夹到资源的绝对路径。

如果浏览器向Web服务器请求一个目录而不是文件时会发生什么，例如：浏览器可能会请求：

“http://www.starbuzzcoffee.com/images/”——根路径中的images目录

或

“http://www.starbuzzcoffee.com/”——根目录本身

Web服务器接收到一个类似这样的请求时，会尝试查找这个目录中的一个默认文件，通常默认文件名为“index.html”或“default.htm”，如果服务器找到一个这样的文件，就会把它返回给浏览器显示。

HTTP也称超文本传输协议（HyperText Transfer Protocol）。是在Web上传输超文本文档的公认的一种方法。尽管“超文本文档”通常只是指HTML页面，但是这个协议实际上还可以用来传输图像或者Web页面可能需要的任何其他文件。

HTTP是一个简单的请求和响应协议。工作流程如下：

每次在浏览器中输入一个URL时，浏览器就会使用HTTP向服务器请求相应的资源。如果找到这个资源，就会把它返回给浏览器，由浏览器显示。如果找不到呢？服务器就会向浏览器报告“404错误”。

URL并不只是在浏览器中输入，还可以在HTML中使用。如果要建立一个从Starbuzz主页面到咖啡信息网站（http://wickedlysmart.com/buzz）的链接，就可以将它放在一个<a>元素中。如：

<a href="http://wickedlysmart.com/buzz">Caffeine Buzz</a>

<a>元素的其他属性：

注意：

链接页面有两种方式：相对路径（链接同一网站内的页面）和URL（链接其他网站）。
不要过度使用target，只要在适当的情况下用它。
不一定要把target指定为“_blank”（新窗口），如果指定另一个名字，如“coffee"，那么具有相同目标名”coffee“的所有链接都会在同一个窗口打开。
使用target="_blank"时，得到一个新的标签页而不是新窗口，是因为浏览器有一个默认设置，会在一个标签页中打开新窗口，而不是一个全新的浏览器窗口。