1 / 19

ICC 565 Designing Interactivity

ICC 565 Designing Interactivity. Stephen Masiclat Director, Graduate Program in Media Management Jeffrey Passetti Adjunct Professor. Syllabus highlights. You must have your own laptop computer for this class. Platform/OS does not matter.

skule
Download Presentation

ICC 565 Designing Interactivity

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. ICC565Designing Interactivity Stephen Masiclat Director, Graduate Program in Media Management Jeffrey Passetti Adjunct Professor

  2. Syllabus highlights • You must have your own laptop computer for this class. Platform/OS does not matter. • The syllabus is available on Blackboard (blackboard.syr.edu) • There will be several in-class assignments that will factor into your final grade. All of these will be submitted through Blackboard.

  3. Syllabus highlights • You must have your own computer for this class. Platform/OS does not matter. • The syllabus is available on Blackboard (blackboard.syr.edu) • There will be several in-class assignments that will factor into your final grade. • The software we use is free: • IE 8 or Safari • Google Chrome • Firefox • Notepad (PC) • TextWrangler(Mac) • Filezillaor Fetch or Cyberduck

  4. No, you can’t use Microsoft Word to make web pages • Let me show you why

  5. Syllabus highlights. . . • 5 The Attendance/Participation component will be calculated by: · The degree to which you adhere to the lecture and demonstration praxis; · Timeliness. Assignments will be handed in through Blackboard. They will be automatically date/ time-stamped.

  6. Let’s get smarter . . . Please define the term: web page

  7. Let’s get smarter . . . • Please define the term: web page • A set of instructions written in a markup language, stored on and delivered by an http server, and interpreted on a client by browser software.

  8. How the web works . . . • Client-server architecture

  9. How the web works . . . • N-tier architecture

  10. How the web works . . . • N-tier architecture

  11. How the web works . . . • Web sites are organized into directories. The directory structure will determine the Uniform Resource Locator or URL for various resources. • For this class, you must make a class folder called icc565 • Inside that folder, make another folder called colorSite • Inside the colorSite folder, make another folder called images

  12. How the web works . . . • You won’t have the “index.html” file • The folders have a parent/child structural relationship. • The URL for this website would be: • http://MacintoshHD.syr.edu/icc565/colorSite

  13. How the web worksgraphically • File formats The only legal file formats are JPEG, PNG and GIF. • Screen & graphic resolution Computer screens have approximately 72 pixels per inch, therefore you should save your images at 72dpi. • Colorspace specification Computers use the RGB colorspace, therefore always convert your images to RGB before saving them for your web site.

  14. How the web worksgraphically • File formats The only legal file formats are JPEG, PNG and GIF. • Screen & graphic resolution Computer screens have approximately 72 pixels per inch, therefore you should save your images at 72dpi. • Colorspace specification Computers use the RGB colorspace, therefore always convert your images to RGB before saving them for your web site.

  15. How the web worksgraphically • File formats The only legal file formats are JPEG, PNG and GIF. • Screen & graphic resolution Computer screens have approximately 72 pixels per inch, therefore you should save your images at 72dpi. • Colorspace specification Computers use the RGB colorspace, therefore always convert your images to RGB before saving them for your web site.

  16. How the web worksgraphically • File formats The only legal file formats are JPEG, PNG and GIF. • Screen & graphic resolution Computer screens have approximately 72 pixels per inch, therefore you should save your images at 72dpi. • Colorspace specification Computers use the RGB colorspace, therefore always convert your images to RGB before saving them for your web site.

  17. How the web worksgraphically ffffff eeeeee dddddd cccccc bbbbbb aaaaaa 999999 888888 777777 666666 555555 444444 333333 222222 111111 000000 maximum • Computer color specification uses • hexadecimal notation The alphanumerics correspond to level of voltage delivered to the pixels. They are always in the order, Red, Green, Blue (RGB). White= ffffff Black=000000 When all three values are equal, you have shades of gray. voltage applied to pixel minimum

  18. Arbitrary but important facts • Home page = index.html • All file and directory names should be written lowercase without spaces • The suffixes .html and .htm are equivalent • Most browsers will interpret .txt • All browsers will render web-compliant files. • It’s almost impossible to cheat in this class, therefore the path of least resistance is to buckle down and learn. • The best way to learn is to build a complete mental model; a schema.

  19. See you on Monday • Stephen Masiclat • masiclat@syr.edu • 255 Newhouse 3 • @masiclat Jeffrey Passetti masiclat@syr.edu 254 Newhouse 3 @jpassetti

More Related