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/
5. Lynch, Patrick J. and Horton, Sarah. Web Style Guide: Basic Design Principles for Creating Web Sites. Yale University Press. ISBN 978-0-300-13737-8.
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 |
| 08/27 | Course intro: digital rhetoric HTML basics Setting up your account Intro to projects Intro to Design Justification project Web 2.0, 3.0, 4.0 Web 1.0-5.0 html 5 Best 30 websites by Wix |
HTML: introduction, editors, basics, elements, attributes, headings, paragraphs | |
| 09/03 | Html: colors, links, images Sample website analysis Markup languages Information architecture |
HTML: colors, links, images | Setting up your web account |
| 09/10 | HTML: tables and lists Layout Cohesion |
HTML: tables & lists | |
| 09/17 | HTML: formatting, etc. Intro to White Paper project Affordance–Intro Affordance–Summary Color 50 Best Color Schemes Good design presentations |
HTML: formatting, quotations, computercode, comments | Design Justification |
| 09/24 | HTML: CSS part 1 Prototyping Design principles: CRAP Typography–Intro Typography–Summary C.R.A.P. Alignment Proximity |
HTML: style & CSS (Cascading Style Sheets) | |
| 10/01 | HTML: CSS part 2 Portfolio: developing content Prototyping continued CRAP continued Repetition Contrast Audience analysis Needs analysis |
CSS: Color, Background, Borders, Margins, Padding, Height and Width, Text, Navigation Bar, Website Layout | |
| 10/08 | 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 |
White Paper |
| 10/15 | WordPress: intro Portfolio: other pages WYSIWYG: pluses and minuses White paper presentation |
WordPress: Section 1. Get Set up | |
| 10/22 | Portfolio: navigation issues Portfolio: format design Navigation Navigation examples White paper presentation |
WordPress: Section 2. Create Content | Homepage |
| 10/29 | Portfolio: digital ethos Usability testing Heuristic evaluation White paper presentation |
WordPress: Section 3. Style Your Site | Digital profile |
| 11/05 | Portfolio: lab work Think-aloud protocols Focus groups White paper presentation |
WordPress: Section 5. Understand the Code More | |
| 11/12 | Portfolio: lab work Content management Component content management White paper presentation |
||
| 11/19 | Portfolio: lab work Usability testing White paper presentation Portfolio peer critique |
Portfolio 1st draft | |
| 11/26 | Thanksgiving Break | ||
| 12/03 | Portfolio: final draft | Portfolio final draft |
Note: This schedule is tentative. Deviations may be necessary.