Responsive Website and Mobile Website Design

Synopsis

  • 1 Day (10.00-17.00)
  • Course Fee: £250 + VAT
  • Industry Expert and Certified Instructors
  • Training Venue: Central London Location
  • Tutor Led Classroom Training

Request Brochure


Course Information

Responsive Website and Mobile Website Design Course

Career Prospect

Mobile Web Designer, Web Designer, Web Developer, Freelancer Web Developer, Web Development Consultant, UI Consultant. E-commerce Project Manager

Learning Facilities

We have immaculate learning facilities with state of art technology, fully equipped with high specs latest servers, workstations and software.

General Facilities

We also provide Free Wifi Internet, Refreshment, Water, Tea and Coffee Facilities.

Registration Process

Speak with Course Advisor Call 0207 256 7722

Course Highlights

Responsive Website and Mobile Website Design

  • Introduction to Mobile Responsive Design
  • Responsive Content
  • HTML and Responsive Sites
  • Documents, Layout, Designs
  • Mobile tablets, Mobile Devices
  • Measurements
  • Viewport Configuration
  • Box Model, Media Queries
  • Browser Support and Breakpoints
  • Media Queries in Stylesheet
  • Typography, Text Formatting
  • Responsive Images
  • Margins and Padding
  • CSS, Color, Styles, Shapes
  • Planning for Responsive Mobile Website
  • Mobile Web Page Building Blocks
  • Mobile jQuery Menu
  • Responsive Navigation Bar and Header Layout
  • Mobile website testing
  • Mobile Frendly SEO Overview

Course Fee: £250 + VAT

  • Hands-on Tutor Led Training
  • Classroom Based Practical Training
  • Unlimited Practice Lab Access
  • Small Size Class and Interactive Sessions
  • Lab Exercises
  • Project Work
  • WiFi Internet
  • Refreshments
  • Completion Certificate
  • Free Re-training
  • The course fee excludes VAT
Interest Free Credit for IT course

Pay Monthly.

Interest Free Installments Upto 1 Year.

Contact


Course Syllabus

Responsive Website and Mobile Website Design Course Outline

Introduction to Mobile Website and Responsive Design

  • Why You Need Responsive Design
  • Responsive Content
  • Managing Content
  • Overview of Creating Responsive Websites
  • Mobile website and Desktop Version
  • Introduction to Mobile Website
  • Mobile tablets, Mobile Devices

HTML and Responsive Sites

  • HTML and Basic Page Structure
  • Viewport Configuration
  • Structural Elements
  • Creating a First Responsive Page
  • CSS for Responsive Sites
  • Organizing Your Stylesheet

Box Model

  • display, Positioning>
  • float, clear and Styles
  • Media Queries
  • Media Query Structure
  • Media Queries in Stylesheet Links
  • Use Media Queries
  • Browser Support and Breakpoints
  • Design Ranges
  • Two-Column Layout
  • Setting a Maximum Width
  • Choosing Breakpoints

Responsive Images

  • Display Images
  • Alt Text in Images
  • Image File Formats
  • Optimizing Images
  • Background Images
  • Responsive Images

Responsive Workflow

  • Strategy and Planning for Responsive Mobile Website
  • Content Layout
  • Prototypes Planning
  • Visual Design, Responsive Design Tools
  • User Experience
  • Device-Agnostic Design
  • Focusing on Mobile First
  • Touch
  • Screen Size
  • Accessibility (Universal Design)
  • Testing in Real Mobile Devices and Simulator

Designing Responsive Websites

  • Typography
  • HTML, Typefaces
  • Fonts, Sizing Text
  • Line Length, Whitespace
  • Margins and Padding
  • Changing Typeface for Screen Size

Mobile User Interface

  • Text Formatting, Headings
  • Background images using CSS
  • Colour combination and graphics
  • Design layout on Landscape and Portrait
  • HTML5 Implementation
  • Implement HTML5 in Mobile website
  • CSS3
  • Graphical Control, Bitmap, CANVAS Elements
  • Adding Video
  • Tablet Development

Mobile Web Page Building Blocks

  • Working with Mobile Web Page Files
  • Basic (X)HTML Structure
  • Basic (X)HTML Formatting
  • XHTML, CSS and Screen resolution

Mobile jQuery Menu

  • jQuery menu integration

Mobile Device capabilities

  • User interaction and Interface
  • Mobile website testing
  • Mobile Add-on in Firefox
  • Mobile website testing using firefox and other browsers
  • Mobile Testing Using Emulators
  • Download different type of Mobile Emulators and testing

Navigation and Header Layout

  • Responsive Navigation
  • Branding
  • Navigation Bar
  • Navigation Patterns
  • Header
  • Performance
  • Web Pages Rendered
  • Web Page Responsive Testing
  • Measuring Performance
  • Cleaning Up Code

Search Engine Friendly

  • Overview of SEO
  • Mobile SEO

Mobile Web Project

  • Mobile website Project
  • In this project you will be implementing the technology and techniques you have learn.
  • This will be done in your own pace as a project.

What Our Customers says

Responsive Website and Mobile Website Design Package Offer: Great Savings!!!

Giveaway Price
£2500 +VAT
Silver Package
  • Package Includes
Giveaway Price
£3800 +VAT
Diamond Package
  • Package Includes
Giveaway Price
£3300 +VAT
Gold Package
  • Package Includes

Time Table and Pricing

This is an On-Demand course. Please call us on 0207 256 7722 to arrange the training as per your requirement.

Training Facilities

Training And Certification

Why Choose London Training ?

  • Authorized Training Center
  • Hands-on Training
  • Tutor Led Classroom
  • Small Class Size 5-7 max
  • Central London Locations
  • Expert and Certified Trainers
  • Price includes Tuition Fee, Classroom Training and Course Material
  • Expert and Certified Trainers
  • Classes on Week Days, Evening or Weekends
  • Free Re-training
  • Modern Training Facilities
  • Inclusive Books / Materials
  • Mock Exams / Projects