Getting
the right software:
The
first thing you need is a ws_ftp
You
can get a free one from
here...
To
Learn how to use it, you can follow instructions from
here
If
you do not have a zip file to unzip it.. You can
download
zipcentral from
here, free...
Once
it is downloaded and unzipped you can read
the tutorial
from
here....
If
you do not know how to download or make folders
go here
For
a quick overview of your ws_ftp go to Click
Here
Check
your computer for frontpage express that most new ones have
installed.
Go to start>programs>accessories>internet tools> frontpage express
Or
you can download netscape composer 4.76 to 4.78 for learning.
You
can get that
here
If
you decided to use the netscape composer,
you
can still use internet explorer as your main default browser.
WE
cannot just download the composer only... It is too bad, but you need to
download
the
whole netscape to use the composer.. Do not get the 6.0 Version because
the
editor
is harder. We need to use the older version.
Okay,
NEXT you need to find a template that you would like to use.
You
can use the templates they offer in netscape composer, but you will
probably
like one of these.
Go
to www.freesitetemplates.com
You
will download a zipped file with your new template. Try to find an easy
one.
The
ones with images that need you to make the buttons are too hard for now,
but
later you can do that, too. Pick one that does not have buttons or has
buttons
that
are ready made.
New
freesitetemplates now has a video tutorial free to use to learn
how
to set up your templates, and use various tools.
Okay
here we go..... Quick instructions for both netscape composer
and
for frontpage express * Please note these are both free html
editors
and are basically fairly easy to learn. Should you want to
buy
frontpage2000 or some other editor that is up to you.
Building
Your Page the Easy Way With Netscape Composer
You
need to know how to make a special folder for your work area.
Go
here to learn how to make a folder
Make
sure your download for a template is in the folder.
Open
the template.... now saveas and name it practice.html
and
make sure it goes to the designated folder that you just made.
If
netscape is your default browser... Go to your folder and
and
double click on your practice.html It
will open up.
You
now go to file top left hand corner and scroll down for
edit
page. You will see your page in a new light, edit mode
and
you can start playing around with the html editor.
If
netscape is not your default browser. Go to start> programs>
netscape
communicator>netscape composer - When that opens
to
to file top left hand side and click on open. Then browse
to
where you have your template on your harddrive. When
you
find it, say open.
USING
your Wsftp and load your page to your server.
When
you open your wsftp and log in you will come to a two
sided
box. The left side is your harddrive the right side is the
server
side.
On
most servers you will a yellow directory folder and
you
will see yoursite-www, or www or public_html
depending
on your server.
When
you double click on the correct folder you come into another
area
of the server and you will usually see another yellow folder
that
says cgi-bin (and that is usually one way to know you are in the
right
area)
OKAY
NOW,
highlight
practice.html which you will find on the left hand side,
by
browsing using the green arrow to find where you put your
practice.html
page.
Use
the middle arrow on the software and watch it go to the server.
It
makes a loud noise. IF IT says "oh oh" sound, it means that your
wsftp
has disconnected from the server and you need to connect it again.
These
are the things you need to build your web pages.
1.)
Download a wsftp from here then read the directions on how
to
use the wsftp for loading pages to your server.from
here...
2.)
Go
here and pick out a template that you like.
3.)
Download your template. If it is zipped... Get a
zip
utility from here if you do not already have one.
here,
free..
NEXT
shut out all your Internet Explorer Browsers you may have
open..
And find netscape composer and open it up.
NEXT
type in your domain name.com/practice.html
YOUR
template will show.
NEXT
Go to File.......top left in your browser (netscape)
and
see where it says edit page..... A new view of your page
will
show up...
YOU
are now in Edit mode.
Type
some words in... then go to file and choose saveas
Saveas
practice.html and send it to your server with your wsftp
NOW
type in your url yourdomain.com/practice.html
reload............and
see your new page with the changes.
Now,
that you know where and how to edit your page...Edit some
more
and practice playing with the buttons.
You
will find... Font sizes, colors, links, Bold Italize
add
images. etc. Just play around... after about 8 minutes,
go
to file and saveas. (make sure you saveas in the folder you
have
made for your pages.
save
as...... and continue working on your page...
after
you save as you can also preview the page....
Soon
you will know a lot.
Or
get your frontpage express, as mentioned above.
Go
to start>programs>accessories>internet tools> frontpage express
You
can open your frontpage express, and browse for your folder/
your
page practice.html and play with that editor.
NOW
somewhere along the line you are going to want to copy and
paste
some html code in........ well, you can't copy and paste
into
these editors.. but you can still do this:
The
easy way is type in COPY AND PASTE HERE.. where you want the
code
to show on your page in edit mode.
Then
saveas.
NEXT
go to your WSFTP find your file... highlight it then find
the
place on the gray area of your wsftp software that says
view..........View
it..... YOU Will see all the raw html code.
Now
at the top you will see the word search... Search for
COPY
AND PASTE HERE... and presto it will show you the spot.
paste
your html in..... erase the copy and paste here....
Go
to file and save as.... (making sure it goes to where you
are
working on it) now go back to your page you were editing and a
warning
will pop up.... "This page has been changed, do you want to
see
the changes?" And you say yes.
And
you will see where your code went in.
Save
as.......... and preview it.. When you are done......
Load
it over to your server and then type in your url. RELOAD
and
see the changes....
Now,
you can learn by practicing different things. Good Luck.
Extra
Secrets
Always
name your pages in lowercase for now.
Always
put them together as one word such as namethispage.html
do
not put it as "name this page.html" IT WILL NOT work.
Always
load your jpg gif pdf and exe files in Binary mode.
To
link to your gifs and your downloads is easy.
yoursite.com/nameofimage.jpg
Picture
your www as your livingroom door.
Double
click on www and you will see a folder called cgi-bin and
stats..
pretend those are doorways to rooms in your house.
So...
double click on www you are now in your living room.
Everything
you put in your living room is linked by its file name.
Suppose
we have a webpage we have named table. html
To
get the table we go yoursite.com/table.html
Suppose
we need to make a new doorway to say the bedroom.
We
make a directory called bedroom
We
double click on the bedroom and then send a file called dresser.jpg
into
the bedoom.
To
get to that file we have to go yoursite.com/bedroom/dresser.jpg
Suppose
we put a free ebook in the bedroom.
We
go to yoursite.com/bedroom/freebook.exe
And
that is basically how links work.
**************************
You
may like to make your page a free banner or button
Click
here and start building one. Free
Teresa
NEW
WOW and POW.... $24.97 get professional templates, and a fantastic
training
book.... I could not believe how easy this tutorial is and how professional
the
pages are.. Take a
Peek
Back
to Home
Any
questions - email Teresa
|