Software Development, Web Design, Training

Intermediate HTML and CSS

Have you built a few basic web pages but aren’t sure where to go next? Real-world websites often include dozes of different features, and they all have to work on desktop and mobile devices. In this you will learn advanced HTML5 and CSS3 features to gain more control over your layouts and how to implement responsive websites that work on both desktop and mobile devices.

We’ll show you how to take advantage of media queries, breakpoints, CSS3, custom fonts, and other features to build responsive websites.  We’ll also take a quick look at tools like Bootstrap and FontAwesome that help make building modern websites much easier, and some best practices on how to combine it all for professional quality modern websites.

Topics Include:

  1. Proper semantic markup
    1. Section, Header, Footer, Aside, Nav, Div and Span tags
    2. When to use which
    3. Accounting for accessibility and SEO
  2. Custom fonts
    1. Loading custom fonts locally
    2. Accessing fonts from third parties such as Google Fonts and Adobe TypeKit
  3. Advanced selectors
    1. Classes
    2. IDs
    3. Pseudo selectors
    4. Pseudo elements
    5. When to use which
    6. Techniques for debugging CSS
    7. Best practices
  4. Responsive web design and media queries
  5. Multi-column layouts
    1. Building responsive websites for desktop and mobile devices
    2. Bootstrap vs display:float vs flexbox
  6. An introduction to Bootstrap and FontAwesome
  7. Flexbox and CSS Grid concepts
  8. Scalable Vector Graphics (SVG)
    1. Using code to create graphics in-line
    2. Loading SVG files from various sources
  9. How to prepare for SEO and accessibility concerns
    1. Tools and techniques for SEO
    2. Best practices for ADA compliance and accessibility

Contact us to book your training!