okay guys so in the last video we settle for a header
the way we want it and again you could have a different logo you could have a
different color background different color background for your page
so these, yours might look a little bit different
but we do want in this header area we do want to navigation
now we can create our own buttons and in fact we can actually create
Photoshop buttons where we can have sorta more graphic or
photo graphic button if we want to but for right now we're just going to use
the widget library to create a really cool button
option rated available right
in the Muse interface so we're gonna go to menus
and you can choose to do horizontal and vertical honestly
if you choose to have a vertical navigation you wanna re layout this
website
that's absolutely fine as well so I'm going to drag in the horizontal navigation
and right now it only has one button because if you look at the plan for our
site we only actually have one page
and we do you only have one one page for the entire site but we want to be able
to click on
each of those pages and have it drop us down or bring us back up to those
different sections
on this long page so as I click on this
and let me bring up that menu again
as I click on this it's automatically trying to create pages from the top level pages
so back in the design view all those pages along the top
you can do all pages so if you had a ton of pages and you wanted a long menu
you can have that as well but I don't
recommend that but we actually want to do manual because we wanna drop
each of these buttons down to different sections of the page so will click man
manual
and then we're gonna choose horizontal direction
and then your going to want edit these together so that they all look the same
and then you can choose whether the buttons are a uniform size or the uniform
spacing, this is really helpful
if for instance you have the word home and then on another but
but and you have projeccts
so if you do uniform size for that, that will help your uniform spacing
so you can choose to show the left icon if you want to
show the label which obviously
helps us understand it and then how you wanna positions are right now
if we come in here see this little plus button when I click
and by the way when you click once its gonna click the entire menu
and if you click again its gonna let you select the label
so if I hit once and one more time
it's gonna create a menu that has three different buttons
if I click off and click back on I can then drag that menu out
until I get it the width that I want it and kind of center it where I want it to go
see how it's evenly space on the top and the bottom and then it's perfectly centered
so that's again helping you with the design
so I'm going to come in here and I'm gonna change each of these labels so again I had to
like
quadruple click to get in here so I'll do about us and then I think our
next section was our skills
and then click in here
and our work okay
so now what I can do for each of these buttons
is I can actually, we'll link those later
for right now what we wanna do is we want to change the rollover state so far
click on the states
option over here again it's a panel so bring it up with the window menu if
you can't see it
and its saying in normal state it's this light grey
so I'll do garish colors but again I expect you to
pick better colors for your scheme whatever kind of coordinates
so I could choose I'll just actually choose this
blue make it a little bit darker
so easy to see and then I'll click rollover
and I'm going to say okay when it rolls over
I want it to be orange but maybe just a little bit kind of a golden
orange that's better, okay
and then I'll choose the mouse downstate and
I can make that so it truly is orange
and then the active state
I"ll make that a much darker blue
so that shows us the page that we're actively on now this is only a one page
site
so that kind of tedious because it'll show
actively that were on all these pages so you don't have to change active state
if you don't want, alright so that is
creating the basic navigation so again with all these if I wanted to you
I could come up here for the rollover and I could do
effects drop shadow, and see how it has a drop shadow
underneath it so when you roll over you can see that
happening so let's go ahead and click on preview
and this is what our site looks like so far and again we're only working
on the master page because these are items that will be repeated
and notice when I roll over it turns that golden orange
and it has a drop shadow and then when I click
it gets a different color so that is up to you what you wanna do with those
you may style to your heart's content but obviously you want to use good
design choices
make it easy to read easy to use and coordinated with her whatever color
scheme a graphics you have in here
in the next video we're going to talk about how to create the footer so make sure
you have your social icons ready