How to Put a Website Online: Template, Coding, Domain, Hosting, and DNS

Wordpress sites

Learn how to get your website online with a custom URL and website hosting.

The template website referenced in this video is down. Get the template here:

In this course, you will first learn how to create a simple website using HTML, CSS, and JavaScript, starting with a website template. (If you already have a website—great! Just skip this section and go to the next one.) Then, you will learn how to get a custom URL. Finally, you will learn how to host your website files and make your custom URL point to your website files. You will learn two different ways to host your website, including a way to host your website for free!

This course was created by Beau Carnes.

🔗 Get a .TECH domain name:

🔗 Learn more about HTML and CSS:

⭐️ Course Contents ⭐️
⌨️ (00:00) Introduction
⌨️ (00:34) Creating a website
⌨️ (38:41) Getting a custom URL
⌨️ (42:45) Getting web hosting
⌨️ (48:25) Creating a custom email address
⌨️ (48:25) Updating Nameservers
⌨️ (51:35) Hosting for free with GitHub Pages
⌨️ (56:08) Updating DNS Settings
⌨️ (59:15) Conclusion

⭐️ Special thanks to our Champion supporters! ⭐️
🏆 Loc Do
🏆 Joseph C
🏆 DeezMaster

This course was made possible in part by a grant from Radix, who own the .tech TLD.

33 thoughts on “How to Put a Website Online: Template, Coding, Domain, Hosting, and DNS”

  1. I learnt how to code in HTML and CSS last week, and have been wondering:” okey I can make a simple website now, but how can I put it online so that people can visit it?”. the video came just in time.
    special thanks to you.

    1. I know right? it is like having bunch of tools which you are proficient at it, make some stuffs, yet you can not sold nor show the stuff you made.

    2. Infinity Technology (इन्फिनिटी टेक्नोलॉजी)

      Yes you can try other videos also , to find out more

  2. Excellent video. Very comprehensive on many important steps. Plus. Some great prep talk how on how html, css, javascript works and is manipulated.

  3. This is actually really helpful. My website wasn’t directing to my domain name and for months didn’t know what it was until today. Thank you!

  4. You guys are the real teachers man.. thanks for spending your time and efforts in making such videos.

  5. Shabbir Abdulhussein

    Amazing video. Thanks! Can you speak a little bit about the security/padlock icon that had a cross on it, located before the website URL? What does that mean and how do you get the normal padlock to appear

    1. You need to get an SSL (Secure Sockets Layer) Certificate you should be able to get it through your domain or hosting provider.

  6. sylvio cavalcanti

    Extremely well explained, thank you very much for this super detailed course, as I am a beginner on Web Dev learning from FCC and I’ve just finished the HTML and CSS part, this video was the cherry of the cake.

  7. So clear and so detailed. Exactly what I need as someone who start the career of web developer. I cannot thank you enough for this amazing video.

  8. Such a great tutorial, I was struggling with domain and, hosting but now it’s much clearer, thanks !
    Even better without ads 😍

  9. Akshay Shinde

    I was literally thinking that UI is little hard to create. You teached this very easily Sir. Also got the idea of hosting and domain to use. Thank you so much. I would really love to see your another videos. Appreciated work 🔥🎉🙏👍❤️

  10. Thank you so much!! I needed this. Most videos are about how to set up WordPress websites but that’s not what I wanted. It’s nice to see the whole process laid out like this !

  11. I’ve learned more from this one quick overview video than I have from 10 other videos. Thank you muchly!

  12. CHITUS💖⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻

    Excellent video. Very comprehensive on many important steps. Plus. Some great prep talk how on how html, css, javascript works and is manipulated.

  13. Amazing and straight forward. I have wasted lots of months trying to research and figure everything out, I wish I had found this video 7 months ago.

  14. Academiclibrary

    ⭐️ Course Contents ⭐️
    ⌨️ (00:00) Introduction
    ⌨️ (00:34) Creating a website
    ⌨️ (38:41) Getting a custom URL
    ⌨️ (42:45) Getting web hosting
    ⌨️ (48:25) Creating a custom email address
    ⌨️ (48:25) Updating Nameservers
    ⌨️ (51:35) Hosting for free with GitHub Pages
    ⌨️ (56:08) Updating DNS Settings
    ⌨️ (59:15) Conclusion

  15. 16bitMustache

    thank you so much, this is an incredible video tutorial that is both informative and well put enough for even beginners to understand

  16. Sanskar Vashishtha

    Such a great tutorial! Concise and sufficient. Thankyou you so much Beau! I’ve been learning web development from FCC for the past month and its been a great experience. Its wonderful how such quality courses are available for free!

  17. Rihards Trams

    Great tutorial. Now I know exactly what to do for hosting a website. Huge thanks!!!🙌

Comments are closed.