Paul Greenstein

Training courses in Mailchimp, Web Design, Web Development, Photoshop and Illustrator. Expert Consultancy and Development.

Call on 0435 829 914

Send an enquiry

Dive into HTML and CSS - Responsive Web Design and layout Techniques

Essential Page Layout techniques with HTML5 and CSS. Learn how to build a mobile-friendly website tailored to your own design and requirements. You'll learn how to convert designs and specifications into code using cutting-edge techniques and incoporate essential page elements including column grids, image sliders and mobile navigation. Take a deep dive into Web Coding.

HTML/CSS coding courses now delivered online

These courses are particularly well suited to online delivery via video conferencing and screen sharing. I've adapted my course projects and materials to suit the format, and have delivered several highly successful online courses and webinars.

Online training provides excellent opportunities for you to ask questions, and sessions can be recorded, providing you with an excellent resource to refer to following your training.

I've found that full days can be hard work for all concerned with online training, so I'm happy to split courses into shorter blocks of 2 or 3 hours, based on an hourly rate. Of course, this is all flexible, so do get in touch to discuss your requirements.

What you will learn:

  • Planning an HTML5 document structure for a single page website.
  • Sections, headers, footers, and other HTML5 Semantic elements.
  • When to use div tags.
  • Controlling font size - fixed and fluid units.
  • Web fonts - how to use Google Fonts.
  • Creating a typography ‘pattern’ using vertical spacing.
  • Advanced CSS Selectors - descendant, classes vs. ids, pseudo selectors.
  • Colour and opacity.
  • Borders, Shadows, Rounded corners.
  • Flexbox - flexible column grids, horizontal navigation and social menus.
  • Transitions - animating CSS properties.
  • Transforms - positioning, scaling and rotating.
  • Working with background images - controlling scaling, repeat and positioning.
  • Margins and padding - essential techniques for specifying vertical and horizontal spacing.
  • Strategies for responsive web design.
  • Working with Media Queries - changing layouts based on screen size.
  • Allowing images to resize.
  • Using SVG for high-quality icons and logos.
  • Setting a maximum page width.
  • High resolution images for retina devices.
  • Contact forms.
  • Working with jQuery.
  • Using jQuery plugins for animated scroll effects, image sliders and responsive navigation.

Course Duration

This course is designed to run over 2 days, although it can be condensed into a single day depending on your requirements.

Where and how courses run

All courses are currently being delivered online.

Tailored courses and workshops

Courses can be run as customised workshops for individuals or groups. Workshops are an ideal way to learn exactly the skills you need - workshops are not restricted to a single topic, and can be tailored to suit your specific requirements. We can use actual projects as the basis for your course, so you get things done as you learn. Get in touch on 0435 829 914 or Send an enquiry to find out more about tailored courses and workshops.