• BMCC OpenLab
    • Home
    • Members
    • Courses
    • Portfolios
    • Communities
    • Clubs
    • Projects
    • About
    • Help
  • My OpenLab
    • Home
    • Members
    • Courses
    • Portfolios
    • Communities
    • Clubs
    • Projects
    • About
    • Help
  • Sign Up
  • Log In
Skip to content

MMP 460 | Multimedia Project Lab | OER Course Hub

A collection of open teaching and learning materials curated by BMCC faculty

  • [ Course Profile ]
  • Welcome
  • Syllabus
  • Workshops
    • Typography
    • HTML/CSS
    • Bootstrap
    • WordPress
    • User Experience Design
    • Design Systems
    • Designing for Social Media
    • Kinetic Typography
    • AR/VR
    • Physical Computing
    • Digital Fabrication
  • Campaign Project
    • Project Creative Brief
    • Project Management Tools
  • Portfolio Assignment

HTML/CSS

HTML

  • Basic HTML structure
  • HTML starter file
  • Elements, Tags and Attributes
  • Empty and container elements
  • Nesting: parents and children
  • HTML sectional elements
  • Formatting text in HTML

CSS

  • Types of CSS
  • How to write CSS
  • CSS selectors
  • CSS box model: width, height, padding, margins, borders
  • CSS units: pixels (px), percentage (%), em, rem.
    • Which CSS measurements to use when
  • Block-level and Inline elements
  • CSS type properties
  • Adaptive Sizing and Typography
    • The width and max-width properties
    • em, rem and percentage CSS units
    • Viewport and Media Queries

License

Attribution-NonCommercial (CC BY-NC)Link to license

Except where otherwise noted, this site by Anna Pinkas and Revital Kaisar is distributed under the following license: Attribution-NonCommercial (CC BY-NC).

  • [ Course Profile ]
  • Welcome
  • Syllabus
  • Workshops
    • Typography
    • HTML/CSS
    • Bootstrap
    • WordPress
    • User Experience Design
    • Design Systems
    • Designing for Social Media
    • Kinetic Typography
    • AR/VR
    • Physical Computing
    • Digital Fabrication
  • Campaign Project
    • Project Creative Brief
    • Project Management Tools
  • Portfolio Assignment
MMP 460 | Multimedia Project Lab | OER Course Hub Proudly powered by WordPress

Welcome to the BMCC OpenLab!

 

BMCC’s OpenLab is an online platform where the College’s students, faculty and staff can come together to learn, work, play and share ideas.

Support

Help | Contact the OpenLab | Terms of Use | Privacy Policy |  Credits Please use the above links if you need more help in using the OpenLab.

Powered by:

CBOX-OL Logo

top

Welcome to the BMCC OpenLab!

 

BMCC’s OpenLab is an online platform where the College’s students, faculty and staff can come together to learn, work, play and share ideas.

Support

Help | Contact the OpenLab | Terms of Use | Privacy Policy |  Credits Please use the above links if you need more help in using the OpenLab.

Powered by:

CBOX-OL Logo

top