How to create a website

You wanna share your ideas, thoughts, brand or company to the world. You know the internet is the best way to do it. You know you are able to create your own website but you don't know where to start. This article is for you.

After 10minutes you will understand what is a website, how was easy to start and finish with several approaches and increase your understanding about that magical way of share. 10 minutes is enough to understand how you create your roadmap for making a website. I will explain all technical terms, in short, to make you understand all process without giving any code example.

Let's start then!

What are most faced technical terms on web terminology?

What is language?

If you understand what I'm writing here that's why you know the English Language. If I would say "Comment ça va?" you would probably no idea if you don't know the French Language. That means you don't have a decoder to solve that character codes in your brain. Browsers also do the same thing when they see HTML language and interpret the codes to the visual result with texts images videos animations etc.. 

What is html language?

Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. In 1989, Berners-Lee wrote a memo proposing an Internet-based hypertext system. Berners-Lee specified HTML and wrote the browser and server software in late 1990.  Actually, It's a standard language to make everyone speak in the same language.

What is the CSS language?

Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML. The language that makes bold your written text. In short in your CSS files, you give the coordinates of your text placed in your HTML and change the color, font size, font, etc.. very similar to design buttons in your word document.

What is a web browser?

Netscape Navigator, Internet Explorer, Firefox, Google Chrome, Opera,  Safari and other browser programs do the same thing. They interpret HTML language and decode it to your monitors with texts, styles, images, videos, etc...

What is a web server, hosting, VPS?

A web server is typically a normal computer that is 24/7 online and connected to the internet. The rest is technical details to make it reliable. They supported with high-quality hardware, high-quality special internet connections, UPS for electrical cuts, special security layers, etc. You can buy a service from well-known trusted companies such as Digital Ocean.

What is IP, Server IP?

IP is your unique fingerprint to identify your computer address. You can call it your coordinates in the web space. When you buy a hosting or server service, you will have a unique IP address. 

What is a domain address?

They only have one purpose: Convert yourdomain.com to your server IP. That's all. Servers communicate with each other with IP addresses such as 255.255.255.255. You can buy a domain easily from name.com and point to your server IP in your settings.

What is a database?

It's basically an excel file having columns and rows to save your data but they work more efficient than excel for the giving purpose. Regarding the performance Mysql, Mssql, MongoDB are popular ones. All user data, liked articles, searches, created times are saved in that excel similar tables. With your programming language or CMS system you can easily make a connection and do any kind of CRUD (Create, Read, Update, Delete) actions inside tables. 

If we summarize: We always try to create an HTML document and save it our web servers. When visitors type yourdomainaddress.com your domain server such as name.com forward request to your server IP. Your server sends your HTML document to the visitor's browser that interprets the document and converts to text, style, image, videos, etc...

So if we have to task to do. Create an HTML document and make it public. Our article mostly focuses on the first part.

How to create an HTML document?

Always be aware that your main aim is to create an HTML document even you use WordPress, blogger, PHP, Java, .net, ruby or pure HTML document using notepad.

Here are the 3 different methods to build a website.

PURE HTML

The basic and long road is writing pure HTML codes in the notepad and upload to your server. Only need to know is HTML codes and CSS for styling. If you don't need any interactive actions and you only need 4-5 pages you can use that method.

CMS SYSTEM

Using CMS (Content Management System) systems such as Wordpress, Drupal, Joomla, Magento, etc...

These tools have well-developed admin panels and you don't need to know HTML codes. They run under a web programming language such as PHP,.Net, Java, etc. Be sure that your server support the same language. They have some additional plugins and design templates. You can find many online support and forums to learn deeply.

WEB PROGRAMMING

If you want completely to be free and create tailored-made interactive sites. You have no know HTML, CSS, Database (MS SQL, My SQL) System and a web programming language (Php, .net, Ruby, Python, Javascript). Don't forget that all CMS systems running under that programming languages without showing you codes.

What are Web Frameworks?

A software framework provides a standard way to build and deploy applications. If you use a backend framework tool, you will be more structured, easy to control and fewer codes to write. The system will write pure codes under the system for you. 

It's very similar to CMS systems. CMS writes HTML codes for you, Backend Framework writes Web programming codes for you.

You can use web programming language frameworks to make your life easy. RubyonRails (Ruby), Codeigniter(PHP), Laravel (PHP), Node.js (Javascript), Django (Python) are the most popular ones.

Conclusion:  

You are now able to choose your roadmap to create a website. Regarding your purpose choose one of them to go deeper to make crazy websites. 

Don't forget that your goal is to create the following HTML codes. 

<html>

  <title>This is your first web page</title>

 <body>Say Hello to the world :) </body>

</html>