COAP:COAP-3150 - week 1: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
Line 9: Line 9:
** [http://www.digital-web.com/articles/designing_for_the_web/ Digital Web Magazine - Resolution]
** [http://www.digital-web.com/articles/designing_for_the_web/ Digital Web Magazine - Resolution]
** [http://www.techsoup.org/learningcenter/software/page6045.cfm Understanding Images: A Guide to Resolution and Size]
** [http://www.techsoup.org/learningcenter/software/page6045.cfm Understanding Images: A Guide to Resolution and Size]
** images to work with [http://tecfa.unige.ch/~benetos/COAP-3150/image1.jpg | image1], [http://tecfa.unige.ch/~benetos/COAP-3150/image2.jpg | image2]
* environment set up
* environment set up
** palettes
** palettes

Revision as of 01:24, 9 January 2012

Part I

Course presentation

Photoshop basics

NOTE: GIMP, an open source photo editing software may also be used for all exercises and assignments presented. In this course we will be using Photoshop CS3.

Elements of web design

  • Design principles
    • principles of good/bad web design
  • Assignment 1 - find examples of principles
  • Assignment 2 - project ideas

Part II

This article or section is currently under construction

In principle, someone is working on it and there should be a better version in a not so distant future.
If you want to modify this page, please discuss it with the person working on it (see the "history")

Design processes and models

Elements of web design

  • Review of examples of good/bad web design
  • Criteria,
  • Anatomy of a web page
    • headers, fonts, breadcrumbs, links, columns, grids