Website Hierarchy

Question

I've been working on a site for someone but I'm a bit confused how to set up the files and how to write the code for the pages in proper hierarchical format.

I sort of had it hard coded to a path

/WebsiteName/Pagefolder/Page.html

and I have to change the paths so that it is "in a relative directory structure" with index.html at the top and I guess a style folder with CSS and JS subfolders .

How do I fix this?

Right now I have something like

WebsiteFolder

• index.html
• style folder
  • css
    • web.css
  • js
    • table.js
• images
  • all the images are under here
• Page
  • Page.html

and there are about 8 pages.

so the path for a page is: /WebsiteFolder/Page/Page.html

and when it calls the css file it is /WebsiteFolder/stylefolder/css/web.css

there was something mentioned about using a ../ method?

I'm just confused here