Identifying external links


show more Identifying external links provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Site Navigation with CSS in Dreamweaver show less
please wait ...

Identifying external links

For some web sites, especially those for government and large corporations, it's important to differentiate between links to pages within the site and links to external sites. In this video, I'll show you how to set up a single CSS rule that can add an identifying icon to all your external links in one fell swoop. The icon we'll be using is one that has gained a good deal of acceptance on the web, from Wikipedia to the Federal Health and Human Services web site. You can find it here on WIKIMEDIA COMMONS, and it's this icon here that we see in a larger version.

And we're going to be using one of the smaller varieties. So let's go back to Dreamweaver. And here I have two links that actually go to external sites: this Take the tour and a little bit further down, Check 'em out. So I want to add a CSS rule that looks at the value of the href attribute, and if it starts with an http, then apply this rule. So let's go ahead and go to Split view. And I am going to go ...

Identifying external links
Video duration: 3m 9s 3h 24m Intermediate

Viewers:

Identifying external links provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Site Navigation with CSS in Dreamweaver

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...