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!

https://youtu.be/9pI_o-Dd9x4

Assets to use for this demonstration

• Some random images
• Completed project as reference

Finished CodePen

---