📜  HTML 课程 – 启动项目 |创建目录

📅  最后修改于: 2021-08-30 11:48:01             🧑  作者: Mango

课程导航

我们已经学到了很多关于 HTML 的东西。我们知道:

  • HTML 页面的结构。
  • 什么是标签和元素?
  • 关于一些最常用的基本标签的详细说明。
  • 创建了我们的第一个网页来打印“Hello World!”在不同的尺寸。

先决条件:在开始项目之前,我们首先需要下载一个合适的代码编辑器来编写我们的代码。下面给出了一些流行的 HTML 文本编辑器:

  • VS代码
  • 记事本
  • 记事本++
  • 崇高的文字 3
  • 原子

现在让我们从我们在本课程介绍中看到的项目开始。

第一步是创建目录。也就是说,我们需要创建文件夹和文件来编写代码并保持它们的结构,以便编译良好且干净的项目。以下是所需文件和文件夹的列表:

在上图中,您可以在编辑器的左侧边栏中清楚地看到我们在项目中使用的文件夹和文件。但是这里出现了几个问题:

  • 为什么创建这么多文件夹很重要?
  • 创建文件夹要遵循什么约定?
  • 是否有命名文件夹和文件的命名约定?

因此,这些是每个第一次创建项目的人都会想到的一些基本问题。

答案

  1. 如果您不想创建任何文件夹,而是将所有文件、图像等保存在根目录中,并在需要的地方正确链接它们,您的项目仍然可以正常工作。但这还不够。为一组单独的文件创建单独的文件夹可以使其他人组织起来并易于理解。例如,将所有图像保存在名为“image”的单独文件夹中,将所有样式表保存在名为“CSS”的文件夹中等。
  2. 没有这样做的标准约定。每个组织都会创建自己的一套规则来保持事物的结构。但遵循的基本方法是为一组单独的文件保留单独的文件夹,如上所述。
  3. 同样,除了“index.html”之外,没有任何命名文件和文件夹的标准约定。名为“index.html”的页面是浏览器视为主页的项目的基础。因此,您必须将主页命名为“index.html”,对于其余文件和文件夹,您可以将它们命名为最能描述其内容的任何名称。

现在让我们深入了解我们为项目创建的目录的详细信息:

  • 示例项目:这是我们项目的根目录,它将包含我们将在构建项目期间创建的所有文件夹和文件。
  • css :此文件夹将包含我们将用于设置项目样式的所有 CSS 文件。目前,我们将此文件夹保留为空。
  • fonts :此文件夹将包含项目中使用的所有字体文件。
  • images :此文件夹包含我们将在项目中使用的所有图像。目前,这是空的。
  • index.html :名为“index.html”的页面是浏览器视为主页的项目的基础。当我们的网站在浏览器中加载时,其中的所有内容都将呈现。

<< 上一个

下一个 >>