Need up to 30 seconds to load.
okay this is going to be a video about
creating a navigation system that has
real links right now you probably have
the pound sign in the link area for your
navigation so before I do that I want to
show you something in my USB so I'm just
gonna minimize this show you my USB okay
my name folder and my final folder so
I'm going to save all my files for the
final project in my final folder I've
got my home page I've got the images
that are going to be on my final project
and this cascading style sheet okay it's
gonna come me back here I save this file
as index keep in mind and I talked about
this earlier early on in the course
every folder the first page of every
folder is index that's the first one a
browser will open up in a folder so this
is no exception your home page will be
index so what I'm gonna do is open up my
properties palette and I'm going to
adjust this navigation so if I select
over home right now I've got the pound
sign in there so this really is going to
be the home page is going to be index so
when people click on this throughout my
website they'll go back to this home
page index dot HTML now I have not
created the news page yet but when I do
I'm going to call it news dot HTML I've
got the contact page here when I create
that content content contact page I'm
gonna call it contact
dot html' I'm being very careful to use
all lowercase
so when I actually create those pages
I know exactly what what I'm doing with
lowercase and capital about same thing
I'm going to call this about dot HTML
all right now what I'm going to do just
as the example I'm just gonna save this
page out multiple times rather than
having to create the navigation system
again on my news page my contact page my
about page I'm just going to use the
same navigation that's already set up so
I'm on my index page what I'm going to
do is go file save as in my final folder
I'm going to now call this page I'm
going to kind of clone it I'm gonna call
it contact and save it I'm going to do
news so I'm going to go file save as and
I'm going to call it news let me spell
it right news I'm going to create a page
called about file save as and about
okay now I'm going I've got all those
pages open here and I'm just gonna make
them look different
so maybe my contact page instead of
having all this I'll just change the
text here contact us and I'll come over
here do the same thing just so I can
tell the difference between these pages
I'll go over here to the news page I
clicked right here and I'll call this
news it'll be consistent here news more
news and the about page it's actually Rd
has the word about in it about us and
about all right so I've got the about
page created now the news page the
contact page and the home page and
obviously for your final project your
pages are gonna look different however
if they look radically different you've
got a different layout you probably
should create a second style sheet and
attach it to those other pages because
right now they're all using the same
style sheet so all the styling are going
to be exactly the same all right so now
because I clone the navigation if I
preview the page I should actually have
a working navigation system so let me go
ahead and click the preview in browser
button ok don't forget before you do
this to save all your pages in preview
mode you have to click on the command
key when you click on a link clicking on
that one more news clicking
this one with the command key contact us
I'm gonna do about holding down the
command key about now when you upload
these to a server it's not going to be
an issue you don't have to commit click
on the command key but in preview mode
you do I also have a little there's a
little bit of a glitch
since the browser tends to remember old
information you may have to clear your
cache in your browser come up here
you may even have to restart Dreamweaver
I had a little bit of a glitch it wasn't
working for me right away so what I had
to do is I had to restart Dreamweaver
okay now now it's working just fine okay
so I've got a working navigation system
again just another note your pages are
going to look different not going to
have the same content you're going to
swap out the content and if you want
your other pages to look different than
your homepage
I suggest creating a second style sheet
for your other pages like news contact
and about otherwise you might have some
difficulty you might get your Styles
mixed up alright
creating and working navigation system
