Create a Website in Less than 2 Hours

Author: Janet M. Garcia How to Create Your First Website in Less Than 2 Hours

Index Table of Contents
Course Overview .................................................................................................................3
Why Do I Need My Own Website or I Can Use a Free One? ......................................10
What You Need Before Starting to Create a Website ....................................................18
Domain Nameservers .......................................................................................................23
Downloading and Installing A Free Web Editor ...........................................................27
Steps to Create Your First Webpage ................................................................................35
Saving Files .........................................................................................................................45
Publishing Your New Web Page ......................................................................................50
Font and Images ................................................................................................................57
Creating Internal and External Links .............................................................................80
Resizing a Web Page ..........................................................................................................91
Creating Boxes with Tables ..............................................................................................99
I Finished My Website, What’s Next? ...........................................................................105
If you have a friend who
Conclusion .......................................................................................................................109
would like to take
Unannounced Bonus ......................................................................................................111
advantage of the
A Word From The Author: Janet M Garcia .................................................................113
information given
within this eBook,
just redirect them to:
www.EmpowerToChange.com

2
Copyright © 2011 Unlimited Concepts and Empower You!
This eBook may not be sold, redistributed in any way without prior written consent from the author.

Course Overview
This book was created and written by Janet Garcia.

Janet Garcia started running her own home based business since 1994
and had helped many entrepreneurs to start and develop their business online.

She is the Founder of Empower You!
with the goal of helping newcomers start their online business.


Course
Introduction
Overview Before we get into how to create your own web page, you need to understand what the
World Wide Web is. As you had probably noticed, websites addresses start with the letter
WWW.

WWW means “word wide web” and commonly known as “the Web”.

Wikipedia.com defines the World Wide Web as:

“A system of interlinked hypertext documents accessed via the Internet. With a web
browser, one can view web pages that may contain text, images, videos, and other
multimedia and navigate between them via hyperlinks.”

Today we live in the Information Era and the web is the first place people turn to when they
need to find information about a particular subject or problem they might be experiencing.
The days of the physical Yellow Pages book are gone. Even the Yellow Pages turned their
information to the World Wide Web.
would like to take This mean that the Web is a massive opportunity for you to make money online!
advantage of the
information given
within this eBook,

4


Course
A Personal Note
Overview Throughout the years of being self employed, I’ve seen the need for quality information
people can have access to from the comfort of their homes. We live in an era where people
are too busy with their daily activities; and the Internet is the first place they are turning to
when trying to find some information. And this is where you come in.

You will be supplying that much needed information. It is easy to make money online when
there is a demand for the product you offer.

But yes, you need to learn some of the technical aspects of the business and develop your
skills. This will denfinitely take some time, but with the right instruction and guidance, you
will be able to accomplish this in not time.

I remember the days when I immersed my self between books and books, having to learn
everything on my own as I didn’t have anyone to teach me the basics of doing business
online and much less, how to create my web pages.

If you have a friend who I didn’t have anyone to ask for instruction or help.
would like to take
advantage of the Throughout the years, I have seen many people fail because they too are struggling just as I
information given did many years ago.
within this eBook,

5


Course Because I saw the need to learn these skills, I decided to write this instructional book to
help you in your journey to Success Online. And from my websites, I am constantly

Overview teaching people exactly that: How to Make Money Online!

In this book, we will be talking about some technical terms like HTML, DNS server
settings, FTP, etc. But don’t worry because I’ll will explain this to you and you will see it
really wasn’t a big deal.

So stick with me for a little while, and you will have your first webpage created and ready to
sell in no time.

My Promise to You

I assure you that by the time you finish this eBook, you will have a
working website that includes several web pages: the main or home page,
other pages and will have them linked to each other and other websites.
would like to take
advantage of the
information given But more importantly, you will have a clear understanding of how to create, design, and
within this eBook, publish your website and you will be able to design and create many more websites and start
just redirect them to: selling in not time.

6


Course Key Points You Should Know
Overview 1. Most people that try to set up their online business fail and don’t make any money.
And that’s because they didn’t have direction on how the online business work.

2. Being successful online requires a lot of dedication and hard work. There is no magic
wand here.

3. Any serious business requires a plan.

4. Most beginning entrepreneurs suffer at some point or another from “the information
overload”. They start purchasing an ebook here, a course there, opt-in into many
offers trying to find out the missing piece of the puzzle of the online business world;
and as a consecuence, they start receiving a gazillion of emails with information. They
start jumping from one place to another, getting confused without knowing where to
start.

