Web Developer first steps

Do you see the mesmerizing world of Internet - the web with awe, and you knit plans to develop your own websites or web apps, but have no clue from where to start? Then you have come to the right place.

Welcome to my blog, here I am going to discuss with you the very foundation of how a web page is built. Then we will move further with learning to write HTML and CSS to build beautiful front end of webpages and that too is completely free of any cost.

**Word of advice: This blog is for complete beginner programmers only if you have  knowledge of HTML and CSS then you might find this uninteresting.** 

So, without ado lets begin our journey with creating our first webpage.

For users on a Windows Machine:

1. Open a text editor (Notepad).

2. Type "My First Webpage" without the quotation marks.
3. Save the file with the extension of ".html" (You may give any name to your file but I recommend naming it "index.html"
4. Finally, open the file on your web-browser (double click on the file icon will automatically open the file on the default web browser on your machine as the file is saved with the extension of ".html")

For users on a Mac:
1. From applications, find and open text-edit (you can search TextEdit in spotlight search, it comes preloaded to mac machines)
2. On the Menu-Bar click the first menu named TextEdit, a drop-down will open up.
3. In the dropdown, find preferences and click on it. A preferences dialog box will open up.
**alternatively you can open preferences by keyboard shortcut (command + ,) and avoid the above two steps.**

4. In the preferences dialog box select the radio button with the label 'plain text.'

5. Select the menu 'Open and Save' and check the first checkbox 'Display HTML files as HTML code....'

6. Close the preferences dialog box.

7. Type in the text editor "My First Webpage" without the quotation marks.

8. save the file with an extension of '.html'(You may give any name to your file but I recommend name it "index.html"

9. Finally, open the file by double click on its icon(it will automatically open on the default web browser on your machine.)

and, Voila you have made your first webpage. Ok, it does nothing much but now you are on the journey to being an awesome Web Developer.

In the upcoming blog posts, we will discuss the HTML tags and their uses, then we will move towards basic CSS and its use with the HTML in designing web pages. So, to keep yourself updated with this FREE course subscribe to this blog by clicking the Subscribe button on top of this page and enter your email address to receive Email as soon as a new post is published. 

Siddharth Pande