Are you planning to design a website?
Do you want to learn how to code a website?
Well! coding a website is easy once you are able to learn the common basic tools you need
List of tools required for web designing
- Code editor
- Pre-requisite knowledge in html
- Pre-requisite Knowledge in css
- a website previewer host on your local machine
#1 Code editor
a code editor such as dreamweaver, notepad++, atom etc.
download and install any of the editor mention here on your device.
#2 Learn HTML
Since HTML builds the structure of every websites therefore you ought have fundamental knowledge of it.
HTML stands for HyperText Markup Language [wikipedia]
there many tutorials on html across the internet though we don’t recommend any.
it is better your search it online like “Html tutorials”.
Grab the knowledge and head back to your already installed code editor and start programming.
Creating a webpage
- create a file and name it index.html
- then start write your first HTML basic structure
<!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Hello, world!</title> <style> /*css styling goes here...*/ </style> </head> <body> <h1>Hello, world!</h1> <!-- html structures goes here... --> </body> </html>
#3 Learn CSS
CSS as an acronym for Cascading Stylesheet.
this stylesheet is used to beautify the html structure so that it will be an attractive website.
I may like you do your own research for a better CSS tutorial.
but the easiest was to beautify website structures this days is using bootstrap.
Bootstrap is a CSS library framework.
so it is better you head over to bootstrap documentation to grab your knowledge
#4 Preview your website
After you have structures the website layout with html and beautify it with css.
Now make you preview it on your local device before launching it online.
click here to learn what you must know before choosing a better webhosting company to host your website.