Eventually, they get so overwhelmed that they let all those ebooks accumulate space on
If you have a friend who the hard drive and let the books get dust on the shelves!
would like to take
advantage of the Are you feeling the same way? Frustrated with all this? I was too!
information given
within this eBook, This is why, now, I want to give back. I want to help you avoid all these problems, so
just redirect them to: that you don’t have to go through what I went through many years ago.

7


Course 5. Starting an Online Business takes time and commitment.

Overview 6. Most people erroneously think they can make money overnight.

7. Not everyone can or will make money online.

8. You can actually make a fultime income from your online business only if you spend
the necessary time and money to make it happen by studying and understanding how
the online business works.

A Word of Advice
If you want to be successful and actually make money online, you need to treat this business
as seriously as you would with any offline business. Business is business, no matter if it’s
online or offline.

When you are starting an offline business, you need to make a plan, set goals, study your
If you have a friend who market, advertise, etc., etc.
would like to take
advantage of the Well, with the online business, it is the same. You will reap according to what you sow. The
information given harder you work, the faster you will make everything happen.
within this eBook,

8


Course These are the 5 Fundamental Requirements to be Successful Online:

Overview 1. Having the right mindset or attitude
2. Being constant on your efforts
3. Having your own website
4. Having a product to sell to a specific market
5. Learn everything you can about how to market your product or services

This Ebook will specifically address point number 3 of the 5 fundamental aspects required
to be successful online - your own website!

In our Success Online Newsletter, which you are currently a member of, we’ll talk about the
other 4 fundamental requirements in more detail. And we’ll go more in depth in our
membership site: Empower You!
would like to take
So, with that said.... let’s get to work, shall we?
advantage of the
information given
within this eBook,

9

Why Do I Need My Own Website
or I Can Use a Free One?


Why Do Why Do I Need My Own Website?
I Need When I started online, I researched for ways to create my own website. I was confused and
My Own didn’t know which options were the best for me. I created a few ‘free’ websites, but soon
after, I realized it was a mistake.

Website These ‘free’ websites were full of adversiting that were not my own, I didn’t have a brand,

or I had to use whatever templates they had available and didn’t have the option of changing
them to represent my business.

I Can Use I came to the conclusion that to be able to succeed with my online business, I needed to
have full control over my own website(s) and make sure they would represent me and no
a Free One? one else.

Having your own website plays an important role in the success of your business. So, it is
crusial that you take the necessary time to learn all the basics; as we will address in this
eBook so that you get a clear vision and understanding of the process.
would like to take If you don’t learn the basics, how could you expect you will learn what it takes to do this
advantage of the business and be successful at the same time?
information given
within this eBook,

11


Why Do Creating your own website comes with many, many advantages. For example,

I Need - You are branding yourself, no one else.
- You will be making the changes you want without having to hire a
programmer every time you want to update your webpage.
My Own - You will save tons of money.

Website Imagine that you hire a programmer to create your webpage. After doing some testing, you
wanted to test conversions using a different header or a different title. If you don’t know
or how to do that, you will have to outsource the tasks and pay a programmer for every single
change you want to make.
I Can Use There is no need to be hiring programmers to create your website and webpages when you
a Free One? can do this yourself really easy and fast once you learn how to do it.

So, don’t be afraid because you are about to learn with this eBook how to do this yourself.

By the end of this eBook, you will have a fully functional basic website,
would like to take
created by you ready to sell. So, follow this step-by-step guide to create
advantage of the
your website and have it online for the world to see!
information given
within this eBook,

12


Why Do Affiliate Websites are Free. Do I Need My Own?
I Need It is true that when you promote an affiliate product (a product created by someone else that
My Own you promote and earn a commision for every sale from it), you will be just like the many
others promoting that same product. They all use the same website. But if you create your

Website own, you can stand out from the pack AND get the chance to collect emails and build your
list before prospects are entered in the mailing list of the product’s owner!

or This is what happens when you promote some one else’s product using the provided
website:
I Can Use
You get your affiliate link (a special link you will use to promote the product), then you send
a Free One? trafficemail address When someoneproduct.toYou instead, will collect athe product owner gets
their
to that page.
and deliver the
arrives the page and purchase,
commission for your
efforts, nothing else!

If you have a friend who Promoting Affiliate Products
would like to take
advantage of the
information given Affiliate products are products created by someone else that you can promote to
within this eBook, generate sales and you earn a commission for each product sold via your affiliate link.

13


