It's time for a new challenge and in this challenge we're going to
put all that we've learned about links in this chapter to the test.
Once again we'll be working with our HTML Essential training reference site.
And this time, we're going to focus on the site's navigation and
all of its internal and external links.
So let's dive into the instruction file and see what we have going on.
I have the labinstructions.txt opened up, and, of course, we'll be,
going to be working on the entire site.
Okay, so step number one.
We need to build our page navigation.
This is going to apply to all of our pages.
We want to use document relative links.
We're going to enhance the list at the top of the document so
it links to the appropriate pages in the reference site.
Be sure to add meaningful descriptions to each link.
If I were to go to the intro page, for
example, you can see our navigation up top is no longer a really navigation.
There's no links going on there.
We just have a list of different elements, so
we'll need those to link to the individual pages, and we need to do that for
each page, not just the intro page.
The next thing we'll do is link to external site.
And in the file, links.com, we can visit the footer.
And inside that we're going to find a reference to lynda.com, so we'll need
to create a link there that references out to the actual lynda.com site,
to the homepage of that.
We also want to modify that link so that's opening up in a new browser window or
new tab.
And again, always remember to add descriptive text for
the link, and then we're going to browse to Twitter and
find the profile page for at lynda, and we're going to copy that URL.
Now I've gone ahead and done that for you, if you're wondering what that URL is,
you want to go to twitter.com/lynda and it'll take you right here.
So this is the URL that you're looking for.
So back in the footer you want to add that link to the follow us on Twitter text for
the lynda.com account.
And then, we need to link to some internal sections.
And for that we're going to go into the reference and the syntax dot HTM.
In the reference page, we're going to find text in the first paragraph that refers to
the table of named character entities.
We're going to create a link around that text that jumps to the table at the bottom
of the page, and as I mentioned here in the instructions you need to keep in mind
you're going to need to modify the table as well, to make this technique work.
So what I mean by that, I'm going to go to the reference and
show you, if I scroll down a little bit in this page, notice it says on this page,
you'll find quick reference to common html terms and
a table of frequently used named character entities.
So this is what we want to create a link around that's going to
jump down to this table.
So you're going to need to modify this table in some way so
that you're able to link to it.
Now the next thing you need to do is go into the syntax.htm page, and
at the bottom of that page,
locate the text in the last paragraph that mentions that table that we
were just looking at of the named character entities on the reference page.
There we're going to create a link around that text that navigates to
the reference page, and then jumps to that table.
So if I go to the syntax page and scroll all the way towards the bottom.
You can see right down here you can find name character entity list within
HTML specification.
You can also find a useful list of character entities on the HTML
reference page.
So this is the text that I was talking about there that you want to
create the link around.
Okay that's it for this challenge.
That's not too much work but you are going to have to bounce back and
forth between multiple pages.
Now keep in mind as you're working through this challenge that if you get stuck,
you can go back and watch the previous movies in the chapter over and over again.
Or you can open the files in the finished files folder for a quick little hint,
if you will.
Now when you're done,
don't forget to watch the solutions movie and compare your results to mine.