note: this site has replaced with an app
This course was developed in much earlier days of the web and has been updated
into Web Design Basics for iPad (also written by me, but much better course!)

.
Try iPage Web Hosting -- Go Green for only $1.99/month*
*Reviews and recommendations on this web site, including web hosting reviews,
may result in commissions paid to Dave's Site, which helps out a lot.
Follow on Twitter @firstdave - Check Out my new PhoneGap Tutorial / Cordova Tutorial


Domain & Hosting Tutorial
Table of Contents
Web Hosting HTML Tutorial CSS Tutorial Web Design Tutorial Hosting under $5

HTML An Interactive Tutorial

Starting your Web Site
(How to Create a Home Page)

Getting Started

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:

  1. Save your HTML files (and images) to a folder on your computer.
  2. Copy them to your web host ( really easy, we use something called FTP, covered in MiniChapter 10 -after- you're a HTML pro. )
  3. Now the world can access your web site 24 hours a day, 7 days a week, even when you're sleeping, or your computer is turned off, or even when you're on vacation!

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.

Getting on the Web (Finding a Host)

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 Web Hosting for only $1.99/Month -- free domain name with order!

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:

  • If you switch from one Internet provider to another (say, from DSL to cable, or cable to DSL) you'll lose your entire web site when you cancel your account. I under no circumstances can recommend using your ISP as your web site provider.
  • To avoid this, you'll need to buy a full hosting package,
    which an investment under $10 a month. **Highly Recommended**
  • With a full hosting package, you can pick any ISP you want. You'll never be forced into the "I can't change my e-mail address" position that so many thousands of people fall for by mistake.

Domain hosts:

  • Give you a customized dot something of your choice (.com, .info, .etc)
  • Often give you 1000 MB (1 GB) or more of web space.
  • Do not shut off your account based on number visitors.
  • Place no (none, zero, no) ads on your site. (You can add them yourself if you want to make money).

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.

What do I call my files when I save them?

Your main web page is called index.html on the web host. Why index.html? That's just how hosts are set up. Well, to be completely accurate, each folder has its own index file. Davesite.com has one index file for www.davesite.com/ and a separate index file for www.davesite.com/webstation/html/

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.) iPage site builder banner

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!



Next Chapter
Continue Next Chapter