Why Do Now, with your own website, you can promote anyone’s products. For example, Amazon’s
products, Clickbank products, etc. and from your website, you will be growing your own

I Need mailing list to which you can send other related product offers and they will buy again and
again as you build trust with them. This is why it’s so important that you learn how to do
this.
My Own
But, again.... you need your own website. Having your own website gives you the
Website opportunity to build your own web presence which is key in this business.

or Promoting affiliate products is a great business system for the newcomers to the online
business because, when you are starting out, chances are you don’t have your own product
I Can Use yet. With affiliate products, you can start selling them in no time while at the same time you
learn how to create your own products.
a Free One? The downside of affiliate marketing is precisely ‘the marketing’ aspect of it. This is exactly
what gurus don’t tell you. As an affiliate marketer, your job is excatly that: to market, to
promote the affiliate product; to drive traffic to the website for people to buy.

You are on your own to market that affiliate product.
would like to take
This is why so many people fail. They don’t know this nor they know how to promote their
advantage of the
site. They think that because they have a website full of affiliate products, they will make
information given
money. Unfortunately, it doesn’t work that way.
within this eBook,

14


Why Do There are many successful marketers that are dedicated to solely promote affiliate products.
They don’t create their own products. But they work hard to promote them. They think out

I Need of the box and create their own websites and webpages to better explain the benefits of a
particular product and generate sales. This is something you need to learn.

My Own You need to learn the necessary skills to market your site effectively.

Website Another secret successful marketers don’t tell you is that they are very successful because
they have taken the time to build their own mailing list and they will market their new
or products to their list first!

I Can Use Look at this scenario:

a Free One? You will have to continue your advertising to send new traffic to that page to generate more
sales. But, on the other hand, the product’s creator is the one who collected the customer’s
email and will keep in touch with that customer (his/her customer, not your customer) and
will send them a series of other offers, therefore, increasing even more his/her sales from
just that particular customer that YOU sent their way. See my point?
As a benginner, it’s obvious you don’t have such a mailing list. You have to start building
would like to take
your own list. This topic deserves more extensive time, so we’ll talk more about it on our
advantage of the
weekly free newsletter - Success Online.
information given
within this eBook,

15


Why Do
A Word About Using Affiliate Webistes
I Need Affiliate marketing is definitely a good way to start your online business,
My Own and a good way to earn income while you learn other ways to build long
term passive income. But keep in mind that if you don’t know what you
Website are doing, chances are you will lose money as many others had. Sure,
you can make money, but it certanly will take time and lots of effort on
or your part.

I Can Use Actually, the best way to make the most money in affiliate marketing
is to be the creator of the products. Then, you get affiliate marketers to
promote and do the selling FOR YOU!
a Free One?
Affiliate marketers who only promote other’s products will have to work
harder because they will be competing against all other internet
markters promoting the same exact product; and if you are new to
affiliate marketing, you will be spending losts of money just trying to
If you have a friend who advertise the product if you want to make serious money.
would like to take
advantage of the
information given
within this eBook,

16


Why Do But you are already on the right path because you have taken the necessary steps to learn
what it takes to build a solid business online. And creating your own webpages is a most. If

I Need you research many successful markters you will notice there is something in common:
they all have their own websites to promote all kind of products.

My Own If you don’t want to wait every week for eash issue of Success Online, you may want to take
a look at our Membership site and individual programs that will certainly speed up your
Website learning curve.

or So, if you want to build a serious online business, you have to take seriously the business
and learn as much as you can.
I Can Use
a Free One? Knowledge is money!

would like to take
advantage of the
information given
within this eBook,

17

What You Need Before
Starting to Create a Website


What You What You Need to Know Before Starting
Need Before we start actually getting into the creation process, there are some terms you need to
BEFORE get familiarized with. If you know some of these terms, feel free to skip that particular area
and continue with the next.

Starting to
Create a Follow this Step by Step Guide:
Website A. Get a Domain Name

Think of a domain as the address to get to your home (your website). Like
www.EmpowerToChange.com and www.CreateAWebsiteIn4Hours.com.

So, the first step is to purchase a domain name.
If you have a friend who You can purchase a domain name for around $9.00 at www.CheapNames.com.
would like to take
advantage of the These companies who sell domain names are domain registrars because they register your
information given selected domain name; provided no one else has it.
within this eBook,

19


What You
Need
BEFORE
Starting to
Create a
Website

would like to take
advantage of the Before choosing a domain name, I strongly engourage you to sign up for free to our course
information given How to Sell Online. Chosing the right domain name plays an important part in the success
within this eBook, of your webiste.

