Schedule

English 8123 Digital Media Production

Syllabus    Schedule    Projects    Handouts

Reading/Resource Links:
1. W3School HTML tutorials: http://www.w3schools.com/html/ 
2. WordPress: https://codex.wordpress.org/WordPress_Quick_Start_Guide
3. Comprehensive and official HTML5 guide: https://www.w3.org/TR/html5/
4. HTML5 and CSS3 tutorials: http://www.html5andcss3.org/

Note: 

  • All assignments are due before class time. 
  • All readings of the hyperlinked design concepts should be completed by class time.
  • All coding practice is on W3School: http://www.w3schools.com/html/ 

This schedule is tentative. Deviations may be necessary.

Date In-Class Activity Coding Assignments
01/11 Course intro: digital rhetoric
Html basics
Setting up your account
Intro to projects
Web 2.0, 3.0, 4.0
html 5
HTML: introduction, editors, basics, elements, attributes, headings, paragraphs  
01/18 Html: colors, links, images
Sample website analysis
Markup languages
Information architecture
Layout
Cohesion
HTML: colors, links, images Setting up your web account
01/25 HTML: tables and lists
Card sorting
Prototyping
HTML: tables & lists  
02/01 HTML: formatting, etc.
Affordance
Color
50 Best Color Schemes
Good design presentations
HTML: formatting, quotations, computercode, comments Design Justification
02/8 HTML: CSS part 1
Prototyping
Design principles: CRAP
Typography
C.R.A.P.
Alignment
Proximity
Best 30 websites by Wix
HTML: style & CSS (Cascading Style Sheets)  
02/15 HTML: CSS part 2
Portfolio: developing content
Prototyping continued
CRAP continued
Repetition
Contrast
Audience analysis
Needs analysis
White paper presentation
CSS: Color, Background, Borders, Margins, Padding, Height and Width, Text, Navigation Bar, Website Layout White paper
02/22 HTML: CSS part 3
HTMl: CSS Responsive
Portfolio: homepage
Responsive web design
White paper presentation
CSS: Rounded Corners, Backgrounds, Gradients, Shadows, Style Images, Columns
CSS Responsive
Planning
03/01 WordPress: intro
Portfolio: other pages
WYSIWYG: pluses and minuses
White paper presentation
WordPress: Section 1. Get Set up  
03/08 Portfolio: navigation issues
Portfolio: format design
Navigation
Navigation examples
White paper presentation
WordPress: Section 2. Create Content Homepage
03/15 Spring Breakā€”No Class    
03/22 Portfolio: digital ethos
Usability testing
Heuristic evaluation
White paper presentation
WordPress: Section 3. Style Your Site Digital profile
03/29 Portfolio: lab work
Think-aloud protocols
Focus groups
White paper presentation
WordPress: Section 5. Understand the Code More  
04/05 Portfolio: lab work
Content management
Component content management
White paper presentation
   
04/12 Portfolio: lab work
Usability testing
White paper presentation
Portfolio peer critique
  Portfolio 1st draft
04/19 Portfolio: final draft   Portfolio final draft

Note: This schedule is tentative. Deviations may be necessary.