Print2Web Class 2
How did the homework go?
What common problems did people have? Anything posted successfully? Questions.
Design Process
Types of projects
Capture Design Requirements
Examples of Interactive Projects
- Brochure Website Example
- Small Business Website - Threadless
- Portfolio Website - DesignBum
- Rich Media/Flash website
hulu.com | thefwa.com | silenzio.fr - Banner Ads
Examples: Banner Ad Sizes | cnet.com | gamespot.com- Articles: HTML Emails | HTML Newsletters
Roles & Responsibilities
Some of the positions below overlap in practice and scale of project. In very large organizations it would be more common for an Interactive Designer to specialize in just that role. In a small company that person might be responsible for Informaiton Architecture and User Experience as well.
- UI/User Interface Designer/Front-End Design
- Programmer — Backend
- Project Manager
- Interactive Designer
- Flash or Silverlight Developer
- Creative Director
- Database Programmer
- Web Designer/Web Master
- UX/User Experience Designer
- Interactive Art Director
- SEO/SEM specialist
- Rich Internet Application (RIA) Developer
tweetdeck example - IA/Information Architect
- Web Trends/Social Media/Blogging expert
Technical Web Terms
More HTML Madness
- Handout Class 2
- HTML Tag Review
- Anatomy of a link tag
- Relative Links Review
- Relative Links Quiz
- Choosing where a link goes
- Anchored links
- Linking images
- Linking some pages together for navigation
- Syntax error... WTF! Things to look for when getting errors
- Sample Site
- Overwriting default browser styling
- Three types of css, Inline, in Head and External
- Class and ID
- Adding Javascript | Slider | galleriffic | One Page Resume
Homework
- Create the basic structure of a brochure site
- Create a sitemap of your site
- Post several pages that link together
- Check out the site from class to get started
- Sign up for a gmail account
© 2010 johncrice.com / All material copyright john rice.