IM 190

MHCC Web Basics

  • HomeStart Over
  • ScheduleWhat & When
  • SyllabusCourse Outline
  • ContactGet In Touch

April 1, 2010
Posted by admin

Schedule

Schedule is tentative and may change based on skill level and interests of the class.

Week One – March 30 – April 1

Class I

  • Introductions, class overview
  • Assignment 1 – Generate a list of 5 of your most frequently visited web sites; also generate a list of 5 websites that you think employ “good” design.

Class II

  • History of the Internet
  • Home Page/Index page seeding/ the site manager in Dreamweaver
  • Anchor element, href attributes – placing a picture and your first assignment on your home page.
  • Planning, Principles Audience, Relevance
  • Establish Teams, Interview classmates, prepare personal Index Page; HTML Review
  • Basic web file structures
  • Assignment 1 – Due, posted to your website
  • Assignment 2 – What needs would a microsite options (film festival, news reporting site, jazz profiles)

Week Two – April 6 – 8

Class III

  • Assignment 2 – Due
  • Analyzing audience needs, basic layout design principles, Basic HTML and coding
  • Assignment 3 – Prepare a team roles Roster and add it to your index page. Add links to teammates to your index Page

Class IV

  • Assignment 3 Due
  • People – Team assignments and role discussion; Elements of paper prototyping.
  • Audio and video for the web
  • Assignment 4 – prepare a site map poster

Week 3 – April 13 – 15

Class V

  • Assignment 4 – Due present site maps
  • Planning a Web Site; Process maps; Client/Audience review; Design considerations; Navigation,
  • Add Navigation to your homepage
  • Assignment 5 – Create a new, 1 page memo describing your team’s project (include motivation, audience, objectives); Each
  • team member must link this on their index page. Add this page to your teams website

Class VI

  • Assignment 5 – Due
  • Interactivity; usability
  • Design production schedule; Testing; Maintenance;
  • Site Design and Navigation; Buttons and Rollovers; Tables

Week 4 April 20 – 22

Class VII

  • Proposal – Alpha Design – Milestone 1
  • Present and communicate design principles – present paper design concepts with mock ups – wireframes
  • CSS lecture; Interactivity; style and type
  • Accessibility; web platforms and browser types

Class VIII

  • Project work; site architecture; content samples

Week 5 April 27 – 29

Class IX

  • More CSS / Advanced CSS
  • Page Layout, Basic usability principals

Class X

  • Project work; Establish content categories (divs) establish content hierarchy
  • Finish work on Beta Presentations

Week 6 May 4 – 6

Class XI

  • Delivery of site report (beta design) to design teams -
  • Milestone 2 – Beta Design – Oral report on the state of the project. Demo current state of design.

Class XII

  • Revise Work Breakdown Structure to reflect current design needs.
  • Add / Generate Content to sites – markup content

Week 7 May 11 – 13

Class XIII

  • Review basic HTML tags
  • Add/Generate Content to sites – markup content

Class XIV

Week 8 May 18 – 20

Class XV

  • Add content (markup)

Class XVI

  • Add content (markup)

Week 9 May 25 – 27

Class XVII

  • Add content (markup)

Class XVIII

  • Add content (markup)

Week 10 June 1 – 3

Class XIX

  • Final Markup and revision to styled sites

Class XX

  • Sites Due

No Comments

Posted Under Assignments

    Subscribe to RSS

    Subscribe by Email

  • Categories

    • Assignments (16)
    • Don't Make Me Think (2)
    • Lectures (1)
    • Screencasts (2)
    • Side Notes (4)
  • Recent Posts

    • Guerrilla Usability Testing
    • Sprites Navigation Screencast
    • CSS Positioning
    • PSD to HTML Conversion Options
    • Reading 7-8
  • Useful Links

    • Advanced Sitemap Tutorial
    • Audio Player Tutorial
    • Don't Make Me Think
    • Nettuts – Web Basix
    • UX Booth
    • W3 Schools
    • W3C
    • Web Design From Scratch
  • Applications

    • Colors
    • Cyber Duck
    • Fetch
    • Omni Graffle
    • Silverback App
    • Text Wrangler
  • Resources

    • CSS Basics
    • CSS Properties
    • CSS Snippets
    • HTML Color Picker
    • HTML Dummy Text
    • HTML Tags
    • HTML/CSS Cheat Sheets
    • Site Map Generator
    • Very Basics Screencast

This site is using the Handgloves WordPress Theme
Designed & Developed by George Wiscombe

Subscribe via RSS
Login