Tuesday, February 26, 2008

Week #4


  • make a link to a digital version of your completed client survey and all of your css layout examples on your homework page and post a link to the homework page to the comments section of this blog post (just to make it easy for me) thank you. We'll talk about them in class

  • Quick Lecture on how to structure your files

  • Discovery Phase: How to Write A Creative Brief
    three sections:
    • what is it, what will it do?
    • style
    • technical specifications




  • here's an example from one of mine
    ======================|Overview|======================
    This estimate includes the details for designing and implementing an elegant and
    beautiful website for the Drawing on Film exhibition including a blog, an interactive
    flash home page module, and multimedia info about the artists and works included in
    the exhibition. The lead designer will be Catherine (Katy) Garnier, a multimedia artist
    with a particular passion for and knowledge of the history of direct film including
    many of the artists in the exhibition. The design will express the spirit of the
    exhibition and be a key communication tool for the drawing center and subsequent
    venues. The site will allow DC staff to maintain the site and upload new content
    through WordPress. Our numbers are based on our hourly rates of $100/hr for
    design and WordPress php coding.
    ===================|Technical Standards|==================
    The web site will conform to current best practices and standards for professional
    quality web sites. It will be optimized for the latest versions of Microsoft Internet
    Explorer, Safari, and Firefox along with the latest version of the Flash plug-in. It will
    also maintain a consistent appearance (to the extent practicable) on both the Mac
    and Windows platforms.

  • User Types, Task Analysis, Competitive Analysis

  • Now we can talk about someone's users while using this cool web based white board



  • Live Text vs. Graphic Text, Foreground vs. Background Image




  • PRESENTATION REVIEW:
  • CSS Beginner Tutorial, CSS Intermediate Tutorial

  • The Document Tree

  • Selectors


  • Cascade, Specificity and Inheritance

  • Advance CSS Rule practice
    1. bare with me, you will be very glad near the end of your semester when you are writing specific rules to make tiny tweaks to your design if you know this stuff backwards and forwards

    2. Look at this silly example page that we will use

    3. Now, lets open this example page and use it to get some practice in-- lets try these:

      • make the word "even" red in one rule without also making the words "random" and "bananas"

      • make the words "stone age village" and only those words be red as simply as possible

      • make only the second "mushroom" be red as simply as possible

      • make the word 'animals' blue and nothing else

      • make the first link on the page have no underline while the second one keeps its underline







  • Fun with background images





  • HOMEWORK


    • create a creative brief for your client and a competitive analysis of 3 - 5 sites that are like your clients site

    • Pick on part of your Bill of Rights document or your homework page and add rounded corners using one of the techniques we talked about




13 comments:

Yin Sham said...

I am not able to come to class today, but I have all my homework ready.

http://classes.jayvanburen.com/students/yinsham/homeworkpage.html

Greg said...

http://classes.jayvanburen.com/students/gklironomos/gklironomos_hw.html

Anonymous said...

http://www.mscherrer.com/homework.html

melissa scherrer

aviscardi said...

Bill of Rights(liquid)

aviscardi said...

Client Survey

MPD said...

http://classes.jayvanburen.com/students/dolce/homework_DOLCE.html

Raymond said...

http://classes.jayvanburen.com/students/raymondng/

aviscardi said...

Creative Brief

Anonymous said...

Melissa's client survey


http://www.mscherrer.com/clientsurvey.html

Felix said...

Homework

Anonymous said...

Nicole F. -> Client Survey

http://classes.jayvanburen.com/students/nicolefwebwork/homework.html

Jasmine said...
This comment has been removed by the author.
Jasmine said...
This comment has been removed by the author.