CoffeeCup Visual Site Designer Tutorial

Tables and HTML
Putting tables and HTML on your page....

My apologies...it's been too long since I've done one of these....occasionally you might hear me say, "Alt C" but I really meant Ctrl C...(had the other on the brain for some reason today.)

---

Closed Caption:

know and welcome to this tutorial on the
copycat visual site designer
in this tutorial we're going to see I'm
going to show you had to do some tables
and to work with HT
now alright cell I am
dear is no bertin like on most
HTM icon HTML measures you usually have
small but in that will say tables and
you can
maker and it's very
he it's very nice easy are
but this one I am NOT finding anything
anywhere that has the
way she'll do
he an actual you can do a grid
and you know that just that's a snack
work it so we're going to you
gonna get
and we will arm
have to end it going with boxes
on website so what we end up doing
is as ridable
and we're going to have to come up here
too
view back to clicking now
and we're going to insert are horizontal
if it is done here
and then we're going to also inside
vertical to here and this is going to
help us
home me
able to space are buttons
similar to how we want them sensor is no
easy way
to actually do he table
individual site design so we're gonna
kum appear
in we're gonna have two columns and
I need another callum and will have
column
3 K cell
now I wants you me these one of these is
going to be on my right hand side
page came in we are so be sure you want
to get your
Page Properties course setup on your
page
we're going to put yes column
over here and
are other two columns maybe this column
here
and will bring this up first is
Bri bada then
we will bring column
on the left hand side and then we'll
bring up
perhaps this will be the body like maybe
the left hand column
will be your menu or something for
example
and the metal column
in this regard might be a little longer
because maybe that's your
description taxed
K now when you
and in as you go through you can of
course and
that will increase the box link
okay and if it were a row me
cell if you're doing
I menu I'm just going to pay it
10 some text I am
okay and over here we have another text
better
text over here K cell
know what we want is
to as I said you've got 'em
all and this would be how you would
insert your text and my out
so that if you eventually
to putting some adverts on
to yes if you wanna put them on your
page and keep them
so that they're not interfering with
actual
text you can put them
in columns just like this K cell
this is how you
like I said my numba in and if you had
more columns
question want to preach vertical in
there and space it out her
you would like to do that so now we come
to you
wonderful HTML
okay so we come out here and
it says it's a little screen the
if button-down said HTML
K so we're going to had HTML
click on that going to come over here
to third column
and home
I'm going to find some kind
and I'll see I could put in a table
him I will find something and we will
put it in over here for you so I will be
right back
rates to come over to your place I'm
going to insert a game
there him Dennis come up here to the
JavaScript source
can and it's a wonderful place to go
in get some wonderful programs
I use it a lot in in am
as I i'm search to hear it I'm going to
put up
blackjack home
gonna put a blackjack initial he
okay somehow we're going to do this is
an II search to it in here it is now
this probably
is very confusing but what I like to do
I'm like to you happy at
all and then I am control see
and then I like to put that on any
WordPad so that I can call it that just
in case
I her finger trouble the
and lose it cell I'm just going to
minimize that for the time being
and home I wanna show you in New of
course you can highlight all too
that's and then just
do it that way but now you'll notice
that appears says three steps to install
blacked
okay number one Cuddy decoding into the
head
your HTML be the coding
into ahead K cell
right down here it says step 1: paste
this kind and to the head your HTML
document
okay now I have the other
the copycat official site design than
him
task insulin gonna do and I'm gonna come
out here
I like to actually work this way and
just drag it down
hold drag it down to where you see Step
2
or something to that effect
right there it is okay so I know that I
have to you
them alternate are alt
see and I'm going to you happy that
yeah I'm gonna go over to me copycat
and here's my place that I am going to
inserted
however you need to do this because it
needs to be
into aged email so I've got it here
and going to come over here HTML
an into consists is going to put it
right
there you'll see that funny will area
in here just so that I know what ideas
blackjack his son I need for the
head me so the header HTML
hey East
what's week okay
now I still have more
so we can always get back into this so
that's a good thing
think it's gone gonna can
them said now I go back over to
JavaScript sources go
two-step to and missus
insert this into your body 10
K so then I'm just my cursor over
drag it down I believe
take rested alt see
gonna go back to me can
going to the body HTML which is right
here
and I'm going to you right click pieced
and
should be good to go K
no we need to you if this would be
referenced anything on
computer I would of course have to go in
there
and me T Shin into the files
potential in and another
tutorial so but I believe we're good
and I'm going to come up here connection
spread this out and I'm going to
first tranny
yes
a want to play
area so we're going to hope that that
can
alright yeah we're going to come over
here and we're going to
preview I don't know that it will show
up
on the preview work shocked
that it's going to build page
and should
yet and see if it shows
it does indeed agency right here is
their blackjack
now Chris like I said you can always
come back in here
and
play around with it so that you can now
I just okay so
like yes this can this
course can come over here net might be
at this point might be
a good use for your
vertical guideline
in you just train adjusted to manipulate
it however you want
the
however you want it to be and then
you should be good to go the new just
when you're done
you would of course put in the rest
but this is how you would do the HTML
this also works if you're going to do
adverts Google
or Amazon or whatever this is how you
would
copycat site design okay so then
she would say you and
then you would course note that
to your site and uploaded
and you will see and as you can see this
would be for you can go to see it live
now of course she would do you put your
header and
everything else on here because I wanted
to show this to you
just so that you could see how he
table along with inserting them HTML
would work thank you for watching