Class Information, Notes and code samples for MMP 460


Class Notes

Week 3

Portfolio deadline: your html/css portfolio is due in github on 9/24. You can keep working on it afterwards but it must be a working version that is sufficiently refined to represent you well in your internship or work pursuits.

WordPress Content Management

  • vs.
  • Anatomy of a WordPress site
  • Setting up a WordPress workspace in cloud9.
  • Exploring WP Dashboard:

    • Settings
    • Posts
    • Categories
    • Tags (read about Categories vs. Tags)
    • Pages
    • Media
    • Links
    • Themes
    • Widgets (sidebar)
    • Menus

For Monday: Add your portfolio content to your WordPress site. Create a gallery.

WordPress First Theme

Read: textbook chapters 1-4.

Week 2

Portfolio assignment

  • Choosing a site structure: one page vs. multi-page
  • Organizing your work: thumbnails, slideshows, categories, selected work, case studies.
  • Showcasing your work: thumbnails, screenshots, cropped screenshots, links to external sites, lightbox.
  • 6 Portfolio Design Mistakes


Working with Bootstrap

For Monday:

  • Email me your github id. Make sure that you have a repository called portfolio.
  • Move work that you plan to showcase to your portfolio repository. You do not have to move work if it is already on Github.
  • Sketch interfaces of the homepage and one page that shows the detail of work and upload to the portfolio repository
  • start work on the homepage mockup. It is due on Wednesday.

Week 1

About the class


Class exercise: generic porfolio site template. See wireframe.

Portfolio assignment

For next week