20


What You B. Get a Web Hosting service

Need The web host server is the repository of your website and webpages. Think of it as the land
where your house will be built on. There are many hosting service providers today.

BEFORE You need to make sure the hosting you chose has fast servers. It’s been proven that the first
three seconds from the time someone arrives to your website are crusical. If your website
Starting to takes longer, chances are they will leave.

Create a Most domain registrars also offers hosting service (storage space for your website), but this
can be more expensive than other options around. So do your homework when chosing a
Website reliable hosting service. You can host with us for only $6.95 per month if you like and we
will set you up immediately.

Another good opiton would be GVO Host Then Profits. For $9.95 per month, you not only
get hosting space but also an arsenal of marketing tools all included.

You will get marketing tools like Web Conferencing, Video Producer to create videos quickly
even with a webcam, an autoresponder, and much more. It’s a good choice in my opinion. In
fact we are a GVO authorized reseller. This is why we can offer you hosting service for only
would like to take
$6.95 per month.
advantage of the
information given
Being a hosting reseller brings many advantages for you. If you decide to become a reseller
within this eBook,
too, you can offer services to your customers. This is a business model in itself!

21


What You When you become a member of EmpowerToChange.com, you will get hosting with us for
FREE including an autoresponder to get you started right away!

Need The process of creating a hosting account is really straight forward and very easy. Once you
are all set up, your web hosting provider will send you an email with your details on how
BEFORE to access your account and your server where you will upload your webpages to. Make sure
that you save these details in a safe place as this information is very important.
Starting to I recommend you to have an exclusive notebook to write down all this information and
Create a your passwords. When you are doing business online, you will notice that you will find
yourself having to save many passwords and settings.
Website It’s always a good idea to have everything in one safe place. I started doing this after one
time my computer crashed and I lost all my login information and passwords to all my sites
and membership sites. It was a real nightmare.

Once you have purchased your domain name and the hosting service, you are ready to
start creating your webisite.
would like to take
advantage of the
information given
within this eBook,

22


About A Word About Domain Nameservers
Domain Once you get your domain name and your hosting service, you will need to re-direct or
Name point your domain name to your server. You need to do this to tell the domain where is
your storage place, to look for your website. Your hosting will send you via email what

Servers nameserver you need to use.

It is something like this: NS1.NETFIRMDNS.COM and NS2.NETFIRMDNS.COM

When you purchased your domain, they will be pointing by default to the domain
registrars’ hosting servers and you need to change the settings to make them point to
whatever hosting server is assigned to you by your hosting company.

would like to take
advantage of the
information given
within this eBook,

24


About If you used CheapNames.com to get your domain name as we suggested earlier, login to
the backend, select from the left menu Domains / Domain Manager. You will see a list of all

Domain your domain names. Click on the link to your new domain name.

On the window that opens, just about the middle of the page, you will see the link Set
Name Nameserver right under DNS Manager column.

Servers

would like to take
After you click on Set Nameservers link, a pop up will open. Make sure you select the
advantage of the
option: I have specific nameservers for my domains, and under the boxes for Nameserver
information given
1 and Nameserver 2, enter the corresponding nameservers given to you by your hosting
within this eBook,
provider.

25


About See image below.

Domain
Name
Servers

If you are hosting directly with us, your domain server will be NS1.GVODNS.COM and
If you have a friend who NS2.GVODNS.COM
would like to take
advantage of the Once you enter the information, click OK. and you will be all set. It will take a few hours
information given for the changes to update. Once updated, you will be able to access your hosting by entering
within this eBook, your domain name (www.yourdomain.com).

26

Downloading and Installing
A Free Web Editor


Download Downloading a Web Editor
and Install Now it’s when the fun starts... It is now when you start designing your own webpage.
a Free Do you remember what we talked about affiliate marketing webpages? Well, we mentioned

Web Editor that it was to your advantage to create your own webpage instead of just promoting with the
affiliate product’s website. Since you want to be ahead of the pack, you will create your own
website.

To create a basic website you, will need a web editor (HTML editor. HTML stands for
Hypertext Markup Language). This web editor workes somewhat like a word processor with
a few differences which you will notice.

You will download this software to your computer, and once you finish your webiste, you
will upload it (send it) to your hosting server to make it available for the entire world to see!

