Question

我正在尝试开发一个静态网站。到目前为止，我所理解和设置的是一个包含css，images文件夹和index.html的文件夹。由于我试图在亚马逊s3上托管它，我还将index.html作为登陆页面。所以我有一个点击的项目标签会转到我可以显示我的项目的新页面。所以我的问题是我应该有一个project.html，我可以在其中介绍我的项目。点击时，为每个项目阅读更多内容，我应该将其重定向到新的HTML。

root/
     css/
     images/
     index.html
     resume.html
     projects/
              projects_landing_page.html
              project1.html
              project2.html
              project3.html

这是维护静态网站的正确文件夹结构。

谢谢。

Answer 1

＆＃34; 我应该有一个project.html，我可以在其中介绍我的项目。单击时，为每个项目阅读更多内容，我应该将其重定向到新的html。＆＃34;

在我看来，每个项目都应该占据自己的页面，因为我假设每个页面都变得非常复杂。除此之外，您不希望在同一页面上关于特定项目的数据与关于不相关项目的数据。如果他们有同义数据（例如导航栏），最好使用服务器端语言（例如PHP）注入它。

＆＃34; 这是维护静态网站的正确文件夹结构。＆＃34;

＆＃34; 正确的文件夹结构＆＃34;是非常主观的。从技术上讲，没有错误的结构，因为您可以访问任何其他文件中的任何文件，无论这样做的操作有多复杂。

话虽如此，您通常希望保留所有相关的＆＃39;文件一起存放在描述文件内容的文件夹中。你自己有一个很好的结构 - 页面分开很清楚。但是，我通常会将projects_landing_page.html文件移动到根级别：

root/
     css/
         style.css
     images/
         image1.jpg
         image2.png
     index.html
     resume.html
     projects_landing_page.html
     projects/
              project1.html
              project2.html
              project3.html

在projects_landing_page.html中，我会使用以下语法引用每个链接：

<a href="projects/project1.html">
<a href="projects/project2.html">

这实际上归结为个人偏好，因为任何一种方法都是完全有效的。

希望这有帮助！：）

开发静态网站

1 个答案: