{"id":6650,"date":"2023-08-17T20:52:17","date_gmt":"2023-08-17T12:52:17","guid":{"rendered":"https:\/\/people.utm.my\/shahabuddin\/?p=6650"},"modified":"2023-08-22T12:12:53","modified_gmt":"2023-08-22T04:12:53","slug":"how-to-put-an-html-website-online-on-the-internet","status":"publish","type":"post","link":"https:\/\/people.utm.my\/shahabuddin\/?p=6650","title":{"rendered":"Steps to Publish an HTML Website Online and Make it Accessible on the Internet"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/www.youtube.com\/watch?v=p1QU3kLFPdg\n<\/div><figcaption class=\"wp-element-caption\">By <a href=\"https:\/\/www.youtube.com\/@SuperSimpleDev\">SuperSimpleDev<\/a><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Learn how to put a website online on the Internet for free with GitHub Pages (using a free GitHub Pages domain name). Learn how to buy and set up a custom domain name (like &#8220;mywebsite.com&#8221;). Learn how to set up HTTPS SSL encryption for free. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sample website you can practice with: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/redirect?event=video_description&amp;redir_token=QUFFLUhqblZmbFRkQV9wWjItb2FzSV9FRExkVDdLcjhfQXxBQ3Jtc0tsdWtRQ1pPYVFYMkozbHZLS012YzAtVTUxR2NyOXhsaV9tbVE2ZWtFV1d2R3hEbkQtYUVzX0gzR2ZiT1BCeFF0azkwMFpuSEYzd041c21zNkV0UEd4dTZtZk9fRGp1eUtKaUNmSmtyeGV6TUZLcVJuSQ&amp;q=https%3A%2F%2Fgithub.com%2FSuperSimpleDev%2Fgithub-pages-example&amp;v=p1QU3kLFPdg\" target=\"_blank\">https:\/\/github.com\/SuperSimpleDev\/git&#8230;<\/a> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Namecheap: Use coupon NEWCOM598 to get a .com domain for $5.98 (33%+ OFF, new accounts only). <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">!!! Note: don&#8217;t use the Honey extension because it steals affiliate commissions. !!! <a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/redirect?event=video_description&amp;redir_token=QUFFLUhqa2ZTMDFKSHZqVG5RbTZzMHBQZEk1RG00allfZ3xBQ3Jtc0trdmVQUkJHUDJKTDVQNFhMcGhnankySkx2X2J6NHY2c1I4SVd6Zkp5ZXVFOS1VRVlNdmtaa3Yyanl6M3NHRjVzdWh6UW1ad1ZtNVFrM20xS2NmSldVbUhrUFRkNGZDa0FONmRlQTdPbHk2Y2FnaFRvVQ&amp;q=https%3A%2F%2Fnamecheap.pxf.io%2Fc%2F3110155%2F1217137%2F5618&amp;v=p1QU3kLFPdg\" target=\"_blank\">https:\/\/namecheap.pxf.io\/c\/3110155\/12&#8230;<\/a> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you purchase your first domain name through the link above (without using Honey) Namecheap will give this channel $1 &#8211; $2. Thank you! <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">DNS instructions for other domain registrars: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/redirect?event=video_description&amp;redir_token=QUFFLUhqbTBnQU1LLV8wVHJNb2R4c0lXcTV3N3VobWRFZ3xBQ3Jtc0trNVcza0ljTG5zRlZuT2Vhc1pUSTktTEZPaGVMeWdIRVFWMHZPVnFvcTZsRF9XdFpzWGZiTFZ4TWVzUmpvd2dfbVl1d2dfWXUxazZGYm9ncnMtZnN2RlJhZUl4T3hlMnFLQS1ra0I0ZHhJSFhWLUJGOA&amp;q=https%3A%2F%2Fsupersimple.dev%2Finternet%2Fdns-records&amp;v=p1QU3kLFPdg\" target=\"_blank\">https:\/\/supersimple.dev\/internet\/dns-&#8230;<\/a> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">DNS lookup tool (IPv4): <a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/redirect?event=video_description&amp;redir_token=QUFFLUhqbDRMT1gweDBFWjVfWTUzM2ZaZVRxVmZsc1JWUXxBQ3Jtc0tteEUzYjVsOUxkbVNNblpVMTM2NkxMeEF3bmdvWFZJSjhTdkpsZkdfVUt1VHc5ak9GRUNiVHFGNmU1dTQwSEQtX19uNmtVQjcwUGJsSkVQcXhCMXRlbUxNZ0VQVnJCbTh3V2stbVUzRkktUW5DUmdVOA&amp;q=https%3A%2F%2Fmxtoolbox.com%2FDNSLookup.aspx&amp;v=p1QU3kLFPdg\" target=\"_blank\">https:\/\/mxtoolbox.com\/DNSLookup.aspx<\/a> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">DNS lookup tool (IPv6): <a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/redirect?event=video_description&amp;redir_token=QUFFLUhqa25EUmlENi1UdFlQbVRkTS1LZmRjb0oyeWZmZ3xBQ3Jtc0tubXBCZjdpQkM5RTU5YmM3ejItenlwd0xkV0swSnA0Sk9VeFpkMzNJTGV0MjhCX1V1TkczV1F0MTM4QmRmZ0kzamNIM3VDTUdtN1F0UV83eDFjMUZtWkQ4Yi1YWmJyVlQ4VEwzMnhVdmxpcGxYSElXcw&amp;q=https%3A%2F%2Fmxtoolbox.com%2FIPv6.aspx&amp;v=p1QU3kLFPdg\" target=\"_blank\">https:\/\/mxtoolbox.com\/IPv6.aspx<\/a> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Why we set up www subdomain: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/redirect?event=video_description&amp;redir_token=QUFFLUhqbWxOeURkUHhiMFlJWkJ4Sm5NLUJfOGpwaEpvZ3xBQ3Jtc0ttbU1YVks5eTdNNVZkNWhwVEc5WHVqc1ZFeVF3cDFrSEF1b3ZPd3U0N3ZRRDcyR0hmTXNGOVpBcWFPM0NIOU12aFdLV3EtSHAxVXhZUFcwN3ptWVpuMlkwaERDcG1vbHpIQ3lySU1tTVBCbURCQ18xaw&amp;q=https%3A%2F%2Fwww.yes-www.org%2Fwhy-use-www%2F&amp;v=p1QU3kLFPdg\" target=\"_blank\">https:\/\/www.yes-www.org\/why-use-www\/<\/a> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Reference: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/redirect?event=video_description&amp;redir_token=QUFFLUhqbW1JdGk5SldMTkFuMm1UUnJQUGFOVFZwakhUQXxBQ3Jtc0trMndWRHhGSUlhc3A5cllHT1RVTFRaMzZaVDN3VVFuRG44dEJ1b1FoU0ZST21iYnF2cUdTZzhBcEs1QXFEM19FQUxSanZwajJTUVI5dUsxbHFTYUY1ekRpQklUVUx3VVZMNDMwaXUtVWUzOGUzVUp2Zw&amp;q=https%3A%2F%2Fsupersimple.dev%2Finternet%2Fgithub-pages&amp;v=p1QU3kLFPdg\" target=\"_blank\">https:\/\/supersimple.dev\/internet\/gith&#8230;<\/a> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Exercises and solutions: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/redirect?event=video_description&amp;redir_token=QUFFLUhqbW5ucjJZMkgyc29TSWpoVUxiYXlOMV9VZ3Z6d3xBQ3Jtc0tta2g3NmtUWllQdmhnX0VIZ3NTX3NYTC1Pd3p4WnItcnNqOElwVjNhM3FkUHNqejNISTFuWVg2UTl5d195RGd4bzk5NlM2TlRSeVgyWTkwMGV6ODhMZWlrdzJoUl8xcXBkZDRuLV9YbnZkSWNlOTBiZw&amp;q=https%3A%2F%2Fsupersimple.dev%2Fcourses%2Fgithub-pages-course&amp;v=p1QU3kLFPdg\" target=\"_blank\">https:\/\/supersimple.dev\/courses\/githu&#8230;<\/a> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">HTML &amp; CSS Full Course: <a href=\"https:\/\/www.youtube.com\/watch?v=G3e-cpL7ofc&amp;t=0s\">&nbsp;&nbsp;&nbsp;\u2022&nbsp;HTML&nbsp;&amp;&nbsp;CSS&nbsp;Full&nbsp;Course&nbsp;&#8211;&nbsp;Beginner&nbsp;to&nbsp;Pro&nbsp;&nbsp;<\/a> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">JavaScript Full Course: <a href=\"https:\/\/www.youtube.com\/watch?v=DqaTKBU9TZk&amp;t=0s\">&nbsp;&nbsp;&nbsp;\u2022&nbsp;BEST&nbsp;JavaScript&nbsp;Tutorial&nbsp;for&nbsp;Beginner&#8230;&nbsp;&nbsp;<\/a> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">GitHub Pages Docs: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/redirect?event=video_description&amp;redir_token=QUFFLUhqbUZJZ2F2empYcnU0dVA1OTF3WUxiYkVCNVgyZ3xBQ3Jtc0tsOEhfZ2VJV2MwWk9RTUZ4cDFicUpKczBhbC1hVHNkWU5ZYzBzRDBOLTRyNFRfZndQQ3pNLTF3RVNDVnNxa0dtR05waFdfM3AtS3pVNHZUVWRUNnVmbzdaSF9LVV9vR3F2Q052MDFScFVKTGhMdGJ6VQ&amp;q=https%3A%2F%2Fdocs.github.com%2Fen%2Fpages%2Fgetting-started-with-github-pages&amp;v=p1QU3kLFPdg\" target=\"_blank\">https:\/\/docs.github.com\/en\/pages\/gett&#8230;<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=p1QU3kLFPdg&amp;t=0s\">0:00<\/a> Intro <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=p1QU3kLFPdg&amp;t=24s\">0:24<\/a> 1. Put a website on the Internet <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=p1QU3kLFPdg&amp;t=214s\">3:34<\/a> Upload our code to GitHub <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=p1QU3kLFPdg&amp;t=422s\">7:02<\/a> How GitHub Pages works <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=p1QU3kLFPdg&amp;t=504s\">8:24<\/a> Add an index.html <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=p1QU3kLFPdg&amp;t=651s\">10:51<\/a> 2. Set up a domain name <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=p1QU3kLFPdg&amp;t=754s\">12:34<\/a> Get a new domain name <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=p1QU3kLFPdg&amp;t=937s\">15:37<\/a> How the Internet Works <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=p1QU3kLFPdg&amp;t=1131s\">18:51<\/a> Set up DNS A Records <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=p1QU3kLFPdg&amp;t=1315s\">21:55<\/a> Find the IP addresses of GitHub Pages <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=p1QU3kLFPdg&amp;t=1440s\">24:00<\/a> Set up www subdomain with CNAME Record <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=p1QU3kLFPdg&amp;t=1567s\">26:07<\/a> Link our domain name in GitHub Pages <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=p1QU3kLFPdg&amp;t=1651s\">27:31<\/a> Set up HTTPS for free in GitHub Pages <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=p1QU3kLFPdg&amp;t=1745s\">29:05<\/a> Thanks for watching!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to put a website online on the Internet for free with GitHub Pages (using a free GitHub Pages domain name). Learn how to buy and set up a custom domain name (like &#8220;mywebsite.com&#8221;). Learn how to set up HTTPS SSL encryption for free. Sample website you can practice with: https:\/\/github.com\/SuperSimpleDev\/git&#8230; Namecheap: Use coupon [&hellip;]<\/p>\n","protected":false},"author":6946,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[24,25,5],"tags":[863,862,525,860,37,861,858,859,380],"class_list":["post-6650","post","type-post","status-publish","format-standard","hentry","category-knowledge","category-public","category-teaching","tag-dns","tag-domain","tag-free","tag-github","tag-internet","tag-namecheap","tag-setup","tag-tutorial","tag-website"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"slider-thumb":false,"pop-thumb":false},"uagb_author_info":{"display_name":"Dr. Shah","author_link":"https:\/\/people.utm.my\/shahabuddin\/?author=6946"},"uagb_comment_info":0,"uagb_excerpt":"Learn how to put a website online on the Internet for free with GitHub Pages (using a free GitHub Pages domain name). Learn how to buy and set up a custom domain name (like &#8220;mywebsite.com&#8221;). Learn how to set up HTTPS SSL encryption for free. Sample website you can practice with: https:\/\/github.com\/SuperSimpleDev\/git&#8230; Namecheap: Use coupon&hellip;","_links":{"self":[{"href":"https:\/\/people.utm.my\/shahabuddin\/index.php?rest_route=\/wp\/v2\/posts\/6650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/people.utm.my\/shahabuddin\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/people.utm.my\/shahabuddin\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/people.utm.my\/shahabuddin\/index.php?rest_route=\/wp\/v2\/users\/6946"}],"replies":[{"embeddable":true,"href":"https:\/\/people.utm.my\/shahabuddin\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6650"}],"version-history":[{"count":4,"href":"https:\/\/people.utm.my\/shahabuddin\/index.php?rest_route=\/wp\/v2\/posts\/6650\/revisions"}],"predecessor-version":[{"id":6739,"href":"https:\/\/people.utm.my\/shahabuddin\/index.php?rest_route=\/wp\/v2\/posts\/6650\/revisions\/6739"}],"wp:attachment":[{"href":"https:\/\/people.utm.my\/shahabuddin\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6650"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/people.utm.my\/shahabuddin\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6650"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/people.utm.my\/shahabuddin\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}