INTERACTIVE DIGITAL COMMUNICATION

(IDC)

COMM 2555

 

T, Th, 12:30 pm

 

 

Bettina Fabos, Associate Professor, Visual Communication and Interactive Digital Studies

fabos@uni.edu
Office Hours: T, Th, 2-3:30 pm
Office: Lang Hall,
273-5972


Class websites

   
   
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 Exam week
Fantastic Tools Assignments About this Course


 
  WEEK TOPIC READINGS, DUE DATES, AND ASSIGNMENTS
  WEEK 1
  Tuesday
Jan 15

Course Overview


Read Syllabus carefully
 

  Thursday
Jan 17
How the Internet works,
text editors and coding,
file management and FTP

LAB 1: file management, ftp

DUE: HW1: SURVEY; Partner Write up

Things go by too fast in class? Then you need to ask for help.


  WEEK 2
  Tuesday,
Jan 22
READING: HTML & CSS, Introduction;  Chapter 1: Structure  

 

 

  Thursday,
Jan 24
  • Html:
    • text elements
    • inline/block
    • grouping elements
    • semantic elements
  • HW2 Assigned
  •  

READING:HTML & CSS, Chapter 2: Text (read until p. 52)


  WEEK 3
  Tuesday,
Jan 29
  • CSS:
    • length
    • color
    • how to select
    • class & id
    • the cascade

DUE: HW2

READING: HTML & CSS, Chapter 10: Introducing CSS, and Chapter 11: Color


 

  Thursday,
Jan 31
  • css: styling text & font

EXTRA CREDIT: Code Academy: Navigate to "Introduction to HTML"  and find part 2 on the Syllabus-- Learn HTML: Tables/Tables Interactive Lesson. Complete the 13 lessons. FORWARD to me your confirmation email indicating that you've completed this part of the course--or simply take a screenshot of your last completed page.

LAB 3: add simple css to a page

READING: HTML & CSS,  Chapter 12: Text



  WEEK 4
  Tuesday,
Feb 5
READING:HTML & CSS, Chapter 3: Lists, and Chapter 6: Tables

 

  Thursday,
Feb 7
 

READING: HTML & CSS. review Chapter 12: Text, Chapter 14: Lists, Tables and Forms



  WEEK 5
  Tuesday,
Feb 12


DUE: HW3

READING:HTML & CSS, Chapter 4: Links; review Chapter 5: Images, Chapter 9: Flash, Video & Audio

  Thursday,
Feb 14

LAB 5: media, links, style media

READING: HTML & CSS, Chapter 13: Boxes



  WEEK 6
  Tuesday,
Feb 19

 

READING: HTML & CSS, Chapter 15: Layout
Position property 
Z-index property

Optional: Containing floats



 

  Thursday,
Feb 21

LAB 6: positioning & floats


  WEEK 7
  Tuesday,
Feb 26
  • css images, gradients, transitions, transforms, any other cool stuff...
DUE: HW4

READING: HTML & CSS, Chapter 16: Images


  Thursday,
Feb 28

LAB 7: exam practice

 

 

READING: no reading


  WEEK 8
  Tuesday,
Mar 5

 

EXAM 1
Study guide


  Thursday,
Mar 7

cc, copyright, and optimization

READING: in a Digital Age, Advancing a Flexible Copyright System


note: quizzes are now on THURSDAY for the remaining of the semester


  WEEK 9
  Tuesday,
Mar 12

design principles: proximity and alignment

READING:Non-Designer's Design Book, pp. 11-54


  Thursday,
Mar 14

photoshop selection, practice optimization

Assign HW5

READING:  Lynda Tutorial 01 (log in to lynda.uni.edu), selections from Ch. 6 and 10. CLICK HERE FOR EXACT CHAPTER INFO

 


WEEK 10: SPRING BREAK: Mar 16-24



  WEEK 11
  Tuesday,
Mar 26

design principles: repetition and contrast; Illustrator overview


READING: Non-Designer's Design Book, pp. 55-94

  Thursday,
Mar 28

compositing, photoshop pen layers, + smart objects

LAB 10: Pen tool

 

READING:   Lyndia Tutorial 02 (log in to lynda.uni.edu), selections from Ch. 7 and 8. CLICK HERE FOR EXACT CHAPTER INFO



  WEEK 12
  Tuesday,
Apr 2

design w/color

READING: Non-Designer's Design Book, pp. 95-112 


  Thursday,
Apr 4

adjustment layers, photoshop pen practice, optimization

LAB 11: adjustment Layers

