1. Code it up
A basic website consists of an HTML, CSS, and Javascript file.
- HTML: content (e.g. text, images, links)
- CSS: style (e.g. color, sizing, spacing)
- Javascript: interaction (e.g. buttons, forms, animations)
Feel free to use your own .html, .css, and .js file. If not, open a text editor (e.g. VSCode) on your computer, paste in Hello World
, and save the file as index.html.
Opening the .html file will actually show your website in a browser.
https://www.w3schools.com/whatis/
https://www.udemy.com/course/the-web-developer-bootcamp/ ($)
2. Host the code
Now we store those files on the internet using a hosting service (e.g. Github).
Create a new repository on Github named <user>.github.io
.
Upload your files and click Commit changes.
3. Visit your website
Now head over to <user>.github.io
to see your site!