Webmaster - Responsive Web Design

With technology today continuously developing, this course is regularly updated so students can be confident that they are studying the most up-to-date methods. This course is ideal for both those aspiring to begin their career web design and those who want to build their own website. This course will allow you to study the convenient way! You decide when and where you learn, at your own pace. Your experienced and friendly tutor is there to help you every step of the way by email, so help is only a click away! Start your journey and develop your skills and knowledge today and join over [past_students_count] students that already have!

Course Content

Lesson 1 Introduction

• What’s new in HTML5?
• Creating a HTML5 document
• HTML5 document validation
• Incorporating a CSS3 style sheet
• What’s new in CSS3?
• CSS3 document validation

Lesson 2 Responsive design

• What is responsive web design?
• Responsive web design with CSS3
• Proportional Layout
• Scaling images
• Converting from fixed to fluid design
• Cross-browser considerations
• Examples of responsive web design

Lesson 3 HTML5 semantic elements

• Introduction
• The header, footer and nav elements
• The section
• Article and aside elements
• Other semantic elements
• The role of DIV and SPAN elements
• Dropped elements and attributes

Lesson 4 Introduction to CSS3

• Background to CSS3
• Understanding cascading style sheets
• Internal, inline and external style sheets
• CSS3 rules and selectors
• New CSS3 colour formats
• Text effects and transformations
• Multi-column layout

Lesson 5 Styling content and layout with CSS3

• Recognising content boxes
• Setting margins and padding
• Sizing and positioning elements
• Formatting borders
• Specifying backgrounds
• Text formatting
• Using shadows and gradients

Lesson 6 Styling lists and tables with CSS3

• List style types and positioning
• Defining shorthand lists
• New HTML5 table elements
• Assigning elements as table components

Lesson 7 Styling HTML5 forms

• HTML5 form components
• Acquiring text input
• Email, telephone and URL inputs
• Check boxes and radio buttons
• Selecting options and uploading files
• Standard buttons and image buttons
• Date, time and range inputs
• Add some style with CSS3

Lesson 8 Using CSS3 to create special effects

• Understanding CSS3 transitions
• CSS3 transformations
• CSS3 animations
• Enhancing your text
• Using special cursors
• Hiding and revealing elements

Lesson 9 Optimising and organising your CSS3 code

• Resetting browser defaults
• Organising your style sheets
• Optimising style rules
• Specifying default styles

Lesson 10 The powerful HTML5 APIs

• The drag and drop API
• The web storage API
• Inter-document messaging
• The history API
• The geolocation and Google maps API
• The canvas API
• Incorporating audio and video