## Make folders
In C: //Users/You/Documents (or wherever you pick), make a new folder called Website (or whatever).
In folder "Website", make 3 new text files called "index.html", "style.css", and "index.js".
In folder "Website", make a folder named "img". Copy images you want to be able to use on your website into this folder "img".
The overall filepath will be C: //Users/You/Documents/Website/index.html (or whichever) and C: //Users/You/Documents/Website/img/ImageFile01.jpg (formats vary) as well.
## Copy-paste code into text files
Copy-paste HTML and CSS from https://www.w3schools.com/howto/howto_js_slideshow.asp
(You can probably use this to play music or audio files instead of a photo slideshow. Slightly different code, but simpler, I expect.)
In index.html, post the **HTML** code. In style.css, post the **CSS** code. In index.js, post the **JavaScript** code.
Correct any filepath pointers to the other text files.
Correct any filepath pointers to image files in the /img/ folder.
## Overall result
..//Website/index.html
..//Website/style.css
..//Website/index.js
..//Website/img/ImageFile01.jpg for as many image files are in /img/ folder.
## More links
Folder structure info: https://appcropolis.com/blog/organize-html-css-javascript-files
Best practices for filenaming conventions: https://blog.rheinwerk-computing.com/best-practices-for-html-naming-convention-and-referencing
Troubleshooting image loading: https://www.thoughtco.com/images-not-loading-4072206 and
For much later: https://github.com/yollinfo/sample-project-html-css-js
#OortArtCloud #VeRantDo #howTo #tutorial #guide #tech #Tech4All
