Webmaster - Responsive Web Design

• 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

• 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

• 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

• 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

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

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

• 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

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

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

• 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

You will be assessed on coursework which is detailed in the course materials. The coursework requires you to create and submit webpages as your assignments. Your work can be sent back to your course tutor by email or by post.

You will have a full year to complete this course, which is plenty of time to be able to study at your own pace. This course should take you approximately 140 hours of self-study time.

You will study this course through distance learning, which means you can learn at a time and place to suit you. You will study this course online and work will be submitted to your course tutor by email or post. You will receive a year’s full tutor support by email, so help is only a click away!

Approximately 140 hours.

On successful completion of this course students will receive a Webmaster – Responsive Web Design Diploma with comprehensive feedback and providing the assignments have been completed to the required standards students will also receive a Level 4 Open Awards Quality Endorsed Unit Course Certificate with 9 Open Awards Credits.
Open Award Credits can be accumulated with other course or unit credits over a period of time which can lead to an accredited qualification
The course measurable learning outcomes have been benchmarked at Level 4 (using Ofqual’s level descriptors) to allow you to consider the depth of study, difficulty, and level of achievement involved.