Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > CSS

Bringing Hyperlinks to Life

  • Print
  • + Share This
This project explores ways to creatively style hyperlinks and see how to base their styles on various link states.
This chapter is from the book

We are strangers to each other Each one's life a novel no one else has read Even joined in bonds of love We're linked to one another by such slender threads...

—Neil Peart

Hyperlinks are what make the Web a web at all. Without them, we'd be forced to manually type in the address of every page we wanted to visit. We probably spend more of our time on the Web searching out the right links and interacting with them than we do anything else. But hyperlinks can be much more than simple text or graphics with the borders removed.

In the course of this project, we'll explore ways to creatively style hyperlinks and see how to base their styles on various link states.

Project Goals

As part of site design for a cutting-edge energy-supply company, we need to create a compact interface to convey information about the three main types of energy sources used by the client: natural gas, nuclear power, and solar power. The name for this interface is "Energy Informant," a name supplied by the client. The client also insists that some links should look different than a normal text link. "The help-system and press-release links need to really stand out compared to other links," the client said, and the boss agreed.

Preparation

Download the files for Project 4 from this book's Web site. If you're planning to play along at home, load the file ch04proj.html into the editing program of your choice. This is the file you'll be editing, saving, and reloading as the project progresses.

  • + Share This
  • 🔖 Save To Your Account