Hey guys,
I have seen alot creative people posting their work on Steemit. By sharing my knowledge I hope these people get inspired and create beautiful websites. Unfortunately, my design skills are incapable as I mentioned before in my #introduceyourself post. So I will let you do the designing, but I will give you some great fun, tips and usefull tools to work with. Web programming is not very hard to learn and the only limitation is your fantasy :).
Before we start with programming we have to setup our environment.
Programmers use text editors to write their code, an example of a text editor is notepad.
Notepad however is a very basic text editor. A more advanced text editor can help a programmer
and is called IDE (Integrated development environment). Two free examples I prefer to use are:
I recommend to download and install one of the above IDE's.
I like to work in a structured way, so I would suggest to create a folder in your documents map called:
websites
Or something like that, you will store all your future website projects in this file.
In the websites folder I create another folder called SteemitTutorial. Because some
programs / environments start complaining after a whitespace I try to avoid whitespaces.
After creating the SteemitTutorial I create another and my last folder called html.
In this folder we will start programming!
Open your IDE and open a new file in it. Now we are only three very easy steps away from our first website.
Congratz... you just finished the most boring part of programming, but from here it will be more fun :D
Html code is splitted in two parts the head and the body. In the head you can store your websites information
like the title and the website's content should be in the body. Both head and body are tags. In html you can open and close a tag by simply putting the tag name between these characters:
Now we will add a title too your website:
Please try it first by yourself before u crib, copying others work will slow your learning.
The result:
How your code should look like:
Don't forget to save your file and don't forget to refresh your page.
A last few notes:
Some last small notes about newlines:
there will be a newline before and after the paragraph tag and after the <br> tag (needs no closing tag).
Hope you enjoyed the most boring part of the tutorials, next tutorial will be about some other tags
and a small introduction to css. If you are really excited about making websites you can do some homework and search for other tags and start playing around with them.
