Schedule TR

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
• Watch Tutorial Video: Lists & Tables

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

Discuss web hosting

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

• Register for BlueHost Account
• Handout: Publishing a Website With Fetch
• File/Folder structure

• Continuing HTML
  • Navigation Strategy
  • Multiple Pages

• Watch Tutorial Video: Applying CSS

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

Blog Post 1

• 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
• Class and ID quiz

• Continue to work on Project 2 outside of class

• Review concepts
• Discuss Troubleshooting Assessment
• Blog Post 2

• Troubleshooting Assessment

Blog comments due Sunday, Feb. 29th 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
• 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

• Brief overview of iMovie functions
• Intro to iMovie exercise
• Collect Footage

• 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
  • 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 troubleshooting
• P3 workday
• Brief intro to Final Project

• Discuss Final Project topics
• P3 final workday

• Intro to WordPress
• Handout: WordPress
• Set up subdomains for Final Project
• WordPress Install

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

• Menus, pages, site organization cont’d

• Data Visualization
• Advanced WordPress customization
• Final Blog Post

• 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