Back to Unit 6

Unit 6 Website Development - Tutorial 1

1.1 Understand what a static website is

Learn what makes a website static and when a static website is suitable.

What A Static Website Is

A static website is made from files such as HTML, CSS and images. The browser receives these files and displays them exactly as they have been written.

Static websites are useful for pages that do not need to change for each user, such as portfolios, information pages, simple business websites and revision resources.

Static Website Example

A simple static website might contain these files:

unit-6-website/
    index.html
    about.html
    timetable.html
    contact.html
    style.css
    images/
        logo.png

When a user opens index.html, the browser reads the HTML file, loads the CSS file and displays the page.

Static Or Dynamic

Static website Dynamic website
Shows the same stored page to users. Can generate different content for different users.
Often uses HTML, CSS and images. Often uses server-side code, databases or logins.
Good for simple information websites. Good for shops, dashboards and social platforms.

Project Decision

  1. Your project topic is School Coding Club.
  2. The website will be static because it will use fixed HTML, CSS and image files.
  3. The first version will have four pages: index.html, about.html, timetable.html and contact.html.
  4. You will build those pages across Tutorial 1, then style them in Tutorial 2.

Success Checklist