There are many website editors around. There is Adobe Dreamweaver, Microsoft Frontpage,
If you have a friend who Net Editor, etc. But they all come with a price tag.
would like to take
advantage of the The one we are going to use is totally free. It’s called Kompozer. This is a WYSIWYG (“what
information given you see is what you get”) type of web editor. This fascilitate the process of desinging and
within this eBook, editing your pages. So, lets go ahead and download Kompozer.

28


Download Go to: www.kompozer.net to download it and install it.

and Install
a Free
Web Editor

would like to take
advantage of the
information given
within this eBook,

29


Download After you click on the Download button, Komposer will show you the following message
alerting you that the download will start automatically in 5 seconds. See image below.

and Install
a Free
Web Editor
When download starts, a popup window will open prompting you where do you want to
save the file at. Make sure you notice the path where the file will be saved to.

would like to take
advantage of the
information given
within this eBook,

30


Download Notice that I am using Windows 7, so your window might look a little different than mine.

and Install Once you know the location where you will be saving this zip file, click on the Save button
and the file will be saved. The file you just downloaded is a compressed file with the
extension ZIP (the three lettters after the period on the file name. This means that you
a Free need a way to extract or decompress it.

Web Editor To extract it, navigate in your computer to the folder where the file was saved at and right-
click with the mouse on the file. The following poupup will come up. Now, since I have a
program that helps me compress and decompress files and folders easily, my window looks
like the image below. I really recommend you to download WinRar free compression
program. You will be using this a lot in your business.

would like to take
advantage of the
information given
within this eBook,

31


Download Some versions of Windows comes with a simpler decompression program and when you
right-click with the mouse on the zip file, you will get a windows saying: Welcome to the

and Install Compress (zipped) Folders Extraction Wizard). Just click the Next button if this is the
option you see.

a Free Next, select the folder where you want to decomperss the file to. Once you select the place,
click the Next button to start extracting the files. At the end, you will be asked if you want to
Web Editor view the folder. Make sure the option is checked and click the Finish button.

Now that you have the folder unzipped and opened, locate the file on the list titled
Kompozer.exe (exe is the extension for executable files).

If you double-click on the file, Kompozer will open but then every time you want to use
Kompozer, you will have to navigate to this folder to double-click again on the
Kompozer.exe file to start it.

So, what I want you to do is to create a short-cut to this file and place it on your Desktop for
easy access. To create the shortcut, right-click on the Kompozer.exe file and select from the
list: Create short cut.
would like to take
See the image on the next page.
advantage of the
information given
within this eBook,

32


Download
and Install
a Free
Web Editor

would like to take
advantage of the
information given
within this eBook,

33


Download A new shortcut is created. Now drag this file (Kompozer.exe - Shortcut) to your desktop and
when you are ready to open the file all you have to do is double click on this new shortcut

and Install located on your desktop.

a Free
Web Editor

And this is how the shortcut will look like on your Desktop.

would like to take
advantage of the
information given
within this eBook,

34

Steps to Create
Your First Webpage


Steps to Creating Your First Web Page
Create By now, you should have everything you need to start creating your webpage. You should
Your First have your domain name and your hosting account already; and you should have already
updated the nameservers to point to your hosting server.

Web Page It is easy to get distracted and start playing around with the web editor, but if you dedicate
yourself to follow the steps as I’ll be explaining here, you will have your first webpage
immediately. That fast and easy!

Let’s Get Started!

Open Kompozer. Remember the
shortcut we created on the desktop?

Double-click on it to open the
program.
would like to take
advantage of the
information given
within this eBook,

36


Steps to When Kompozer opens you will see this window below:

Create
Your First
Web Page

would like to take
advantage of the
information given
within this eBook,

37


Steps to It will open with the Tips of the day window opened. If you don’t want this window to
appear every time you open Kompozer, just uncheck where it says “Show this tips at

Create startup” and click the Close button.

After you close the tips window, you will see at the top of the Komposer’s window, the menu
Your First settings available to you. From here you will get access to all options available that will help
you with the creation and formatting of your website.
Web Page
If you don’t see the Site Manager column to the left as you see on the image below, press the
F9 key on your keyboard. This is a toggle option you can turn on and off.

would like to take
advantage of the
information given
within this eBook,

38


Steps to When you first open Komposer, it will open a blank “untitled’ page. So, the first thing you
need to do is to give it a name or title. Notice that the name of the current page name also

Create appears at the very top right of the window.

Select form the main menu: Format > Page Title and Properties:
Your First
Web Page

would like to take
advantage of the
information given
within this eBook,

39


Steps to Give the page a title and click OK.

Create
Your First
Web Page

