Interactive Digital Communication (IDC)
|
|||||||||||||||||||||||||
|
|
WEEK | TOPIC | READINGS, DUE DATES, AND ASSIGNMENTS |
WEEK 1 | ||||
Tuesday Aug 25 |
Course Overview
|
HOMEWORK:
|
||
Thursday Aug 27 |
Photoshop introduction LINK TO STUDENT DISCOUNT TO THE ADOBE CC
IMAGES TO WORK WITH: Fortepan |
DUE: DROPBOX ASSIGNMENT Things go by too fast in class? Then you need to consult these suggested Lynda tutorals: SUGGESTED TUTORIAL: LOG INTO LYNDA AND THEN CLICK ON THESE LINKS: Tonal and Color Selection Methods (28:11) (to access exercise files and tutorial chapter segments, go HERE) [Quick Selection Tool; Magic Wand Tool; Color Range command; Replace Color; Background Eraser Tool] HOMEWORK--click on the links, download the images, and use the assoicated PS tools listed below to practice making selections. Copy and paste each new selection into a new PSD documents and save images as PSD files to your Photoshop Homework folder--DUE TUESDAY Sept. 1: |
WEEK 2 | ||||
Tuesday, Sept 1 |
Photoshop continued...
Pen Tool Exercise: select image from background [The purpose of Smart Objects; The trials of destructive transformation; Creating a Smart Object; The rewards of nondestructive transformation]
|
Need some clarification? Don't fall behind and then get too embarrassed to ask a question....Try these suggested tutorials: SUGGESTED TUTORIAL: LOG INTO LYNDA AND THEN ACCESS THIS TUTORIAL: Photoshop CC Selections and Layer Masking Workshop. (refer to Ch. 3/Pen tool--5:40). SUGGESTED TUTORIAL: LOG INTO LYNDA AND THEN ACCESS THIS TUTORIAL: Photoshop CC Essential Training: Ch. 10: Nondestructive transformations with Smart Objects. ASSIGNED: PHOTOMONTAGE AND CC IMAGES HOMEWORK--click on the links, download the images, and use the assoicated PS tools listed below to make selections. Copy and paste selections into new documents and save images as PSD files to your Photoshop Homework folder--DUE TUESDAY Sept. 3: |
||
Thursday, Sept 3 |
[LOG IN TO LYNDA]: Why Adjustment layers are important: hear it from LYNDA. Stock photos (see p. 97), expensive! Creative Commons License description challenge: 10 minutes to read about a license, discuss it, and then explain to the rest of the class. Go over Photomontage assignment Photoshop Practice
|
|
WEEK 3 | ||||
Tuesday, Sept 8 |
Photoshop Continued
Photoshop practice Go over assignment
|
READING: HTML & CSS: Ch. 5 (images) SUGGESTED TUTORIAL: LOG INTO LYNDA AND THEN ACCESS THIS TUTORIAL: Tone and Color With Adjustment Layers (34:36) (to access exercise files and tutorial chapter segments, go HERE). [Introducing Adjustment layers; Starting with a Preset; Improving Tonal Quality with Levels; Increasing Mid-tone contasts with Curves; Removing a color cast with Auto color; Changing the Color temperature; Shifting Colors with Hue/Saturation; Making washed out colors pop with Vibrance; Converting Color to B&W; Controlling which layers are affected by adjustments.} SUGGESTED TUTORIAL: HOMEWORK--click on the links, download the images, and use the assoicated PS tools listed below to make selections. Copy and paste selections into new documents and save images as PNG files to your Photoshop Homework folder--DUE TUESDAY Sept. 10: |
||
Thursday, Sept 10 |
Understanding Image Files
DESIGN ERA: New Century |
QUIZ Ch. 5: HTML & CSS Chapter 5 (images)
SUGGESTED TUTORIAL: Log into lynda.uni.edu first, then access: "Understanding File Formats"
ASSIGNED: Design Era Assignment |
WEEK 4 | ||||||
Tuesday, Sept 15 |
Website Structure: How to build a simple web page from scratch: Basic structure of a web page, HTML syntax - i.e., what is a tag, etc.
|
READING: HTML & CSS: Ch. 1 (html structure)
|
||||
j | Thursday, Sept 17 |
DESIGN ERA: Victorian
More HTML practice |
QUIZ Ch. 1: HTML & CSS Chapter 1 (HTML structure) DUE: Design Era-01_VICTORIAN
|
WEEK 5 | ||||
Tuesday, Sept 22 |
DESIGN ERA: Arts and Crafts (mention briefly) and Art Nouveau (very significant...Budapest , which exploded between 1880 and 1910, is saturated with Art Nouveau!!)
|
QUIZ: Ch. 2+3: HTML & CSS Chapters 2 + 3 (HTML text and lists) |
||
Thursday, Sept 24 |
Change your WP password
Art Nouveau Go over new assignment |
DUE: HTML & CSS SANDBOX 01 ASSIGNED: PERSONAL WEBSITE (written content + Install image/Photoshop header)
|
WEEK 6 | ||||
Tuesday, Sept 29 |
Tables exercise worksheet DESIGN ERA: Early Modern, Expressionism, and Modern |
QUIZ Ch. 4: HTML & CSS Ch. 4 (HTML links) |
||
Thursday, Oct 1 |
Adobe Photoshop: Animated Gif |
IN -CLASS TEAM PROJECT: ANIMATED GIFS READING: Graphic Style: From Victorian to New Century: pp. 73-126 (Early Modern/Expressionism/Modern)
|
WEEK 7 | ||||
Tuesday, Oct 6 |
WP http://uni.edu/mgrey/wp Forms. WORDPRESS Forms: inserting Contact Form 7 |
READING: HTML & CSS Ch. 7 (HTML forms) pp. 145-164 HTML & CSS SANDBOX 02: HTML links, tables, forms, and animated gifs)
|
||
Thursday, Oct 8 |
DESIGN ERA: Art Deco REVIEW and CATCHUP/WORDPRESS ASSIGNMENT QUESTIONS AND HELP
|
QUIZ Ch. 6: HTML & CSS Ch. 6 (tables)
DUE: Design Era-04_Art Deco |
WEEK 8 | ||||
Tuesday, Oct 13 |
Bad Design: 1. Centered text 3. TACKY TYpe |
QUIZ Ch. 7: HTML & CSS Ch. 7 (HTML forms)
DUE:PERSONAL WEBSITE
|
||
Thursday, Oct 15 |
review wordpress websites GOOD DESIGN/BAD DESIGN
DESIGN ERA: American Kitsch, DADA
|
READING: American Kitsch
|
WEEK 9 |
|
|||
Tuesday, Oct 20 |
Emailers W3schools exercise 1: change the colors Download this word document, copy and paste it into Notepad ++; save as a CSS file called "styles" in your idc/css folder. Download this word document, copy and paste into the beginning of your 01_sandbox.html file THE IDEA IS TO LINK YOUR CSS WITH YOUR HTML Uploading Video to YouTube (Embedding it into an HTML file) |
READING: HTML & CSS Ch. 10 + 11 (introducing CSS and color/CSS) CODE ACADEMY: HTML Basics III: Tables and div tags. Complete the 15 lessons. FORWARD to me your confirmation email indicating that you've completed this part of the course. |
||
Thursday, Oct 22 |
Communicating with the right Fonts Our Textbook: Styling Text with CSS 02
W3 Schools:
FONT/COLOR CONTRAST EXERCISE DESIGN ERA: Dada and Heroic Realism (for Heroic Realism, type the term into Google Images) DADA AND HEROIC REALISM CHEAT SHEET |
READING: HTML & CSS Ch. 12 (styling text with CSS)
DUE: Design Era-06_Heroic Realism: For this design era, design a poster in the style of Heroic Realism with YOURSELF as a model |
WEEK 10 | ||||
Tuesday, Oct 27 |
How to piss off a designer in 40 seconds Styling Text with CSS 01 Introduce Chrome Inspect. Also Firebug and Web Developer Extension for Firefox (Debugging).
DESIGN ERA: Late Modern (including Swiss International)
|
CODE ACADEMY:Clickable Photo Page. (9 photos in a pane; 7 lessons, very easy) CODE ACADEMY: CSS Overview (26 lessons, CSS color, hex codes, em vs. px, background color, width and height) READING: I'm Comic Sans, Asshole (extreme language--if you take issue with swear words please do not read) DUE: Design Era-07_Late Modern |
||
Thursday, Oct 29 |
Helvetica: film, |
|
WEEK 11 | ||||
Tuesday, Nov 3 |
Helvetica continued... LATE MODERN CODE ACADEMY: CSS Selectors |
CODE ACADEMY: Designing a button; 6 lessons (easy) |
||
Thursday, Nov 5 |
ASSESSMENTS Styling images (Ch. 15)
DESIGN ERA: Psychedelic |
READING:HTML & CSS Ch. 14 & 15(pp. 359-374) (styling text with CSS) DUE: HTML & CSS SANDBOX 03
|
WEEK 12 | ||||
Tuesday, Nov 10 |
HTML & CSS SANDBOX 04: Customizing WordPress |
|||
Thursday, Nov 12 |
Introduce webpage CLIENT |
|
WEEK 13 | ||||
Tuesday, Nov 17 |
DESIGN ERA: Postmodern
|
READING: Graphic Style: From Victorian to New Century:pp. 221-233 (Postmodern) ASSIGNED: FINAL CLIENT 02: WORDPRESS THEMES & CONTENT (due in 2 days) DUE: HTML & CSS SANDBOX 04 |
||
Thursday, Nov 19 |
DESIGN JEOPARDY |
READING: Graphic Style: From Victorian to New Century: pp. 235-257. |
WEEK 14: THANKSGIVING BREAK: Nov. 23-27
WEEK 15 | ||||
Tuesday, Dec 1 |
CSS LAYOUT absolute vs. fixed 1 Work on Projects |
READING:HTML and CSS Ch. 15 (layout--377-404) ASSIGNED: FINAL CLIENT 04: TOTAL WEBSITE (due in 3 weeks)
|
||
Thursday, Dec 3 |
|
WEEK 16 | |||
Tuesday, Dec 8 |
Work on Final Project |
|
|
Thursday, Dec 10 |
Work on Final Project SUBSCRIBER LIST TO DOWNLOAD (CSV FILE) |
ASSIGNED: FINAL CLIENT 05: MAILCHIMP EMAILER DUE: HTML & CSS SANDBOX 05 |
WEEK 17 | |||
Wed Dec 16 8:00-9:50 a.m |
EMAILER PROJECT + PROJECT PRESENTATION |
DUE: EMAILER |
Course Details | |||||
course description |
Interactive Digital Communication (COMM 2555) is a foundation class for the .ids program and a core class for General Communication Studies students. The class gives students a solid foundation in creative digital production skills and creative problem solving, and prepares students for the 21st century workplace. Students learn Photoshop to manipulate digital images; HTML, CSS, and the content management system WordPress to master the design and coding of websites; After Effects to get a taste of motion graphics and animation; and emailer services such as MailChimp to understand some of the most popular visual tools for business and organizations. But it’s not just a skills class - students also learn about visual design, writing, and graphic design history to give them powerful visual communication strategies to amplify their ability to articulate and digitally communicate big ideas. By the end of the semester you will be able to:
|
||||
texts |
|
John Duckett (2011). HTML&CSS: Design and Build Websites. Wiley Press. |
|||
Steven Heller and Seymour Chwast (2011). Graphic Style: From Victorian to New Century. Abrams. |
|||||
fantastic tools | FTP Clients HTML Browser code inspectors Color Pickers Code problem detectors Font tools Text edit tools |
||||
assignments | 1. Dropbox Assignment: File system setup
4. Quizzes (10-1 pt. each)
|
5 pts
_____ 150 pts |
|||
Policies | ASSIGNMENTS GRADING SCALE
LATE ASSIGNMENTS ATTENDANCE |
||||||||||||||||
|
ATTENDANCE POLICY Attendance will be recorded for this course, and all unexcused absences will figure into the final grade. Attendance will also factor in the Participation part of the students’ grade. A note on missing classes: If students miss class for a reason other than severe illness or other extenuating circumstances, it is NOT the instructor’s responsibility to re-teach material to students during office hours. Students missing class are responsible for making up all class instruction and activities and for finding out from peers what they missed. _________________________________________________________ |
||||||||||||||||
|
ACADEMIC MISCONDUCT Code assignments CLICK HERE FOR UNI'S ACADEMIC ETHICS POLICY. |
||||||||||||||||
WORK EXPECTATIONS |
|||||||||||||||||
Outside Help | DIGITAL MEDIA HUB, ROD LIBRARY |
||||||||||||||||
Academic Learning Center's Free Assistance with Writing, Math, Reading and Learning Strategies |
Class Websites:
TEAM WEBSITE
username: idc
pw: idc