Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 15 :: a

NewMediaArts art 249 :: interface design II :: week 15 :: a :: in-class example  Some online links for info on building common layouts using CSS:       CSS Creator Layout Generator   Some random articles and techniques on layout at ALA   (negative margins)    (css floats)  (making bg images stretch vertically)

NewMediaArts art 249 :: interface design II :: week 15 :: a :: today’s agenda  Today is our last working day before the final critique  Fix your bugs – ask me for help if you need it.  Optional lesson:  Multiple column layouts  Layout #4 - 2 column layout, small left column, all fluid no container Layout #4  Layout #5 - 2 column layout, small left column, fixed width with container Layout #5  Layout #6 - 2 column layout, small right column, all fluid no container Layout #6  Layout #7 - 2 column layout, small right column, fixed width with container Layout #7  Layout #8 - 3 column layout, all fluid no container Layout #8  Layout #9 - 3 column layout, fixed width with container Layout #9

NewMediaArts art 249 :: interface design II :: week 15 :: a :: checklist  make sure your site validates  markup -  css -  section  make sure your site works on all browsers & platforms  time permitting, convert your site from html to xhtml  validate it again  consider the following:  optimizing your code  how can your code be “cleaner”  is there any unnecessary repetition of code?  will multiple css files clarify your code?  optimizing the interface/usability of the site  does your site have multiple means of navigation?  bottom text nav? breadcrumb navigation for sub pages?  do all images have alternate text and/or alt tags?  what is “odd” or simply not working in your design? could it be fixed? how?  update your sitemap  work on “cleaning up” your sketches for your portfolio entries  online checklist:

NewMediaArts art 249 :: interface design II :: week 15 :: a :: revised schedule Week 15 Week Optional Lesson: time permitting, we can go over multiple layout options and how to set them up. FINAL critique - web site dueFINAL - portfolio presentation WORK DAY