ASSIGN: HW6

READING: Lynda Tutorial 03 (log in to lynda.uni.edu), selections from Ch. 12, and selections from Ch. 13 CLICK HERE FOR EXACT CHAPTER INFO.

DUE: HW5 (part 1)

ASSIGN: HW6



  WEEK 13
  Tuesday,
Apr 9

Typography

Helvetica, documentary (available through Rod Library)

READING: Non-Designer's Design Book, pp. 149-186

DUE: HW5 (part 2)





  Thursday,
Apr 11

LAB 12: typography and catch up


  WEEK 14
  Tuesday,
Apr 16

EXTRA CREDIT: CSS Overview (26 lessons, CSS color, hex codes, em vs. px, background color, width and height). FORWARD to me your confirmation email indicating that you've completed this part of the course.


 

READING: Non-Designer's Design Book, pp. 186-215

Study Guide: Exam 2

 

DUE: HW6

  Thursday,
Apr 18

Web structure: go over FINAL PROJECT in detail

  WEEK 15
  Tuesday,
Apr 23

 


EXAM 2

Studyguide



  Thursday,
Apr 25

LAB:Positioning practice.

Student assessments

 

 



  WEEK 16    
  Tuesday,
Apr 30

editorial style/style guide; working with copy;
resume content

READING: Editorial Style



Thursday,
May 2

Positioning practice; z-index

 

 

  WEEK 17
  Thursday
May 9
1:00-2:50 p.m.

Class Presentations


DUE: FINAL PROJECT


 

  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 you a solid foundation in creative digital production skills and creative problem solving, and prepares you for the 21st century workplace. You'll learn HTML, CSS to begin mastering the design and coding of websites; Photoshop to manipulate digital images; animated gifs to get a taste of motion graphics; and if there's time, emailer services such as MailChimp to understand some of the most popular visual tools for business and organizations. It’s not just a skills class - you'll also learn about Copyright and the Creative Commons, visual design, writing for the web, and typography to give you powerful visual communication strategies to amplify your ability to articulate and digitally communicate big ideas.

By the end of the semester you will be able to:
  • Demonstrate an understanding of basic technological principles of the Internet and the World Wide Web.
  • Demonstrate an understanding of basic principles of graphic and web design.
  • Demonstrate an understanding of basic issues dealing with digital copyright and the Creative Commons.
  • Become proficient at using an image editing program to create and modify digital images.
  • Become proficient at using HTML and CSS to structure, position, and style the content of a web page following web standards.
  • Create a web site and upload it to a server.
  • Demonstrate a working knowledge of the following software: text editor, image editing program, FTP client, web-based database administration tool, web-based content management system.
  • Become an effective collaborator and self-learner.
    __________________________________________________________
texts


This book is available at University Book and Supply

HTML & CSS: Design and Build Websites

by John Duckkett
John Wiley & Sons, 2011
ISBN: 978-1-118-00818-8

 

 

Non-Designer's Design BookThe, 4th Edition

by Robin Williams
Published Nov 19, 2014 by Peachpit Press.
Copyright 2015
Pages: 240
Edition: 4th

  • ISBN-13: 978-0-13-396615-2
  • ISBN-10: 0-13-396615-1

 

 

 

fantastic tools

CODE SAMPLES from HTML & CSS Book 

HTML TEMPLATE 

FTP Clients
For Windows WinSCP
For both: Cyberduck

Code Validators
W3C HTTP Validation Service

W3C CSS Validation Service

JSFIDDLE (helps detect code errors)

HTML + CSS
HTML CHEAT SHEET

CSS CHEAT SHEET
CSS3Maker

Browser code inspectors
Chrome Inspect (Control, right click in Chrome). Also Firebug and Web Developer Extension for Firefox

Color Pickers
COLOR PICK for Chrome

Font tools
Fontface generator: convert ttf files into web fonts
FonttoWeb: convert ttf files into web fonts
Myscriptfont.org: Handwriting creator

Text edit tools
Brackets
Sublime Text


 
    assignments

Homework assignments (6)
HW1
HW2
HW3
HW4
HW5
HW6

40%

 

12 Labs
Lab 1
Lab 2
Lab 3
Lab 4
Lab 5
Lab 6
Lab 7
Lab 8
Lab 9
Lab 10
Lab 11
Lab 12

15%
Midterm exam 1 15%
Midterm exam 2 15%
Final Project 15%
 
 
Policies

ASSIGNMENTS
All work should be original to this class. Work done for another class and passed off as a finished assignment for this class will not be counted.

