We are OPEN and delivering training as usual. View our COVID-19 statement.
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
Attend Instructor Led Training From Anywhere
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
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!!!
Time Table and Pricing
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
Our Customers
