정적 웹 사이트 개발

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

"클릭 읽을 때 내가 내 프로젝트의 도입이있는 아래 projects.html를 낳게 될 것이다. 더 각 프로젝트에 대해 나는 새로운 HTML로 리디렉션해야합니다."

필자는 각 프로젝트가 각자의 페이지를 차지해야한다고 생각합니다. 각 페이지가 복잡해질 수 있다고 가정하고 있습니다. 또한 관련없는 프로젝트에 대한 데이터와 같은 페이지의 특정 프로젝트에 대한 데이터는 원하지 않습니다. 동의어 데이터 (예 : 탐색 표시 줄)가있는 경우 PHP와 같은 서버 측 언어로 해당 데이터를 주입하는 것이 가장 좋습니다.

"이 정적 인 웹 사이트를 유지할 권리 폴더 구조입니다."

"오른쪽 폴더 구조가"매우 주관적이다. 대체로 아무리 복잡한 작업이든 관계없이 다른 파일의 모든 파일에 액세스 할 수 있기 때문에 기술적으로 은 구조가 아닙니다.

일반적으로 모든 관련 파일은 파일의 내용을 설명하는 폴더에 보관해야합니다. 페이지 구조가 매우 명확합니다. 그러나, 나는 일반적으로 루트 수준에 자신을 projects_landing_page.html 파일을 이동합니다 : 아래로

<a href="projects/project1.html"> 
<a href="projects/project2.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, 나는 다음의 구문은 다음 각 링크를 참조 것 그러나 어느 쪽의 방법도 완벽하게 유효하기 때문에 개인적인 취향이다.

희망이 도움이됩니다. :)