Lesson 1 - Web design basics

Attention: open in a new window.

Let's dig right in! The first part of creating a new website is figuring out what to create a site about. For the purposes of this tutorial we are going to create a site to rent out a vacation home located in New Hampshire's Lakes Region.

Create a folder named "lakehouse" in your choice of locations. This is where we will be storing the files for our website. Open Notepad and type the following. It's OK if it doesn't make sense to you yet, I'll explain it below.

Enter this code
1 2 3 4 5 6 7 8	<html> <head> <title>New England Lake House For Rent</title> </head> <body> <h1>New England Lake House For Rent</h1> </body> </html>

Carefully check your work to ensure that it matches the above exactly. The placement of all the symbols is very important! Now save it in the lakehouse folder you just created with the filename "index.html".

Now open a new browser window and navigate to the file location. For example, if you created the lakehouse folder right on your c:\ drive, you should go to c:\lakehouse\index.html. You should see something very similar to this:

lesson01-screencap01

Did It Work?

If you had any trouble, go back and check to make sure that you typed exactly what was shown above. If you need to, copy and paste each line under what you typed for comparison purposes.

Ready to Go?

Let's move on to Lesson 2 — Some Essential Vocabulary.

How to link to this page

To create a link to this page on your website,
copy and paste the code below to your webpage.

Here's how it will appear on your web page:
Lesson 1 - Web design basics

< Prev		Next >

Comments

# Text Edit — David Linley 2011-01-26 11:54

Hi Mark
I'm on a Mac using Text Edit, I have tried several times even copying your text straight from the lesson. I save the file using the web page option. Tried opening in 3 different browsers and all i get is the coding. Not the bold 24pt times heading as pictured in your sample. Am I doing anything wrong.
Dave

# Try our forum — Bilyana Yordanova 2011-03-10 08:33

Hi Dave,

As it comes to building websites with html there isn't much difference between MAC and Windows.

You can ask all your questions about how to build your website in our expert help forums at:

http://buildingwebsitesmadesimple.com/forum/list-forums/expert-help-forums/

# Thanks — Web Designer 2011-11-02 19:59

This is an excellent information over here. You have provided very valuable and useful information in this post.
Web Designer

# - — Multistore oscommerc 2011-12-10 17:24

This is an excellent information over here. You have provided very valuable and useful information in this post.
www.oscprofessionals.com/oscommerce/multistore-oscommerce.html

Refresh comments list
RSS feed for comments to this post