would like to take
advantage of the
information given
within this eBook,

40


Steps to Whatever title you enter on the Page Properties, will also appear at the top of the browswer
window and will be picked up by search engines.

Create It is recommended that you use keywords as part of the desciption; but for the sake of this
tutorial, I entered This is My First Web Page (see previous image).
Your First
Notice that after giving it a page title, it now appears at the very top of the window and the
Web Page page tab as it would appear on a web browser.

would like to take
advantage of the
information given
within this eBook,
just redirect them to: I have seen so many web pages in which their creators just forget this important aspect for
www.EmpowerToChange.com SEO; so get in the habit of doing this as your first step before starting to design any page.

41


Steps to Creating Content
Create There are several modes in which you can work to create your pages. But for now, we are
going to be on Design Mode. This is the WYSIWYG (What You See is What You Get) mode.
Your First
Web Page

would like to take
advantage of the
information given
within this eBook,

42


Steps to This used to be called the Normal Mode on previous versions of Kompozer.

Create Let’s enter some text now in the white area.

Type the following:
Your First
Web Page
You might be asking yourself how to start a website?

If you have been trying to figure out how to start a website without any
programming knowledge or spending lots of your valuable time, you
have come to the right place.

In this article, I’ll will show you the 4 easy steps to start a website.
Today, it’s very easy to accomplish the many things that used to be
very complicated, being one of them how to create a webpage.
would like to take
advantage of the
information given
within this eBook,

43


Steps to Your page should look similar to this one:

Create
Your First
Web Page

would like to take
advantage of the
information given
within this eBook,

44


Saving Files Website Structure
Before we save our new page, lets talk a little bit about the structure of a website. This is very
important to learn. So many people don’t pay attention to this, and when they upload their
files to the web and open their pages, all images are missing, and they just see empty boxes
where their images were supposed to be.

Keep these points in mind:

1. All files (pages and content) should be saved in the same folder in your
computer
2. Use different folders for each website
3. The main page or home page of your website is usually called index.htm
or index.html. Either will work fine.

If you have a friend who What I always do is to create a folder under My Documents named Websites and in that
would like to take folder is where I create the individual folders for each individual website.
advantage of the
information given See image on the next page.
within this eBook,

46


Saving Files

would like to take
advantage of the
information given
within this eBook,

47


Saving Files So, let’s save our first page as index.html in a folder named Test.

Select from the main menu File > Save. A new window will open asking you where you
want to save the file and the name you want to give it to it.

would like to take
advantage of the
information given
within this eBook,

48


Saving Files Navigate to the location of your choice in your hard drive where you will be constructing
your website’s pages.

In our sample, we’ll save it under My Documents and create a new folder called Websites
and in there, we will create the folder Test which is where we want to save our website.

And for file name, replace the title This is My First Web Page.html to index.html and click
Save.

If you open your Wiindows Explorer and navigate to the new folder, you will see your new
file named index.html.

Now that we have the structure in place and our blank page titled index.html, in the next
section we’ll publish the page to the web in order to have all settings in place before we start
editing our page and creating new pages.

would like to take
advantage of the
information given
within this eBook,

49


Publishing Publishing Your New Webpage
Your In this section, you will learn how to prepare your site to be published on the web. Yes,
Webpage I know we still need to polish our webspage, add more content, images, etc. But, let’s go
through the basics first.

When we setup our site to be published, Kompozer will manage the links between each
pages, and all images so that when we transfer our site, the references to each image and
links don’t get broken and you don’t end up with missing images and a navigation that
doesn’t work as it had happened to many people.

Trying to send their pages to the web is
a common problem most face because
they don’t understand it. But you are
about to learn how easy it actually is.

Select from the main menu:
If you have a friend who File > Publish as
would like to take
advantage of the The Publishing Page window will open.
information given See the image to the right.
within this eBook,

51


Publishing The Publish tab:

Your Click on the Publish tab.

Site Name will show your site’s name or folder name as you previously assigned.
Webpage
File Name should say index.html

would like to take
advantage of the
information given
within this eBook,

52


Publishing The Settings tab:

Your Click on the Settings tab. Under the section Web Site Information, enter your domain
name under HTTP address of your domain name.

Webpage You need to preceed your domain name with the prefix http://

NOTE: In my sample, I will publish the page in a folder named Test because I already have
content at the root of the domain. If you want to publish your pages on the domain’s root,
you would type here only the domain name, like http://yourdomain.com/ instead of
http://yourdomain.com/foldername/.

would like to take
advantage of the
information given
within this eBook,

