The Three Layers of a Website

By: Dusty Arlia
ublished on July 18, 2012
Last Updated on Thursday, July 16, 2015 at 10:05 PM
Total Updates: 4

When learning how to build websites for the first time, it is easy to think of a website having three layers. After you become more skilled at developing websites, you will realize that websites are far more complex than just these three layers. Review these three layers as a general overview of what comprises a website.

  1. Structural Layer: HTML provides the structure to your webpage. HTML organizes your content like pictures, videos, lists, titles, and paragraphs.
  2. Presentation Layer: The presentation layer is provided by CSS. With CSS you can control the color of your fonts, backgrounds, and borders. You are also able to control your font-family (Times New Roman, Arial, etc.), font-size, spacing, and certain rollover features.
  3. Behavioral Layer: The behavioral layer which makes your webpage interactive is controlled by JavaScript. JavaScript is a programming language that allows you to use events (like clicks, hovers, mouseouts, focus, and page loads) to manipulate the DOM (the Document Object Model is the structure of your webpage.)