Schedule MWF

Class outline

Syllabus and schedule

Intro to Project 1

Intro to TextWrangler

Intro to HTML basic structure

• Watch Tutorial Video: Getting Started With Web Design
• Watch Tutorial Video: Basic HTML
• Watch Tutorial Video: HTML Text Formatting, Images, & Links
• Watch Tutorial Video: Navigation & Pages

• Handout: Beginning HTML
• Handout: HTML Continued: Text Formatting, Images, & Links
• Handout: File Conventions

Discuss web hosting

• Register for BlueHost Account
• continuing HTML

• Watch Tutorial Video: Publishing Files to the Web With FTP

• Handout: Publishing a Website With Fetch
• File/Folder structure

• Watch Tutorial Video: Lists & Tables

• Continuing HTML
  • Navigation Strategy
  • Multiple Pages

• Continuing HTML/work day

• Project 1 workday

• Watch Tutorial Video: Applying CSS

• Handout: CSS Properties
• Discuss HTML Divs & Classes
• Intro to Project 2
• Blog Post 1

Blog Post 1

• Download Project 2 Template
  • discuss working with a template
• Continuing CSS
  • classes and ids

• Continuing CSS
  • classes and ids

Blog comments due Sunday, Feb. 14th by midnight.

• Have ideas ready for your original website logo or header

• Handout: Intro to PhotoShop
  • work on original banner image
  • optimizing images

• Photoshop workday
• Class and ID quiz

• Continue to work on Project 2 outside of class

• Review concepts
• Discuss Troubleshooting Assessment
• Blog Post 2

• Troubleshooting Assessment

• No class

Blog comments due Sunday, Feb. 28th by midnight.

• Read: Responsive Web Design
• Read: Introduction to CSS Media Queries
• Read: The Pros & Cons of Responsive Web Design vs. Mobile Website vs. Native App

• Begin work on Responsive Exercise

• Continue work on Responsive Exercise
• Break into teams for iMovie

• Continue to work on Responsive Exercise outside of class

• Work day for Responsive exercise
• Get approval for iMovie exercise topics

• Watch Tutorial Video: iMovie
• Handout: iMovie

• Intro to iMovie exercise
• Collect Footage

• Overview of iMovie functions

• iMovie workday

• Read Bootstrap Basics handout

• Intro to Bootstrap
• Intro to Project 3
• Intro to Blog Post 3

Blog Post 3

• Watch: Using a Bootstrap Template
• Watch: Bootstrap Effects

• Bootstrap
  • the repository
  • the grid

• Continuing Bootstrap components

Blog comments due Sunday, Mar. 27th by midnight

• Watch: Setting Up a Carousel on Bootstrap
• Come to class with images to work with

• Discuss Slideshow/Carousel Exercise
• Handout: Bootstrap Carousel Slideshow

• Bootstrap/Carousel troubleshooting

• P3 workday
• Brief intro to Final Project

• Discuss Final Project topics
• P3 final workday

• Set up subdomains for Final Project
• WordPress Install

• Intro to WordPress
• Handout: WordPress

Pick a WordPress theme over the weekend

• Pick a WordPress Theme
• Watch Video Tutorial: WordPress – Creating Pages & Menus
• Watch Video Tutorial: WordPress – Widgets
• Watch Video Tutorial: WordPress – Adding a Twitter Widget
• Watch Video Tutorial: WordPress – Bootstrap Plugins

• Discuss theme customization/child themes
• Discuss plugins and widgets
  • install a child theme
• Handout: WordPress Plugins

• Creating menus
• Creatings pages
  • adding/organizing pages on a menu

• Be gathering footage, interviews, content for Final Project

• WordPress continued

• Data Visualization
• Final Blog Post

• Advanced WordPress customization

• Have AT MINIMUM:
  • 1 story complete
  • 2 multimedia components complete

• Content Review – this WILL be part of your final grade

Blog post 4 due Friday, Apr. 22nd by midnight

Blog comments due Sunday, Apr. 25th by midnight

• Work on Final Projects

• Work on Final Projects

• Work on Final Projects