How to map out | prepare to make Multipage website?

Question

Like in the files...
How do I organize them
Let’s say I have
Home, Videos [drop down: Funny, How to], and about.

How would I organize the files? What files should I make?

O, also JS, what if I need to use the same variable on a different page? Don’t I have to do something special?

I never made a multipage web before

Answer 1

Usually keep all files in the root directory, but if you have multiple files of single format like multiple js or CSS files, keep them in separate folders. Even if you have multiple videos or images keep them in separate folders, even you can group the images based on dimensions. I usually don't recommend to keep the blog or similar sections in a separate folder unless you have to many of them, this helps in linking the home page or similar in blog pages by giving relative path. If you keep the blog type of files in a separate folder then linking them to the home page of website need to be done by giving complete path. This is how I usually maintain small website, but the file structure depends on your project. Hope it helps you.