GRADING SCALE

A+           100  B+        87-89 C+        77-79 D+        67-69
A              93-99 B          83-86 C           73-76 D          63-66
A-             90-92 B-         80-82 C-         70-72 D-         60-62
F          below  60

LATE ASSIGNMENTS
Please save work and be responsible for all saved work. Assignments handed in past the due date will not be counted. 

ATTENDANCE
The responsibility for attending classes rests with the student. As the citizens of Iowa have every right to assume, students at UNI are expected to attend class. This idea is neither novel nor unreasonable. Students should realize that an hour missed cannot be relived, that work can seldom be made up 100%, and that made-up work seldom equals the original experience in class. You are responsible from finding out--from your peers--what you missed. Please refer to UNI's General Attendance Guidelines. Attendance will be a factor in the participation part of the students’ grade. __________________________________________________________

LATENESS
T
his is a project-based class, and dependent on computers and explicit instructions which come at the beginnin of class. We start exactly on time, and anyone who enters late is disrupting the class flow. If you can't help being late, please sit aside and patiently watch your neighbor, and catch up only when we have a break. It is not fair to other students to slow down on your behalf. If you are late more than once, your participation grade will be compromised.

 

ACADEMIC MISCONDUCT  
Plagiarism, cheating, improperly sourced work, and other academic misconduct will not be tolerated.  The UNI Catalog is clear on this: “Students at the University of Northern Iowa are required to observe the commonly-accepted standards of academic honesty and integrity. Except in those instances in which group work is specifically authorized by the instructor of the class, no work which is not solely the student's is to be submitted to a professor in the form of an examination paper, a term paper, class project, research project, or thesis project. Cheating of any kind on examinations and/or plagiarism of papers or projects is strictly prohibited. Students are cautioned that plagiarism is defined as the process of stealing or passing off as one's own the ideas or words of another, or presenting as one's own an idea or product which is derived from an existing source.”

Code assignments
The same ethical guildelines that apply to text and multimedia assignments, apply to coding assignments. You will be expected to understand the code you submit as your own, unless otherwise indicated.

CLICK HERE FOR UNI'S ACADEMIC ETHICS POLICY.

__________________________________________________________

  WORK EXPECTATIONS
The College guideline is that one semester hour of credit is the equivalent of approximately three hours of work (class time + out-of-class preparation) each week over the course of a whole semester. In a typical lecture/discussion course, each hour of class normally entails at least two hours of outside preparation for the average student. That means that for every week students should set aside 6 hours outside of class to work on classwork. This standard is the basis on which the Registrar's Office assigns hours of University credit for courses.
__________________________________________________________
Outside Help

DIGITAL MEDIA HUB, ROD LIBRARY
The DMH at Rod has over 35 laptops and numerous desktops that are fully loaded with the Adobe Creative Suite, an editing lab, an audio studio, and a green room. Moreover, Rod is staffing the DMH with our most accomplished IDS students who can help you with your projects. It's open 9am-9pm most M-Th, 9am-5pm on Friday and 12-9pm on Sunday. If you're stuck on a project, GO HERE FOR HELP!!



SPECIAL NEEDS
Please address any special needs or special accommodations with me at the beginning of the semester or as soon as you become aware of your needs. Those seeking accommodations based on disabilities should obtain a Student Academic Accommodation Request (SAAR) form from Student Disability Services (SDS) (phone 319-273-2677, for deaf or hard of hearing, use Relay 711). SDS is located on the top floor of the Student Health Center, Room 103.
  Academic Learning Center's Free Assistance with Writing, Math, Reading and Learning Strategies
I encourage you to utilize the Academic Learning Center’s free assistance with writing, math, science, college reading, and learning strategies. UNI’s Academic Learning Center, located in 007/008 ITTC, also provides advising services and is the University's testing center for many standardized tests, including the PLT, GRE, and Praxis Core. Visit the website at http://www.uni.edu/unialc/ or call (319) 273-6023 for more information or to set up an appointment. The Writing Center offers one-on-one writing assistence open to all UNI undergraduate and graduate students. Writing Assistants offer strategies for getting started, citing and documenting, and editing your work. Visit the Online Writing Guide and schedule an appointment at 008 ITTC or 319-273-2361.
The Reading and Learning Center provides an Ask-a-Tutor program, consultations with the reading specialist, and free, four-week, non-credit courses in Speed Reading, Effective Study Strategies, PPST-Reading and -Math, and GRE-Quantitative and Verbal. Visit this website and 008 ITTC or call 319-273-2361

Class Websites: