Week 1: Introduction to Website Design

by | Sep 8, 2025 | Website Design Class

Welcome

  • Review class overview: 
    • We will learn WordPress, the Divi Builder, basic design skills, SEO, and some HTML. 
    • By the end, each student will have created their own mock website based on a personal idea, hobby, business, or interest. 

Discuss the year-long project goal and expectations.

Danielle’s Portfolio

Scripture

Proverbs 18:15 (HCSB)  “The mind of the discerning acquires knowledge, and the ear of the wise seeks it.”
 → Tie-in: As we begin learning to build websites, we seek knowledge that will allow us to share our ideas with the world in creative ways.

Course Content

What is a Website?
  • Definition: A collection of connected web pages accessed through the internet.

     

  • Examples of different types of websites:

    Business, blog, portfolio, e-commerce, hobby.

Category Example Site URL
Business https://news.microsoft.com/
Blog https://minimalistbaker.com/
Portfolio Visit gallery at https://beautifulpress.net/feature/portfolio/
Personal Sites Browse examples at https://10web.io/blog/personal-websites/
E-Commerce https://www.shoprootscience.com/
Discussion

  • Discussion: Which types of websites do you use the most and why?

Introduction to WordPress
    • Explain what WordPress is:

      • Content Management System (CMS) that powers 40%+ of all websites.

      • Allows you to build sites without needing advanced coding.

    • Difference between:

      • WordPress.org (self-hosted)

      • WordPress.com (hosted service)

    • Live Demo: Log in to the demo WordPress dashboard and point out:

      • Dashboard

      • Posts vs. Pages

      • Appearance (Themes)

      • Plugins

    Settings

    Class Activity – Website Brainstorm
    • Students create a Website Idea Worksheet:

      1. Website topic/idea.

      2. Who is it for? (Target audience)

      3. What is the main purpose? (Inform, sell, showcase, etc.)

      4. Features you might want (Gallery, blog, store, etc.)

      5. Colors or style ideas.

    Students share their idea with the group for feedback.

    Homework
    1. Finalize your website idea and write 3–4 sentences describing it.

       

    2. Bring at least 5 images (your own photos or royalty-free) that match your website’s topic to use later.

       

    Write a short introduction paragraph for your Home page.