Have a tablet? Learn HTML on your iPad with my Web Design Basics app, Download Now!
This guide will teach you how to write HTML code by using interactive test boxes, starting in Chapter 1. I keep the chapters short and simple, so I call every chapter a MiniChapter. By the time you finish MiniChapter 10, you'll have a pretty great idea of how to put together your web site.
You're probably thinking, "Great, I can learn basic HTML in 10 short chapters, but how do I get that HTML code up on my web site?"
After you've learned HTML, you'll have to save copies your finished web pages onto your web host.
What is a web host? A web host is a company that runs the super-fast server computers that visitors will access your web site on.
You'll be able to view your choices from my recommended web hosts in the next chapter, which is a quick overview of how to launch your web site quickly and easily on its own server. (It's really easy.)
Chapters 1 through 9 go through how the HTML tags work, teaching you with easy examples.
After you complete those quick chapters, this is the process of posting your HTML files to your web host:
You can even create a web site to make money if that's something that interests you. (That's covered later in the course.) You'll have to get a web host if you'd like to make money. That's covered below.
During this tutorial, you will be using our interactive system to learn how to code HTML. Once you're ready to code on your own computer, you can use a regular text editor such as Notepad on Windows or TextEdit on a Mac.
Both Notepad and TextEdit are free and come pre-installed on your computer. You can even download free text editors to make coding easier. But you don't need to worry about those details right now.
Learn HTML interactively on your iPad with my Web Design Basics App, click here.
You'll need to find a web host for your site unless you run your own web server 24/7. (Running your own server is very expensive, complicated, and not recommended.)
By choosing a web host, your site will be available to the world all day every day. Most hosts are only down a minute or two in an entire month, for a small software upgrade.
iPage servers are amazingly fast and one of the best deals out there.
Check
them out:
iPage Web Hosting only $1.99/month!
Note: iPage pays us a
commission for sales which helps keep this site free.
If you're making a personal web site, you can choose to get a web site from your Internet Service Provider (ISP) or go straight to the big leagues with a domain web host. (My personal site is on a domain host: http://www.davekristula.com/ )
Watch out for this:
You may also see sites claiming to be "free" hosts. There are several disadvantages of free hosts:
So if you're making a personal web site you want to look professional, or you're making a business web site or a web site for an organization (church, community group, etc) you'll want to get a domain host. A domain name ends in a .com, .org, or .net. (For example, davesite.com is a domain name.)
Prices for domain hosts usually range from $5 a month to $10 a month. For that price, you can get both the name and an entire month of hosting. (That's less than the cost of a pizza, seriously.)
Let me say it again, domain hosts do not show ads, unless you put them up yourself to earn money. The next chapter contains information on domain hosts.
Once you sign up for a host, you'll get a username and password to log in and edit your site.
When you type davesite.com in your web browser, your computer is asking the web server "Hey, do you have an index file for me?" The web server gives the file automatically. How tedious would it be to type google.com/index.html?
(Note: Webmasters can customize the filename so it can be called something else after customization.)
Your other files can be called whatever you want to call them, so long as it ends with .html. This is how your web browser knows its HTML and not another type, for example, a Microsoft Word document.
You can have a contact.html, a directions.html, a favoritefoods.html. Just don't put a
space in the name of the file, favoritefoods.html is okay, favorite foods.html is not.
Now, time to learn about web hosts, then we'll dive into the details of all these brackets and tags we call HTML!