【问题标题】:How to organize the directory of a basic website如何组织一个基本网站的目录
【发布时间】:2016-03-04 02:05:48
【问题描述】:

我有一个基本的网站,100% 的前端。它在开发过程中驻留在我计算机上的某个文件夹中,并将托管在免费的虚拟主机上。 index.html 位于主目录中。主目录中还有一个 css、js、img 文件夹。因为这是一台 Windows PC,所以这个文件夹不是根目录 (C:),我宁愿没有我的网站在根目录中。

我注意到如果我将一个 url 放在位于 C:\filepath\mainprojectfolder\css\ 的 css 样式表中,就像这样

background: url("img/image1.jpg");

当实际文件位于 \mainprojectfolder\img\image1.jpg 时,这被解释为 C:\filepath\mainprojectfolder\css\img\image1.jpg(解释为从样式表所在的同一文件夹开始) , 并且拥有url("/img/image1.jpg") 将被解释为 C:\img\image1.jpg

如何正确组织我的网站目录?有这方面的标准吗?我不知道这在实际的网络服务器上是如何工作的,但由于这是一个简单的网站,我希望这在我的普通计算机和网络主机上都能正常工作。

【问题讨论】:

    标签: html hosting organization


    【解决方案1】:
    1. 项目文件夹
      • html 文件 您将 html 文件放在项目文件夹中,而不是专用的 html 文件夹中
        • css 文件夹
        • javascript 文件夹
        • 字体文件夹
        • 图像或 img 文件夹

    希望有效

    【讨论】:

    • index.html文件在C:\filepath\mainprojectfolder\index.html,css文件在C:\filepath\mainprojectfolder\style.css,图片文件在\主项目文件夹\img\image1.jpg.
    • 创建一个名为 css 的文件夹并将您的 style.css 文件放入该文件夹,然后添加您的 css 链接 <link rel="stylesheet" type="text/css" href="css/style.css">
    猜你喜欢
    • 1970-01-01
    • 2013-10-04
    • 1970-01-01
    • 2011-08-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-04-30
    • 1970-01-01
    相关资源
    最近更新 更多