Ian Marshall

Getting Started with HTML and CSS

Project: Choose Your Own Adventure!

The unique literary idea of an interactive "game" book with multiple endings was created in 1969 by Edward Packard and first published in 1976 by the outdoorsman and true adventurer R. A. Montgomery. It was then picked up in 1979 by Bantam Press to become the Choose Your Own Adventure series. As a kid, I had the complete collection.

Now, of course, I realize that what made the series special was the exact same thing that make hyperlinks historic: the ability to zip nonlinearly from one document to another, or from one page to another, as desired by the reader. Hyperlinks, or HTML <a> elements, really are digital versions of Packard's analog interactive storytelling. And that means we can use HTML to create our own Choose Your Own Adventure story!

I've already created one to help you get into the mood. Have fun, then close the tab and come back here when you're done exploring.

Demo Adventure by Ian Marshall

Cool, How Does It Work?

Here's a template to get you started:



Notes:

  1. Obviously, all the text, links, page fragment identifiers, and storytelling is up to you. Go ahead and be creative.
  2. No images are included in the template, but feel free to include any relevant ones you find online. If you're not publishing, then all images are fair game. If you do intend to publish, then you should use only your own images or seek permission from the images' owners.
  3. The styling is yours to create, too.
  4. But you probably shouldn't change lines 8 and 9 in the CSS. As we saw in the previous lesson, this is the magic that shows only one "room" at a time.

I'd Love to Play Your Adventure!

When you're done and proud of your work, let me know! I'm a bona fide game nerd.

And That's All, Folks!

I truly hope this course has been fun and informative!

Contact Ian