53


Publishing Under Publishing Server, for Publishing address, you will type the prefix ftp:// and the ftp
address given to you by your hosting company. It’s usually with this format:

Your ftp://ftp.yourdomainame.com/public_html/

Webpage Generally your websites will be stored on the hosting server in a directory called
public_html. Everything you place in there will be public. Outside this directory, it’s not
accessible via the web. But don’t worry about this. The important thing you need to know
is that your website will be under /public_htm/ on the server even though you access your
website directly through the domain name without having to enter public_html.

Now, enter your User name and Password under the corresponding boxes and check the
box Save Password so that you don’t be prompted for the password everytime you are going
to publish a page. Now, click on the Publish button.

If everything goes well, your site will be published.

Testing Your Newly Uploaded Web Page
Let’s take a look at our page on the web to make sure everything is working fine before
would like to take
proceeding. Open your web browser and type your domain name. If your website was
advantage of the
installed in a folder, then make sure you enter the folder name as well. But you probably
information given
installed it on the root.
within this eBook,

54


Publishing Contratulations! You have your first web page on the web, even though it is still simple
plain text.

Your Don’t worry if you don’t understand all this at the moment. The important thing is to be
able to upload your website to your domain.
Webpage
And you just accomplished that.

would like to take
advantage of the
information given
You have accomplished what many don’t because they quit and didn’t bother to learn this.
within this eBook,
So, congratulations for this accomplishment. This shows me that you are really serious
about wanting to make money online.

55


Publishing NOTE - Possible errors and how to solve them:

Your 1. If you got any error message, it could be possible that your domain has not been
routed to your hosting yet. Depending on the domain registrar and your hosting
company, this process can take anywhere from 24-72 hours. In my case, the
Webpage hosting we use and recommended to you, and the domain registrar we suggested
to you route or point the domain to our hosting immediately.

2. Another reason why you might get an error is that maybe you entered the name-
servers incorrectly. Double check this before proceeding if you got an error. Go to
Page 23.

3. Make sure you name your home page ‘index.htm’ or ‘index.html’. Check the
spelling. Any of these two files is what the web browswer will look for if they exists.
If they were mispelled, you will get a not found error message on the browser.

4. If you are not hosting with us or the provider we suggested to you, make sure if you
needed to enter the folder path /public_html/ as part of the FTP address. The
mayority of hosting services uses the /public_html/ or /www/ folder to place your
web pages into. So check with them.
would like to take
advantage of the
information given
This section was in my opinion the hardest one to master. So if you were able to upload your
within this eBook,
web page to the web, you will be able to create your website in no time as everything will be
much easier from this point forward.

56


Fonts and Fonts and Images Basics
Images Let’s start now to make our page more presentable.

Fonts
When selecting fonts, we must stick to what’s called ‘web safe fonts’. These fonts are fonts
that are standard and available in any computers nowadays. Using these fonts will ensure
your webpage displays as you intended it to be; at least, as close as possible.

If you chose non web save fonts and someone doesn’t have that fancy font installed on their
computer, your font will be replaced with one of the standard web fonts and your layout will
look weird. This is why it’s very important to stick to web safe fonts.

Good web safe standard font choices are:

Arial
If you have a friend who Helvetica
would like to take Trebuchet
advantage of the Times Roman
information given Comic Sans
within this eBook, Georgia

58


Fonts and Lets change the entire paragraphs to Arial font. To highlight everything, place your cursor
at the beginning of the first word, then click and drag the mouse until the end of the

Images paragraphs. See the image on the next page.

Your screen should look similar to this one.

would like to take
advantage of the
information given
within this eBook,

59


Fonts and Now click on the Center icon.

Images

would like to take
advantage of the
information given
within this eBook,

60


Fonts and Your screen should look somewhat like this.

Images

would like to take
advantage of the
information given
within this eBook,

61


Fonts and Now, let’s change the text while the test is still selected.

Images From the main menu, select Format > Font and scroll to select Arial font. See the image
below.

would like to take
advantage of the
information given
within this eBook,

62


Fonts and As you could see, everything has been centered on the page and the font is Arial.
Click anywhere else outside the text to turn the highlight off.

Images Now let’s change the first line, the title, to a bigger font because this is a Headline.

Hightlight the first line. Then, click a couple of times on the font size icon. The icon with the
letter A and an arrow pointing down is to decrease the font size and the one with the arrow
pointing up is to increase the size of your font.

would like to take
advantage of the
information given
within this eBook,

63


