Introduction

Frank Ocean Blonde Album Cover

A static site or static page is a type of website that consists of fixed content—typically simple HTML, CSS, and media files (e.g., images, audio, and video)—delivered to the user exactly as it is stored on the server. This content does not change and cannot be modified by viewers, hence the term "static."

Frank Ocean Blonde Album Cover
Title
example 1
Artist
Braun's Static Product Site

For example, a simple blog with text and images is static, while an e-commerce or social media site, where users can alter available stock or create and display posts, is dynamic.

Due to their simplicity, static websites are easy to set up and launch. Content is created and published once, and maintaining these sites usually involves editing basic HTML or CSS files.

Frank Ocean Blonde Album Cover
Title
example 2
Artist
U.S. Web Design System Static Documentation Site

Static sites are often used for web-based portfolios, resumes, blogs, and documentation. Today, many platforms offer tools and templates that simplify the process of building a static site. Hosting a static site can even be free on platforms like GitHub (GitHub, 2024) or very inexpensive, as with Amazon Web Services (AWS, 2024).

This project will focus on developing a static site training program from the perspective of a fictional higher education institution called "State University," located in the American Midwest.

Frank Ocean Blonde Album Cover
Title
example 3
Artist
Joshua Kaplan's Static Portfolio Site

Project References:

Buchner, J. (2023). How to create a website using Jekyll and GitHub Pages. Kinsta. https://kinsta.com/blog/jekyll-static-site/

Braun Canada. (n.d.). Home page. https://ca.braun.com/en-ca

U.S. Web Design System. (n.d.). U.S. web design system. https://designsystem.digital.gov/

Kaplan, J. (n.d.). Joshua Kaplan. https://www.joshuakaplan.com/

Camden, R., & Rinaldi, B. (2021). Working with static sites: Bringing the power of simplicity to modern sites (1st ed.). O'Reilly Media.

GitHub Docs. (2023). Setting up a GitHub Pages site with Jekyll. GitHub. https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll

Jekyll. (2023). GitHub Pages. Jekyll Documentation. https://jekyllrb.com/docs/github-pages/

Pao, S. (2022, February 28). How to build a website | Github Pages | Jekyll | Template [Video]. YouTube. https://www.youtube.com/watch?v=g6AJ9qPPoyc

Amazon Web Services. (n.d.). Amazon S3 - cloud object storage. https://aws.amazon.com/s3/

Squarespace. (n.d.). Pricing. https://www.squarespace.com/pricing

WordPress.com. (n.d.). Pricing. https://wordpress.com/pricing/

Wix.com. (n.d.). Plans. https://www.wix.com/plans