|
The bundle this
software offers spells versatility of
application. This was a forté for me, sealing
its purchase, and I decided to contribute my
tutorial on it. Creating Webpages with the
cataloguer is quite easy even if you don't know
any HTML programming. Sticking with the now
familiar Motorcars catalogue (thanks John), it
all starts with the saving your catalogue
(assumed done) as an HTML file. This as easy as
clicking the toolbar menu droplist for 'File'
and picking the 'save as HTML' option, or just
click the respective icon (see left picture).
|
|
|
After the 'save
as HTML' click, one gets the HTML wizard screen.
Its top section 9the heading of the webpage) is
divided into 3 parts: left, middle and right
sides. First we handle the left part. In this
area one finds a droplist (see left pic).
|
|
|
The droplist
offers 3 options (see below): 'leave blank'
(meaning include nothing in this area), 'show
text' (meaning you want text to appear in
this space) and 'show picture' (you want
to place a picture in the space). I opt for the
last option and clicking the option from the
droplist I am now ready to locate my picture to
include. This I do by clicking the 'Change'
button (see left picture).
|
|
On click, the
customary browse screen opens (can be My docs or
any other by default, mine was the 'My
Catalogues' screen - see below) and because my
pictures happened to be located in a folder
somewhere else (John sent them to me and I
stored them in a folder called 'Motorcars'), I
browsed to it as with any other windows
application. I found my Image (see left
picture)
|
|
|
And clicking the
'open' button loads the picture in the HTML
wizard space as shown in the picture to the
left. i'm done with this section.
|
|
I will now
handle the next section (the middle section)
where I will place my heading. Obviously text.
Right-clicking this section, gives me a 'font'
option and clicking it (see below) opens the
font options screen from windows (see left
picture). here I chose the appropriate font
settings to use for my heading.
|
|
 |
Take a little
time to make sure the text is placed centered
correctly (this you do by backspacing and
tabbing about) and once done (see below - top
picture) I'm ready for the right handside of my
header. Again in this section the same options
as in the left handside appear included in the
droplist (see below - bottom picture). I opted
for another Picture and proceeded to do as I did
above as in the left handside header wizard. I
have now my header complete (see left picture).
|
|
|
The next step
is to go to the data area and establish the
'thumbnail size'. This is the size your pictures
will appear in the Webpage body section. I opt
for the 64x64 size as they serve my purpose.
This I pick from the droplist as shown in the
picture below. I then go to the right handside
called 'page settings'.
The first thing
I have to do here is set the colour for the page
background. I click the little button marked
'...' (see below) and get the colour wizard
screen you see on the left picture. I pick my
colour from there (for this example - Black)
|
|
|
I go to the
section just below marked 'data font' (this is
the settings for the font to appear in the body
section), and clicking the '...' button (see
below)
I get the font
wizard shown in the left. Here I set the font I
want to use and on 'OK' the actual example off
the font appears as marked in the left picture
'sample' text (see where cursor is on the left
picture - bottom)
|
|
|
The next step
is the Text colour and on clicking the '...'
button (see below) I get the colour chart wizard
shown on the left picture. If one clicks the
'define custom colours' button there (see where
cursor is on the left).........
|
|
|
.............One
gets the inner or secondary colour chart where
one can narrow the choices to shades of the
primary colours of the first screen (see left -
top). I opted to pick a shade of the grey whose
tonality is very light (see arrow on left
picture - middle).
The sample of
the colour actually appears in the text colour
panel just below its heading (see pic on the
left - bottom) but in my case being so such a
light shade of grey, its almost unnoticeable. I
want it that way!
|
|
|
You're actually
done! That's it. the Webpage is ready to be
compiled by the software. If you want to FTP the
page, do the next step (step 1), else skip the
step and go to step2.
(step 1) - If
one wants one can 'Upload the HTML' in which
case by clicking the button shown below prompts
an FTP screen as depicted in the left picture.
This should be familiar to those in the know and
are self-explanatory. Enter the details and
click 'Upload HTML' and it will connect and
unload to your 'path' relative address.
|
|
|
(step 2) - I
will not do an FTP at this time and instead will
continue to create the HTML on the fly so you
can see what happens. I click the button marked
'Create HTML'
|
bravenet.com
