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.