Fonts and If you want to break up a line without adding paragraph, place the cursor at the position
you would like to break it apart and then press Shift+Enter keys on your keyboard.

Images Our page is definitely looking much better, right?

would like to take
advantage of the
information given
within this eBook,

64


Fonts and Adding an Image
Images You will import an image form your computer. Remember I told you that all files needed to
be placed under the same folder.

In our exercise, it is the Test folder on the computer. So go ahead and copy an image you
have and place it under your website’s folder on your computer. In the sample below, I am
dragging my image to the Test folder where my website files are.

would like to take
advantage of the
information given
within this eBook,

65


Fonts and Now that your image is located in the same folder as your web page, you are ready to place
it on your page. This is why it’s important to plan ahead your website before you start

Images building it. You need to have a clear vision of how you want your page to look like and
create your images beforehand.

Importing an Image onto the Page

Place the cursor between the second and the third paragraph. If there is no space in
between, place the cursor after the second paragraph and then press Enter to add a blank
line. Now, to insert an image, click on the Image icon.

would like to take
advantage of the
information given
within this eBook,

66


Fonts and
Images

On the popup window that opens, browse to the location on your hard drive where your
image is located. Then, click on the image to select it. Then click Open.
would like to take While we are still on the Image Properties window, assign now an Alternate text to the
advantage of the image. Otherwise, Kompozer won’t allow you to continue.
information given
within this eBook, The Alternate text is what’s shows up when people roll over an image. It’s also for text
just redirect them to: readers. After filling out this information, click the OK button. The image will be inserted at
www.EmpowerToChange.com the cursor position.

67


Fonts and If the image was too big, you can resize it with the square handles that appear around the
image when selected. Just click and drag any of it’s corner points while holding the Shift key

Images on your keyboard to constrain its proportion and avoid distorting the image.

would like to take
advantage of the
information given
within this eBook,

68


Fonts and Your screen should look like this with the image inserted at the cursor position.

Images

would like to take
advantage of the
information given
within this eBook,

69


Fonts and A Note About Images

Images Even though you can resize an image using the handles, it is recommended that you
have the images at the exact dimension before placing them in your web page.

The reason is because, even though you resize the image and make it smaller, the
image will still be loading at the actual size and then the browswer will resize it to your
specification; so the file size will still be the same, not smaller.

Notice that now your image is also listed on the left panel, under Site Manager.

It is good to get into the habit of constantly saving your changes. You don’t want to loose all
your hard work and have
to start all over.

Let’s save the file now.
would like to take
advantage of the
information given
within this eBook,

70


Fonts and Saving Your Work
Images Click on the Save button from the top main menu. It will ask you if you want to overwrite
the file. Answer Yes.

See previous image. The folder name where you are storing your website, your web page
and image are now showing up under the Site Manager panel located to the left of the
Kompozer’s window.

If you don’t see the list, click on the plus (+) sign next to folder name. It will show your
entire web structure.

If you have signed up to our Success Online Newsletter, you will be
getting free information about the best way to handle images.

would like to take
advantage of the
information given
within this eBook,

71


Fonts and Changing the Page’s Background and Text Colors
Images To change the page background’s color, select from the main menu Format > Page Colors
and Background.

would like to take
advantage of the
information given
within this eBook,

72


Fonts and The following window will open.

Images To customize the colors, click on the Use custom colors radio button (see image on the
previous page) to make the options available as shown below. To change a color, click on the
color swatch box.

would like to take
advantage of the
information given
within this eBook,

73


Fonts and The color selector will open. Let’s pick a blue-grey color. Then, click OK.

Images Notice we have changed the backround. Make sure the color you pick doesn’t compete with
the rest of your design and that all text is readable.

would like to take
advantage of the
information given
within this eBook,

74


Fonts and So far, we have made only a few changes and your page is looking much better.

Images

would like to take
advantage of the
information given
within this eBook,

75


Fonts and Save and Publish
Images Let’s publish the page to the web, but first, let’s save our work. This time select Publish as
from the File menu.

The reason why we are going to use Publish as instead of Publish is because now we have an
image and we need to let Komposer know what to do with it; if we want to publish it too or
not.

would like to take
advantage of the
information given
within this eBook,

76

Create a Website in Less than 2 Hours

Create a Website in Less than 2 Hours

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Destacado

Destacado (20)

Similar a Create a Website in Less than 2 Hours

Similar a Create a Website in Less than 2 Hours (20)

Último

Último (6)

Create a Website in Less than 2 Hours