This has nothing to do with HTML. This post has something to do with SEO and maybe, as a beginner, this has nothing of interest with you. Oes Tsetnoc is the key phrase of the ongoing (as of this writing) SEO Contest sponsored by Promo Junkie Webmasters forum. It is an international contest and it is participated by the best SEO practitioners all over the world.
The competition is real tough. It is even admitted by Hellas, the winner of the previous SEO contest. This is due to the growing competition among the great SEO specialists. They met in previous contests and there develops the "love" among them.
As students or beginners, you will be passing through this path. You need SEO, whether you like it or not. You need to study them. The techniques, strategies, campaigns and the likes. And to test if your SEO skill is at par against the best in the world, then try to join an SEO contest like this oes tsetnoc. You have nothing to lose, and what you will gain here is the SEO experience against the gurus.
Basic HTML tutorial intended for those who knows nothing or beginners in web development
Basic Tools in Web Development
So what are the tools we need so we can start writing our pages? First is a text editor. This is the tool we are going to use when we write our HTML files. There's a lot of text editors out there, most basic would be Microsoft's Notepad but there's also a lot of free text/html editors primarily intended for HTML editing. An example of this is the HTML-Kit (you can download HTML-Kit here), which is my favorite, but you can use any text/html editor of your choice.
There are also a lot of WYSIWYG HTML editors like Dreamweaver, FrotPage, etc. but in this tutorial, we will be using hard coded HTML so we don't need these WYSIWYG html editors yet. Although they are very useful when you are going to venture into serious web development. We will be doing the "hard way" of hard coding HTML since I believe this will be a very strong foundation for your knowledge in web development.
Next is a webhost. We won't be running your websites in your local computers only. Our goal here is let you make a website that is accessible in the internet. Take note of our goal, you are going to make money through your website so one pre-requisite here is a webhost. There's a lot of FREE web hosting companies out there. Let's just have these FREE ones in our course and opt for the paid ones later.
Since the webhost is a remote computer somewhere in the internet, you need also a tool to transfer your local files to the webhost. Here, you need an FTP client. There's also a lot of free FTP clients out there and I can recommend FireFTP which is an add-on to Mozilla FireFox. I prefer to use FireFTP for it's portability since I can install it in every computer that I use.
Another tool we are going to use here is the web browser. Any browser (Internet Explorer, FireFox, Opera, Chrome, etc.) will do. You can use whatever browser is installed in your computer.
How are you going to edit your files?
First, write your HTML codes through the HTML editor you chose. Save it, let us say, in c:\myweb, and name it myfirst.html. To view your page, you are going to use your web browser. Write the complete path of your page in the web browser's address bar, in our example "c:\myweb\myfirst.html" (without the quote). If you want to modify the page, go back to your HTML editor, update it, then save. To view the changes go to your browser, then "Refresh" the page (F5) and the updates will be reflected in the page.
You will be doing that again and again until you will be satisfied with the result and that page then is ready to be uploaded in the internet through your chosen web host. In this stage, you are going to use FireFTP to upload your files.
There are also a lot of WYSIWYG HTML editors like Dreamweaver, FrotPage, etc. but in this tutorial, we will be using hard coded HTML so we don't need these WYSIWYG html editors yet. Although they are very useful when you are going to venture into serious web development. We will be doing the "hard way" of hard coding HTML since I believe this will be a very strong foundation for your knowledge in web development.
Next is a webhost. We won't be running your websites in your local computers only. Our goal here is let you make a website that is accessible in the internet. Take note of our goal, you are going to make money through your website so one pre-requisite here is a webhost. There's a lot of FREE web hosting companies out there. Let's just have these FREE ones in our course and opt for the paid ones later.
Since the webhost is a remote computer somewhere in the internet, you need also a tool to transfer your local files to the webhost. Here, you need an FTP client. There's also a lot of free FTP clients out there and I can recommend FireFTP which is an add-on to Mozilla FireFox. I prefer to use FireFTP for it's portability since I can install it in every computer that I use.
Another tool we are going to use here is the web browser. Any browser (Internet Explorer, FireFox, Opera, Chrome, etc.) will do. You can use whatever browser is installed in your computer.
How are you going to edit your files?
First, write your HTML codes through the HTML editor you chose. Save it, let us say, in c:\myweb, and name it myfirst.html. To view your page, you are going to use your web browser. Write the complete path of your page in the web browser's address bar, in our example "c:\myweb\myfirst.html" (without the quote). If you want to modify the page, go back to your HTML editor, update it, then save. To view the changes go to your browser, then "Refresh" the page (F5) and the updates will be reflected in the page.
You will be doing that again and again until you will be satisfied with the result and that page then is ready to be uploaded in the internet through your chosen web host. In this stage, you are going to use FireFTP to upload your files.
Labels:
basic html,
html editors,
html tutorial,
web development tools
Introduction to HTML
This basic HTML tutorial is intended for students who are just beginning their journey in web development. I target students for this series of tutorials so my discussion is simplified to its lowest level as I could.
This blog is a prelude to my other blog which aims to help students to make money with Adsense. So why students? Simple. I want to teach students how to earn money while at school. I have observed that most start their online money making activities after their graduation. So why not start as early as you are still in school?
But before that money-making stuff, you must equip first yourself with the most basic arsenal in web development - HTML.
Ok, first things first. Before we can write something for the internet, we must have the basic understanding how the internet works. To understand it better, we'll compare the internet to that of a library. The library has books, and books has pages which contain the information of whatever that book is.
The same way with the internet. In the internet, we can find websites of different topics (niche). In those websites, resides the pages which contain the information or data.
To compare them, the library itself is the internet; the books in the library are the different websites, and the pages in the books are the web pages which contain the information or data.
So what to expect here? We are going to "compose" pages which will collectively become our website. We'll be writing pages, and the role of HTML will now come into play. All pages, no matter how complicated may it look, are presented through HTML.
How does the system works? Web pages are stored in a place, specifically a remote computer, that is going to "host" your pages. These pages have their unique URL (Uniform Resource Locator) or simply their "address", so that users know where they are when they access them. To access those pages, we need to use a web browser (i.e. Internet Explorer, FireFox, Opera, Chrome, etc) that is going to interpret the codes (HTML) contained in those pages and present it in human readable form.
Ok, looking at the above scenario, this is what we are going to do: we write pages through HTML, upload them to the remote computer, then let the users view our pages through web browsers. Pretty simple, huh?
But before we finally start with our HTML tutorial, we must know first what are the basic tools in web development.
This blog is a prelude to my other blog which aims to help students to make money with Adsense. So why students? Simple. I want to teach students how to earn money while at school. I have observed that most start their online money making activities after their graduation. So why not start as early as you are still in school?
But before that money-making stuff, you must equip first yourself with the most basic arsenal in web development - HTML.
Ok, first things first. Before we can write something for the internet, we must have the basic understanding how the internet works. To understand it better, we'll compare the internet to that of a library. The library has books, and books has pages which contain the information of whatever that book is.
The same way with the internet. In the internet, we can find websites of different topics (niche). In those websites, resides the pages which contain the information or data.
To compare them, the library itself is the internet; the books in the library are the different websites, and the pages in the books are the web pages which contain the information or data.
So what to expect here? We are going to "compose" pages which will collectively become our website. We'll be writing pages, and the role of HTML will now come into play. All pages, no matter how complicated may it look, are presented through HTML.
How does the system works? Web pages are stored in a place, specifically a remote computer, that is going to "host" your pages. These pages have their unique URL (Uniform Resource Locator) or simply their "address", so that users know where they are when they access them. To access those pages, we need to use a web browser (i.e. Internet Explorer, FireFox, Opera, Chrome, etc) that is going to interpret the codes (HTML) contained in those pages and present it in human readable form.
Ok, looking at the above scenario, this is what we are going to do: we write pages through HTML, upload them to the remote computer, then let the users view our pages through web browsers. Pretty simple, huh?
But before we finally start with our HTML tutorial, we must know first what are the basic tools in web development.
Labels:
basic html,
beginners,
html tutorial
Subscribe to:
Posts (Atom)