Categories
web

HTML and CSS Basics: Building a simple image viewer

In this project we will build a simple app consisting of a series of linked HTML pages. We will analyse a mockup design, implement HTML structure, fine-tune the presentation with CSS, then organise and link HTML pages to create a mini website.

Aim of this demo is to:

  • Reinforce current knowledge HTML/CSS
  • Build on knowledge with the introduction of DIVs and BG images
  • Look at authoring in a local environment
  • Linking multiple pages together

Let’s get into it!

Assets to use for this demonstration

Finished CodePen