Getting Started
If you want to create a simple website you should have some little knowledge about the HTML, CSS and JavaScript.
But JavaScript is an optional thing if you have learned it is a good thing if you have not learned that is not a big problem or any issue.
You can create your website or a single one webpage site without having knowledge of JavaScript programming language.
Required Tools
When it is about to create a website you need some computer tools means softwares that helps you in your work or in the project.
What type of tools you will need?
It is required that you have your own personal computer desktop or laptop with at least 4GB ram and 128GB SSD or 250GB HDD.
A simple tools and softwares list is as below.
- A Simple text editor Notepad or Visual Studio Code or advance it is depends on you that which you like one.
- A latest Browser like Chrome, Safari or Firefox.
- A new folder with your all stuff images, videos, audio etc.
Creating Page Structure of a website
The first step is open the notepad which is a text editor software or a tool to write your code in it.
If you don’t know how to open the tool the instructions are given below.
If you have Windows 10 at the bottom task bar you will see search option click on it then type notepad.
The computer will find and given to the screen then you will see some options you should just click open button.
Note: Do not open it as an administrator.
At last notepad will open see in the screenshot below.
Now our first step is fully completed amazing it is very interesting and so exciting work.
Now we are start working on the second step of our blog.
Write html code lines
Write some html code lines in the notepad tool which is a computer system default text editor software.
You can see the example in the screenshot below.
Save the html page file
Save the html file on your computer storage in your any disk space.
Hover Mouse on the File option in notepad menu then click the save button.
After that the save dialog box will open shown in the screenshot below.
Type the name html file document “Index.html” extension.
The file has been saved on your desktop now open it to see your simple html website structure.
Simple html website structure
HTML Text Formatting
Now add some text formatting to html elements to display text good and attractive.
Output
Designing the website layout through CSS
Now I will add some css to design the website layout to look beautiful and more attractive so that users can visit the site.
CSS Output Result
You can see now how beautiful and good layout of website has been designed.
Note: Do not afraid of long code lines, you just need to practice daily about two to three hours in a day or more it is up to you.
Share this blog with your family and friends so they also can learn from this article.
