Agenda

Weekly Agenda

Week 01: Sep 27

Lecture:

Welcome – Introductions

  • My name is
  • My number 1 hobby is?
  • I was born in?
  • I grew up in?
  • I’m really good at?
  • I’m terrible at?
  • I enrolled in the masters program because?
  • Ten years from now I plan/hope on being where in my career?
  • I will now show you my web site….
Topics:

Why should web sites evolve over time?

Student http server prep

  • domainname.com/digm520/

Site of the Week

Homework:
  • Due before midnight the night before next class:
    • Start reading HTML & CSS – design and build websites by Jon Duckett
    • Start gathering all of the content/media you plan to put in your Worpress CMS site (text, images, image captions, videos, video captions, animations, animation captions, sounds, etc).

Week 02: Oct 04

Lecture:

What web site design/layout works best for your content.

Topics:

Week 03: Oct 11

Topics:
  • Attendance
  • Homework review
  • Reading assignment review.
  • WordPress Dashboard…
    • How to disable comments
    • Organizing content via WP (WordPress) Dashboard
    • Posts (Categories – Tags – Sidebar – Menu)
    • Pages (Parent – Template – Sidebar – Menu)
  • CMS ORDER OF CHANGES…
    1. Dashboard
    2. Widgets
    3. Plugins
    4. style.css [Child Themes]
    5. PHP
    6. MySQL
Homework 01:
  • Due before midnight the night before next class:
    • Finish reading HTML & CSS – design and build websites by Jon Duckett (YES the entire book.)
    • Regarding your reading assignment, bring with you to class a single (8.5″ by 11″) sheet of paper. This single sheet of paper will have three MEANINGFUL questions from the reading assignment, the answer to each question and the page number and/or “location” the information came from. At the top of the page you will write your full name and drexel email prefix (i.e. jwt005). All information must be legible. These questions will be used next class for an extra credit game. If you do not meet the listed requirements, you will NOT be eligible to participate in said game.
    • Submit via email to your instructor, subject: “digm520hwk01s###jwt23” [replace ### with your class section number, replace jwt23 with your drexel email account prefix]:
      • URL to your generic content HTML5 (about.html, resume.html) pages (Text and Tags ONLY!).
      • URL to your adobe color schema (Color swatch, hex values, and at least three sample web site links)
      • URL to your “digm520” WordPress web site
        • Default theme
        • One post (in meaninful category and/or tags) – optional
        • One page – optional

Week 04: Oct 18

Lecture:

Researching and testing out the “correct” theme for your WP/CMS content.

Topics:
  • Homework review
  • Mobile First -vs- Responsive Design
  • How do your selected theme(s) handle?
    • Posts
    • Pages
    • Comments
    • Sidebar – Widgets
    • Images – Gallery – Portfolio
    • Video – Animation
    • Sound
    • Different browser widths
  • What can you modify via:
    1. Dashboard
    2. Widgets
    3. Plugins
Homework 02:
  • Due before midnight the night before next class:
    • Read Mobile First by Luke Wroblewski (YES the entire book.)
    • Regarding your reading assignment, bring with you to class a single (8.5″ by 11″) sheet of paper. This single sheet of paper will have three MEANINGFUL questions from the reading assignment, the answer to each question and the page number and/or “location” the information came from. At the top of the page you will write your full name and drexel email prefix (i.e. jwt005). All information must be legible. These questions will be used next class for an extra credit game. If you do not meet the listed requirements, you will NOT be eligible to participate in said game.
    • Submit via email to your instructor, subject: “digm520hwk02s###jwt23” [replace ### with your class section number, replace jwt23 with your drexel email account prefix]:
      • URL to your “digm520” WordPress web site:
        • Activate “Twenty Thirteen” theme
        • Modify the theme.. Add a header image and change the “Title” text color to match your color schema
        • Customize “Primary” and/or “Secondary” Widget Areas
        • Create a “Thesis” category
        • At least TWO posts in your “Thesis” category
        • Add “Thesis” category to your main menu
        • Add THREE more posts (in meaninful categories and/or tags) ZERO images
        • Add THREE pages (About, Resume and Contact) ZERO images
        • Have at least THREE responsive themes installed in your dashboard for next class review

Week 05: Oct 25

No Lecture today:
  • Professor traveling

Week 05: Nov 01

Topics:
  • Detailed Homework Review
  • Images:
    • Desktop
    • Mobile
    • Crop or Shrink?
    • Images – Gallery – Portfolio
    • Captions
Homework 03:
  • Due before midnight the night before next class:
    • Read Responsive Web Design by Ethan Marcotte (YES the entire book.)
    • Regarding your reading assignment, bring with you to class a single (8.5″ by 11″) sheet of paper. This single sheet of paper will have three MEANINGFUL questions from the reading assignment, the answer to each question and the page number and/or “location” the information came from. At the top of the page you will write your full name and drexel email prefix (i.e. jwt005). All information must be legible. These questions will be used next class for an extra credit game. If you do not meet the listed requirements, you will NOT be eligible to participate in said game.
    • Submit via email to your instructor, subject: “digm520hwk03s###jwt23” [replace ### with your class section number, replace jwt23 with your drexel email account prefix]:
      • URL to your “digm520” WordPress web site:
        • NON – Default theme
        • Modify theme images, color and text to match your color schema
        • Customize “Main” and “Secondary” Widget Areas
        • Add FOUR more posts in your “Thesis” category
        • Add SEVEN posts (in meaninful categories and/or tags, not “Thesis”)
    • Research:
      • Find, Install, Activate, and THROUGHLY TEST your Responsive WP theme.

Week 06: Nov 08

Topics:
Homework 04:
  • Due before midnight the night before next class:
    • Submit via email to your instructor, subject: “digm520hwk04s###jwt23” [replace ### with your class section number, replace jwt23 with your drexel email account prefix]
    • Update/correct your custom theme based on professor classroom feedback
    • Add an embedded image to your “about” page
    • Add three posts with embedded images
    • At least one Gallery, Portfolio, or Slideshow with at least 6 images and captions
    • URL to your “digm520” WordPress web site
    • URL to your Gallery, Portfolio, or Slideshow show

Week 07: Nov 15

Topics:
Homework 05:
  • Due before midnight the night before next class:
    • Submit via email to your instructor, subject: “digm520hwk05s###jwt23” [replace ### with your class section number, replace jwt23 with your drexel email account prefix]
    • Update/correct your finalized theme
      • Add functionality to your contact page
      • Add at least one new question that is not text or textarea formatted
      • Question should be related to your thesis idea
      • Add CAPTCHA functionality for 2 extra points
    • URL to your “digm520” WordPress contact page
    • List of items that you would like to change in your theme but are unable to do with the dashboard, widgets, or plugins.

Week 08: Nov 22

THANKS GIVING BREAK

Week 09: Nov 29

Topics:

Week 10: Dec 06

Lecture:

Final Project Review.

Final Project:
  • Due before midnight Friday Dec 15th:
    • Submit via email to your instructor, subject: “digm520-finalproject-s###-jwt23” [replace ### with your class section number, replace jwt23 with your drexel email account prefix]:
      • URL to your “digm520” WordPress web site
      • Bullet list of any extra credit features with DIRECT link to said features i.e. “google language translator”
      • URL to download your zipped “wp-content” folder i.e. “jwt23-wp-content.zip” (replace “jwt23” with your drexel email prefix)
      • URL to download your zipped non-password protected MySQL database i.e. “jwt23-database.zip” (replace “jwt23” with your drexel email prefix)