这是我参与「第五届青训营 」伴学笔记创作活动的第 6 天。
处理文件
网站应该保存在哪里？
本地网站：所有相关文件放在一个单独的文件夹中，可以映射出服务器端站点文件结构。
- 选择一个地方来存储你的网站项目。在你选择的地方，创建一个名为 web-projects（或类似）的新文件夹。这是你
所有的网站项目的存放地。 - 在这个文件夹中，创建另一个文件夹来
存放你的第一个网站。称之为 test-site（或更有想象力的东西）。
关于大小写和空格
要求你完全用小写字母命名文件夹和文件，没有空格。这是因为：
- 许多计算机，特别是网络服务器，是区分大小写的。
- 浏览器、网络服务器和编程语言对空格的处理并不一致。最好用连字符（-）而不是下划线（_）来分隔单词。
文件名中应使用连字符。谷歌搜索引擎把连字符当作单词的分隔符，但不会识别下划线。基于此，最好在一开始就养成习惯，文件夹和文件名使用小写，用短横线来分隔。这可以避免许多问题。
网站结构
在我们创建的任何网站项目中，最常见的是一个主页 HTML 文件和包含图像、样式文件和脚本文件的文件夹。现在让我们来创建这些：
index.html****：这个文件一般会包含主页内容，也就是人们第一次进入网站时看到的文字和图片。使用文本编辑器，创建一个名为index.html的新文件，并将其保存在test-site文件夹内。images文件夹：这个文件夹包含网站上使用的所有图片。在test-site文件夹内创建一个名为images的文件夹。styles文件夹：这个文件夹包含用于设置内容样式的 CSS 代码（例如，设置文本和背景颜色）。在你的test-site文件夹内创建一个名为styles的文件夹。scripts文件夹：这个文件夹包含所有用于向网站添加交互功能的 JavaScript 代码（例如，点击时加载数据的按钮）。在test-site文件夹内创建一个名为scripts的文件夹。
文件路径
文件路径的一些通用规则：
- 若引用的目标文件与 HTML 文件同级，只需直接使用文件名，例如：
my-image.jpg。 - 要引用子目录中的文件，请在路径前面写上目录名，再加上一个正斜杠。例如：
subdirectory/my-image.jpg。 - 若引用的目标文件位于 HTML 文件的上级，需要加上两个点。举个例子，如果
index.html在test-site的一个子文件夹内，而my-image.jpg在test-site内，你可以使用../my-image.jpg从index.html引用my-image.jpg。 - 以上方法可以随意组合，比如：
../subdirectory/another-subdirectory/my-image.jpg。
注意：Windows 的文件系统使用反斜杠而不是正斜杠，例如： C:\Windows 。这在 HTML 中并不重要——即使你在 Windows 系统上进行开发，你也应该在代码中使用正斜杠。
