How
To Create Mini
Websites
Using Front
Page
In Sixty Minutes
Or
Less!
By
OKONKWO
CHIGOZIE
INTRODUCTION
A lot of people still
find it difficult to build their own mini websites. I've
come across lots of
people who want to build their own websites but they
do not know how to go
about it, so they end up paying big money to
others.
It's time to start saving
your money. The truth is that it's very very easy to
create your mini sites.
I'm going to show you in the next few pages how
easy it is. After going
though this, you will be so equipped with all you
need to get started.
You will building your
website in the next one hour! I'm so confident of
the power of the
information I'm about to pass on to you right now.
Here are the tools we're
going to be needing
- A domain name
- Front page software
- Web host account
The first thing you
should do is to register a domain name. If you don't
know what a domain name
is, it is simply the name of your website.
If your website is called
http://www.you.com
then
your domain name is
you.com
Registering a domain name
is a very easy thing to do, besides it is cheap to
do. A top level domain
will cost you just about $8 a year. There are many
domain name registrars
out there you can go to to register one. Check out
these two..
http://www.007names.com
http://www.namecheap.com
Make sure you register an
easy to remember and easy to brand names.
That will give you a king
of professionalism.
The next thing you should
do is to register for a web host account. A web
host is a service that
will “house” your website on the Internet so that the
whole world can see it
when they type the name into their address bars.
You can register a for a
decent web hosting account for $5 a month. You
can get a good host at
these two companies.
http://www.hostgator.com
http://www.netfirms.com
One advise for you here.
I'll suggest you buy a type of hosting account
where you can host
multiple websites for just one price. The price will be
higher than $5 a month
but it is well worth it.
Remember that you will be
setting up multiple affiliate websites. It is
better than paying $5
every month for each website. You can even sign up
for a reseller hosting at
hostgator.
After setting up your web
hosting account, you need to go back to your
domain name account. You
need to change your Domain Name Server
(DNS) to that of your web
host to make them work together. It's very
simple to do.
Log into your domain name
account. Look around and you will see where
you can change your DNS.
Below is a screen capture of one of my domain
name accounts at
007names.com
Your web host will
provide you with your new domain name server. Just
change the default one to
the new one the web host provides and save.
You're
now ready to set up your website.
It's time to design your
website. This is pretty easy to do. I will show you
how to in the next few
pages. Practice it and you should have it ready in
sixty minutes or less.
We will be using
Microsoft Front page for our design. If you don't have it
on your computer please
install one. You will be glad you did.
You don't have to spend
too much money to get one. I bought mine on
ebay for just $17. Go to
ebay and search for a bargain. Even if you get it
higher than what I got if
for, it is still worth it as you will build unlimited
number of websites with
it. The full 2003 version will suit you fine.
How
To Set Up A Mini Site Using FrontPage
The first thing you
should do is to power up frontpage on your computer.
Just click on start and
look for it from the list of programs you've got.
You should have a page
like the one below after you open it.
The next thing we should
do is to create a new web. To do this, just click
on start, click on the
file menu, point to New, and then click on Web.
See the image below.
We're done with the first
hurdle.
A new window then pops up
to you where you will have to choose from
different options. It
asks you to choose what type of website you want to
create.
Frontpage provides you
with different types of templates that will help you
design your websites
easily but I suggest you stay away from them for
now. You don't need them
for our aim here.
When the options come up,
choose the first one called “One Page Web”.
The next thing is to name
your site.
Although frontpage will
assign names to all the websites you create but
you have to name them
yourself to keep things organized. Remember you
will be building multiple
websites over time.
Click in the box on the
right hand side and move to the last part of the “file
path”... this is the part
where you have the chance to name your website.
It usually looks like
this...
C:\Documents and
Settings\Owner\My Documents\My Webs\Oluwafisayo
I underlined the
Oluwafisayo to show you where you can name your
website. Just clear the
default name frontpage gives you.
Click on OK and you're
back at the frontpage window you opened.
Before we go on, I want
to show you something. I want you to click on
“Folder”.
Each time you need to
check through your files, this is the quick way to do
it. It will give you a
complete view of everything contained in your
website at a glance
including pictures and sub folders. Try it out.
When you click “Folders”
you will see a list of files which frontpage has
automatically created for
you. One of such files is named “index”.
Every website online has
an index page. When uploaded, an index page is
the page you will land on
when you get to the first page of a website. It is
also known as “home page”.
The name index is given to it as it is the only
name recognized by web
servers.
The summary of my “story”
is that the first page you always create must
be called index. Never
forget this. Fortunately for us, frontpage
automatically names it
index so we won't have much problems.
Designing your site from
now on is as simple as ABC.
So just go ahead and type
in “Welcome To My First Website”
Save it. Here is how to
do that. Click File, then choose “Preview In
Browser” To see how your
website looks, click “Preview” You should see
something like the screen
below which is a fully functional webpage.
Notice that, the webpage
you are designing, is now showing on a web
browser which means it is
fully functional.
NEVER FORGET – each time
I ask you to preview in a browser,
always save your work
first or else, nothing will show in the browser.
Let’s add more designs.
The next thing we will do
is to type a new line of text containing your
Business Name. Return to
FrontPage and just hit the Enter key on your
keyboard once and type
your business name.
I have done that on my
screen. It is shown below. Next, I will add basic
formatting to my business
name just to show you how things are done. I
will increase size, I
will change colour, I will embolden, italicise and do
basic
alignments (i.e. change
position of text on the screen).
I have typed out my
business name BUT before I begin to show you
how to do all the things
listed prior to that, let me show you around some
more.
1. The store house for
different type face called font. This is where you
change the character type
of the text you type
2. This is the place
where you increase or decrease the size of your
characters. In website
design, there are only 7 sizes. 1 being the smallest
and 7, the highest.
3. The B, is used for
making bold. When you select a text, and click on it,
the text becomes bold –
alternatively, when a bold text is selected and the
B,
clicked upon, the text
goes back to normal.
4. This follows the
pattern of the bold command BUT this time, things
don’t go bold, they get
italicised.
5. Use this tool to
underline your text
6. This is used to align
your text to the right. Alignment is a term used for
positioning. You can make
text to be on the right, left or centre of the page
depending on the look and
feel, you want your design to present.
7. Aligns text to the
centre of the page.
8. Aligns text to the
right of the page.
9. Used to add a
background shading to text. By clicking on the small
inverted
triangle by the side, you
can actually choose varied colours with which to
work with. (You can see
this in action in places where I have made
emphasis, even now, that’s
what I have working)
10. This tools helps you
change the colours of texts to the desired colours.
To try out these
functions, simply select the text you wish to make look
different, then click on
one or a combination of the options.
To select a text, hold
down your left mouse button, then drag over the
desired text. When you’ve
covered the desired text completely, release the
mouse button, then
proceed to choose the option you want. I will do the
following to my business
name now, just for you to see how it looks.
I will increase the
character (text) size to 7, which is the maximum
I will align it to the
centre of the page
I will change the colour
to red with a yellow background
I will underline it
I will make it bold
Here’s what it looks like
when I finished.
You can test how it looks
in your web browser using the steps I showed
you earlier. Just turn
the pages back if you don’t remember. Like I told you
at the start, this is
really simple! As you can see for yourself, your website
is already taking shape.
Lets learn a little more
tricks that makes things even more interesting.
If you look at the
examples I showed you in the beginning of the manual,
you’ll notice that the
pages all have a unique look that makes them very
beautiful and pleasant to
look at. Striking also, is the colour which is
placed as a background on
the page on which other things are built.
Your own page looks all
white, so, lets tumble things around a little. You
will now learn how to add
a background to the your webpage and with it,
make things quite
attractive.
To do this, right click
on any portion of the page. A pop-up menu like the
one in the picture to the
right shows up.
Click the option “Page
Properties”; it is circled for emphasis in the screen
shot.
A larger dialogue box is
presented to you which looks like what you have
in the
screen shot directly
below. From that dialogue box, select “Background”
The dialogue box now
gives you a completely new set of options.
What we intend doing is
to add a background colour, so we just scroll
move to the section that
deals with the background, click the inverted
black triangle and make a
colour choice (I will make a choice of light
green). When you are done
selecting, click “OK” and that’s it!
That's how your site now
looks.
Of course, you can add
more information, by typing it in and arranging
them the way you want.
Ok – you have just learnt
to create a web page and also learnt to do a few
tricks BUT our goal is
not just for you to create a web page; our goal is
for you to create a web
page that is a mini-site, which means contains only
1 to 3 pages, has the
capacity to catch attention and pull profit.
What you have designed so
far will hardly do that, so let’s get down and
learn some profit rules
for building such a website. The one that looks like
what I showed you
earlier.
Rule 1 – when you use a
dark background, write with a light text
(character)
Rule 3 – Do all you can
to blend colours and not to mis-match them.
Rule 3 –Never use the
full screen for writing when building mini-sites. It
makes it difficult for
the eye to follow what you have written and makes
reading a tedious task.
Enough of the rules for
now. Rules 1 & 2 are simply enough to understand.
To achieve
Rule 3, you’ll need to
learn a new trick. It is called working with Tables. A
Table is actually an
enclosure into which things can be put and held. When
you use tables, you can
easil keep things neat and set them the way you
want exactly. I'll show
you soon.
So let's get back to
building our mini site.
I'm going to rub off all
we've been doing so we can build a clean mini site.
We're going to rebuild
the site my partner and I use to sell this product at
http://www.firstaffiliatesale.com
The first thing I will do
is to erase every thing I have written so far on the
page and have a clean
slate (blank page).
Next, I add a blue
background. (You can turn back the pages to see how
this is done).
I have this.
Now to make my mini-site
quite attractive, I now add a table, I centre it, I
give it a background of
white (remember what I told you about a light
colour on a dark
background).
Notice carefully the
settings I have chosen for creating my table (you can
go back to review
creating tables) Notice especially the Width I have
chosen. I have it in
pixels and I have chosen a size of 550.
I recommend not more than
650 for your mini-site. For this demonstration,
I will stick to
550pixels. I finish up by clicking OK and here’s what I have.
Oops.. things still look
poor. Here’s what next I have to do.
I make the table have a
background of white.
To do this, I Right Click
in the table and choose Table Properties.
I choose a white
background.
When done well, here's
what you'll have.
So, I’ll just start
adding the information for my product.
The first thing I put in,
is a bold heading – centralised and in reading,
giving an instant catch
about my product.
And here’s how it looks
after I have added it.
I want you to take note
that there is ample space between the blue edges on
the site and my texts.
That makes it look decent. I did this by adjusting the
“Cell Padding” from the
Table Properties. (I am sure you can find your
way to the table
properties section).
See what I adjusted.
I chose Cell padding 10
and clicked OK.
Please always remember to
save your work. Your first page to be saved as
index. We will be using
just the first page at least for now.
So the above is basically
how to create your mini site. Just keep adding
your contents and the
page gets longer.
We won't over dwell on
mini sites creation because we don't need to get
too fanciful for the
purpose of just promoting affiliate products. We will
deal with only what we
need for now.
You can find your way
round FrontPage if you want to know more.
I want to quickly show
you how to insert images/pictures because you will
be needing that skill.
You'll know why soon.
So how do you insert
images/pictures?
To add a picture, make
sure your cursor (the blinking black line on the
page) is placed exactly
where you want the picture to show up. That done,
go to the menu bar and
click Insert, then Picture, From File as shown
below.
What I want to do now, is
to bring in a picture from a file on my computer
which I have stored
previously. When I follow the steps above, I am
presented with a screen
like the one below;
To put in a picture, I
click the icon that represents “Select A File On Your
Computer” which is what I
have circled in the screen shot above.
Next, another dialogue
box, requires you to select a file which you intend
to insert. (If you have
created a graphic to serve as the header (the top
graphic on your page) or
you want to insert a picture like I am about to do,
you will need to know
where it is kept on your computer, then you need to
know the name of the
picture. Once you have found it, just click on it and
what you’ll have is the
picture inserted into your page.
Here’s what I got.
Simple, isn't it?
Like I said earlier, just
play around and you will be a master at it in no
time. I didn't know it
was this simple as well when I wanted to start.
Inserting
Codes
This is another vital
part of website creation. There are times when you
will want to generate opt
in forms with the HTML codes your
autoresponder account
provides for you.
Maybe you want to embed
YouTube videos and you are provided with just
the HTML codes. How do
you go about it on your website?
It's actually simple.
Let's assume you want to generate an opt in form with
the HTML code your
autoresponder service provides for you.
Copy everything in that
box and go back to your website. I mean the FrontPage
web page on your
computer.
Click on the spot where
you want the form to be an make sure the cursor stops
and blinks there.
Then click on HTML. You
will see it at the bottom left of your screen.
It then opens up a lot of
codes for you. That is what you would have written
yourself if there is no
software like frontpage. Something like this.
When you get to the
codes, look for where your cursor is. It is blinking
somewhere. Paste the code
you got from your autoresponder and click back to
normal.
Bingo! Your opt in form
has been generated.
That is how you will be
embedding your youtube videos as well and all the
other HTM codes you get
from other places.
Creating New Pages
Creating a new page is as
easy as creating the first page. The little difference is
that this time around,
you will select a new page and not a new web.
The picture below
explains it.
A new box now pops up. It
looks like this. You chose normal page (that is the
default anyway) and click
OK.
You can then carry on
designing your page and adding contents.
Creating
Hyperlinks
This is easy as well. To
create a hyper link, highlight the text or image you
want to turn into a link,
then click on insert on the menu and point to
hyperlink. See the image
below.
You're then presented
with a dialogue box that looks like this
If you want to link to a
page within the website you have created, simply
click on the name out of
the list you are presented with. In the image
above, how to order is
chosen.
If you want to link yo an
external website however, type in the URL of the
website you want to link
to into the space provided for URL. You can then
specify your target frame
as in maybe you want it to open in a new window in
the same window. Then
click OK.
Uploading
Your Site
The next thing is to
learn how to upload your website onto cyberspace so
the whole world can see
it when they type your domain name into their
web browser.
To do this, follow the
simple steps below.
Click File, then Publish
Web as depicted in the screen shot below.
You will be required for
the location you wish to publish your website to.
Just type your website’s
URL as shown the next screen shot. (I have typed
my website’s URL to show
you how)
When you have correctly
typed your website’s URL, click Publish. Next,
you will be prompted for
your username and password (your web host
must have furnished you
with both). Just type them in correctly and click
Publish to continue.
This shows that your
files are being transferred to you hosting account.
Just hold on until it is
complete.
The minute you get a
confirmation that your files have been successfully
transferred, you can leap
off your chair, give yourself a BIG hug and start
showing your website to
the rest of the world.
HINT:
Publishing of your files
will work only if you have an active Internet
connection. Also, be
aware that sometimes after your files are published it
takes about 48hours
before it starts being seen. This doesn’t mean that the
files are not
transferred. It just means that they’ve not taken root.
This is more common with
domain names though.
So that's it. You now
have all the information you need to start churning
out your own mini sites.
Thank you.
Okonkwo Chigozie
No comments:
Post a Comment