So, there are really three things tied together here. First you have the page name shown in the left-side inspector. This is what’s shown in the navigation.
Then you have the folder and filename in the general settings of the right-hand inspector. This becomes the file structure on the server and also what makes up the url.
It’s best to use unique folder names and leave the filename as index.html (or php, depending on stacks used). Use only lowercase letters and do not use special characters or spaces. Instead of spaces use either a dash
- or underscore
_. Finally, make sure tidy website links is enabled in the projects advanced settings.
You do not need to use slashes in the folder names. If you nest any pages in the left-side page inspector, the folder name of those pages will be a subfolder of their parent pages.
Here’s a generic example:
Page – folder name [url]
Home -- (blank) [website.com]
About Us -- about-us [website.com/about-us]
History -- history [website.com/about-us/history]
Technical Capabilities -- technical-capabilities [website.com/about-us/technical-capabilities]