How To Make A Website

Hello, my name is Ruben Gutierrez and I'm a Website Developer and today I'm going to be showing you how to make a website.

Overcomplicating Website Development

I feel like a lot of "how to make a website" tutorials are very confusing with a ton of extra details that take away from understanding the fundamentals of making a website.

Website Are Just A Group Of Files

So to start off, the first thing you need to understand is that websites are just a group of files that sit inside a folder hosted on a server.

What Types of Files Make Up A Website

Website development can get complicated, but to make a basic website all you really need are these main types of files.HTML, CSS, & Javascript. These three types of files give your webpage structure, design, and logic. Read more below.

HTML

Defines elements and gives structure to the website

The HTML File Extension Looks like this

index.html

CSS

Gives A Webpage it's visual elements, provides.

The HTML File Extension Looks like this

application.html

Javascript

Provides Logic, Animation.

The HTML File Extension Looks like this

javascript.html

What You'll Need To Make A Website

You don't need anything fancy to make a basic website, in fact you can even use a standard text editor but I wouldn't recommend it.

What I would recommend is that you use a tool like VsCode which is like a text editor but it provides a lot of extra tools that visually highlight your code and make it significantly easier to structure your code and create web pages. Plus it's free.

Before We Begin To Write Any Code

The first thing you need to understand about websites is that website are basically just a group of certain types of files. Websites and programming in general can be very off putting to people becasue

Step 1: Create A Folder

Now that you undertand that we can move on to the you're going to do is create a folder so that you can store all you're files, name it whatever you like. To create a folder you need to right click on your scroll down to "New" and click itI suggest right clicking on your desktop and heading down t up the folder in your text editor.

Step 2: Creating An HTML File

The main types of files you'll be using when you're developing website are mark up files. Mark up files are coding language used to give render and give structure to information and media.