Learn to create responsive web content
The number and variety of devices designers are dealing with is constantly growing and creating individual sites for each is no longer a viable option. Responsive design addresses this problem allowing you to create content which adapts to different device sizes, without the need for multiple versions of your site.
Using a range of HTML5 / CSS3 techniques you can create a site which adapts, scales and changes depending on the screen size of the device that is viewing it. This one day course teaches you the fundamental techniques and best practice of responsive design, allowing you to start building scalable sites which can work effectively across all platforms and remain easy to maintain.
The Responsive Design course covers the skills needed to start producing website designs that will adjust their presentation and layout depending upon the type of device viewing them. For example if you resize the width of the browser, this webpage will resize and change accordingly with menu's becmoing more user friendly for a small screen size, etc...
The topics we cover are listed below.
Responsive Design - Course Topics
What is Responsive Design
- Getting started with html5 and css3
- Examples of responsive design
- Viewport testing
- More html5 and css3 in your design
How to use Responsive Design
- How to create your first responsive design
- Testing your design
- Editing your design
- Progressive navigation
- Responsive navigation
Using Media Queries
- What are media queries
- How to use media queries
- How to load your media queries
- Viewport widths
- Content clipping
- Gracefully degrading media queries
- Fixed layouts
- Fluid layouts
- Proportional layouts
- Changing your layout
- ems vs pixels
- creating your grid
- grid systems
- building your pages with your grid design
- grids and media queries
- fluid images
- image scaling
- specific rules for specific images
- different images for different screen resolutions
Audio and Video
- inserting audio
- inserting video
- responsive audio and video
The Responsive Design course teaches you how to build fluid responsive sites which adjust depending on how they are being viewed.
You will learn
- What you need to consider when creating your web pages responsively
- How to organise your images responsively
- How to adapt your pages to responsive design
- What units to use when creating responsive web pages
- How to start desigining your web pages responsively
- Which tools to use to help you test your responsive design
- How to apply media queries
- How to create fluid layouts
- How to make everything in your web pages act responsively
Our scheduled courses are designed to ensure you have a professional and productive experience. With 20 years practice we have had plenty of time to get it right, but we are always open to new suggestions as well.
Reasons to choose Highlander for your Responsive Design training
- A proven track record - Highlander has been established for 20 years.
- High quality instruction - All of our instructors are Adobe Certified Instructors.
- We make sure you are happy - Our satisfaction guarantee ensures you leave with a smile.
- Follow on support - We give you 12 months post course support.
What you get on a Highlander Course
Start and finish times
Our courses start at 9.30am and typically run until 4pm. The finish time is based primarily on how much information people can retain in a day without being overwhelmed, and can vary slightly depending on individual class size and ability.
Each delegate is provided with use of a computer, setup with the latest version of the software they are learning. Our London centre has a mix of Mac and PC's, so if you have a preference please advise us when booking. Older versions of software can usually be catered for on request.
If delegates prefer to work in their own environment and would rather bring their own laptop that is equally fine.
Hot drinks and bottled water is provided throughout the day together with a selection of biscuits and sweets. There is a scheduled 15 minute break mid morning and again mid afternoon.
There is a one hour break for lunch to allow delegates some time "off the screen". Both our centres are in areas which offer a wide range of options for lunch.
In London we are located on Upper Street in Islington which is one of London's more popular locations for eating out, offering everything from popular cafe's and burger & pizza bars through to a wide range of restaurants. In addition we also have an in-house cafe in the building should you not wish to venture further.
In York we are located on the well known Bishy Road, with a wide range of popular cafe's just a few metres from the front door. The street regularly features in national newspapers and has been described by Wall Street Journal as "an enclave of gourmet delis and cafes" while The Times described it as "York's answer to Notting Hill".
Course manuals / books are provided for all our standard scheduled courses and you get 12 months access to our learning management system which contains a variety of content ranging from video tutorials and refresher exercises through to copies of course slides.
All the machines have full internet access and free wifi is available to use within our centres.
Certificate of Completion
All delegates receive a certificate of completion to show they have completed a Highlander Training Course.
Who should attend this course
You should have a basic understanding of HTML and CSS. If you are completely new to this area then you would benefit from attending the HTML5 and CSS3 Getting Started course.