Sunday, December 22, 2024

WEB DEV 1

Instructor: Darryl Hurs
darrylhurs+harris@gmail.com
LinkedIn

Description:

Learn the basics of WordPress including how to set up pages, categories, posts, installing a theme and working with basic settings.

Marks Breakdown

10% Classroom participation + Attendance
Attendance will be taken at the start of the class
(an allowance of 10 minutes late will be accepted and no later)

10% Class 1
10% Class 2
10% Class 3
10% Class 4
10% Class 5
40% Class 6

This is the type of class that we can not make up for people who are late – if you are late you will have to catch up with a fellow student

LATE MARKS

Any assignment turned in late will be marked at -5%

WEEK 1: INTRO

  1. Questionnaire
  2. Introductions
  3. How the web works

Why Wordpress?

ASSIGNMENT:
Create a WordPress.com account and submit link to the web site
DO NOT PAY FOR ANYTHING! It is FREE
(you may have to look for specific links)

DUE immediately

WEEK 2: INTRO TO WORDPRESS

ASSIGNMENT:
Use your WordPress.com account that you created in WEEK 1

  1. Create Pages:
    Contact
    Bio
  2. Create Category:
    Blog
  3. Create 3 Posts and assign to the Blog category
  4. Create a navigation menu, assign a position and include links to:
    Bio / Blog / Contact

DUE WEDNESDAY noon

WEEK 3: USING SITEMAPS

  1. Example of a sitemap
  2. Sitemaps defined
  3. Using your WordPress account – create a site using sitemap given in class

Using Gloomaps

Sitemap Assignment

  1. Create a sitemap for a band website – select a real band / artist
  2. Must include:
    1. 4 Pages
      Home
      Contact
      2 others you decide on topics
    2. 3 Categories (you decide on topics)
      1. 1 Category must have 2 SUB-CATEGORIES
        (example: Shows category with Upcoming Shows and Past Shows as sub-categories)
      2. Each MAIN Category must have 1 post
      3. EACH SUB-CATEGORY must have 3 posts

TO create your site map use:  https://www.gloomaps.com

AVOID! 
Use of colors (adds more confusion and creates the need to have instructions)

Create a JPG or take a screenshot and upload using the form submission below.

DUE: WEDNESDAY noon

WEEK 4: ADDING CONTENT

  1. Using WordPress to add text and images to pages and posts
  2. Adding content blocks
  3. Editing content blocks
  4. Basic text formatting
    1. Headings
    2. Paragraphs
    3. Lists
    4. Links
  5. Adding an Image
  6. Adding a feature image to a post

NEW!!! 
WordPress has recently updated how to create and edit menus – here’s a link with more info.
https://wordpress.com/support/menus/

Using the Block Editor

Using the Block Editor with the Twenty Twenty Four Theme

ASSIGNMENT:

USING THE PAGES / POSTS YOU MADE IN A PREVIOUS ASSIGNMENT – ADD CONTENT USING BLOCKS

Add content to every page + post of your website

CONTENT – is not blank pages and is not “coming soon”

Include examples of:
Headings
Paragraphs
Lists
Images
Links (external / email)

DUE WEDNESDAY noon

WEEK 5: ADDING A THEME and BASIC SETTINGS

  1. What are themes?
  2. Adding a theme
  3. WordPress Basic Settings
  4. Theme Settings

How Themes Work

Selecting and Working with a Theme

Installing a Theme

ASSIGNMENT:

Select and assign a different theme than Twenty Twenty Four.

Edit settings to customize the them and look (example: color, fonts, sizes,etc)

DUE NEXT WEDNESDAY 12pm noon

WEEK 6: TEST

ASSIGNMENT:

  1. Create a NEW WordPress account
  2. Using the sitemap provided build the basic site (pages, categories, sub-categories, posts) including the navigation menu
  3. Add content (text, images)
  4. Use the Twenty Twenty Four Theme

 

DUE immediately

WEB DEV 1

Instructor: Darryl Hurs
Email: darrylhurs+harris@gmail.com
LinkedIn: https://www.linkedin.com/in/darrylhurs/

Marks Breakdown
10% Classroom participation + Attendance
– Attendance will be taken at the start of the class (an allowance of 10 minutes late will be accepted an no later) **

10% Class 1
10% Class 2
10% Class 3
10% Class 4
10% Class 5
50% Class 6

** This is a class that we can not make up for people who are late – if you are late you will have to catch up with a fellow student

  1. Intro
    1. Questionnaire
    2. How does the web work
    3. What is WordPress – basic introASSIGNMENT:
      Create WordPress.com account and send link to Darryl
      DUE immediately
  2. Intro to WordPress – 10%
    1. Pages vs Posts
    2. Explain what’s the difference between Pages and Posts
    3. Log on to WordPress.com account
    4. Create a Page (called TEST PAGE)
    5. Create a Category (TEST CATEGORY)
    6. Create 2 Posts – assign to TEST CATEGORY
    7. Create Navigation Menu containing
    8. TEST PAGE
    9. TEST CATEGORY
    10. Sub menu – Post 1 / PostASSIGNMENT:
      Create Page – Contact
      Create Page – Bio
      Create Category – Blog
      Create Blog Post and assign to Blog category
      Add to Menu (Contact / Bio / Blog)FOR NEXT CLASS HAVE:
      6 Photos (jpg) that you can use to upload to your site
      Text written as a bio of yourself
  3. Working with Content – 10%
    1. Adding and editing text
    2. Adding and editing images

      ASSIGNMENT:

      Add text to your Bio Page
      – format text accordinglyAdd content to your Contact Page including an email link and links to your social accountsCreate a Photos page and upload photosAdd Photos Page to menu
  4. Themes + Plug-ins explained – 10%
    1. Themes explained
    2. Assigning a Theme
    3. Working with theme settingsASSIGNMENT:
      Select and make active a free theme
      – update any settings that are necessary
  5. Plugins and Widgets
    1. What is a widget
    2. What is a Plug in
    3. Finding and assigning plugins
  6. IN CLASS FINAL 
    CREATE a Website – information will be given

All contents © Digital Training Toronto 2019

WEB DEV 1

Instructor: Darryl Hurs
Email: darrylhurs+harris@gmail.com
LinkedIn: https://www.linkedin.com/in/darrylhurs/

Marks Breakdown
10% Classroom participation + Attendance
– Attendance will be taken at the start of the class (an allowance of 10 minutes late will be accepted an no later) **

10% Class 2
10% Class 3
10% Class 4
10% Class 5
50% Class 6

** This is a class that we can not make up for people who are late – if you are late you will have to catch up with a fellow student

  1. Intro
    1. Questionnaire
    2. How does the web work
    3. What is WordPress – basic intro
  2. Intro to WordPress – 10%
    1. Dashboard
    2. General settings
    3. Adding a user
    4. Create a page
    5. Assign Home Page
  3. Posts – 10%
    1. Creating posts
    2. Creating categories
    3. Creating tags
    4. Working with a menu
  4. Working with Content – 10%
    1. Adding and editing text
    2. Adding and editing images
  5. Themes + Plug-ins explained – 10%
    1. working with theme settings
    2. widgets explained
  6. Sitemap to website – 50%
    1. What is a sitemap?
    2. in class assigment – create a website skeleton from a sitemap

All contents © Digital Training Toronto