Section 05: Hosting Our First Website!

The goals

💪🏻Understand what "website hosing" or "deployment" are and its meaning

👍🏻Take website online

---

 

 

Deploying a website:

Moving the website code onto a remote machine ("server") that serves the site to visitors

Hosting:

The remote machine ("server") hosts (stores) the website code and serves it to visitors

 

If a website should be visible to other people, it needs to be hosted / deployed

 

A remote machine ('server") holds the website code and sends it to browser that sent a request to that remote machine

 

 

We can easily host our website through Netlify, which is hosting platform.

And if we want to set some customed domain, then we should buy it (its price varies from low to high🫢🫢🫢)

 

What is favicon?

A favicon is a small 16×16 pixel icon that serves as branding for your website. Its main purpose is to help visitors locate your page easier when they have multiple tabs open. Due to their tiny size, favicons work best as simple images or one-to-three characters of text. Favicons are not to be confused with  logos but are sometimes the same. Due to its small size and resolution, the favicon may need to be an even smaller sizer or part of a company’s original logo.

 

Relative vs Absolute paths

 

Relative path (e.g. images/my-image.jpg)

Look for files and folders relative from the source file (i.e. the file that contains this path)

 

Absolute path (e.g. /images/my-image.jpg)

Look for files and folders relative from the root folder (i.e. the main project folder that is being served)

 

 

 

Sources

https://www.geeksforgeeks.org/convert-relative-path-url-to-absolute-path-url-using-javascript/

Convert relative path URL to absolute path URL using JavaScript - GeeksforGeeks

https://www.netlify.com/

Netlify: Develop & deploy the best web experiences in record time