Course description

  • What is the course all about?

    This course will show you how to build responsive websites that adjust and function properly on smartphones, tablets, and desktop displays.

  • What learning benefits do you get from Simplilearn’s training?

    Participants at the end of Simplilearn’s Building Responsive Websites with HTML5 & CSS3 training obtain the following learning benefits:
    • Skills to build functional, responsive web layouts
    • Knowledge to design layouts to fit various device displays, including tablet, smartphone, and desktop screens

  • Who should do this course?

    Those looking to build a strong foundation in responsive web layouts should go for this course. 

  • Why Simplilearn?

    • Simplilearn is the World’s Largest Certification Training Provider, with over 500,000+ professionals trained globally
    • Trusted by the Fortune 500 companies as their learning provider for career growth and training
    • 2000+ certified and experienced trainers conduct trainings for various courses across the globe
    • All our Courses are designed and developed under a tried and tested Unique Learning Framework that is proven to deliver 98.6% pass rate in first attempt
    • Accredited, Approved and Recognized as a training organization, partner, education provider and examination center by globally renowned names like Project Management Institute of USA, APMG, CFA Institute, GARP, ASTQB, IIBA and others

Course preview

    • Building Responsive Websites with HTML5 CSS3

      3:29:50
      • 1.1 Welcome
        00:48
      • 1.2 A Look At What We'll Build
        01:36
      • 1.3 Key Aspects Of Responsive Design
        02:43
      • 1.4 Determining Device Resolutions To Target
        04:20
      • 1.5 Wireframing Responsive Layouts
        04:59
      • 1.6 The Concept Of Using Multiple CSS Files
        10:50
      • 1.7 Media Queries and Multiple Style Sheets
        08:58
      • 1.8 Building Media Queries Into A Single CSS File
        07:38
      • 1.9 Using Media Query Expressions
        05:05
      • 1.10 Setting Up The HTML and CSS Files
        04:19
      • 1.11 Getting Started With The Header
        07:36
      • 1.12 Inserting The Main Nav Menu
        06:01
      • 1.13 Inserting The Search Field
        06:56
      • 1.14 Problems With Applying Floats
        04:19
      • 1.15 Integrating Google Fonts API
        03:25
      • 1.16 Building The Hero Section Structure
        04:26
      • 1.17 Formatting The Hero Section
        09:04
      • 1.18 Inserting and Formatting A Call To Action Button
        09:51
      • 1.19 Building The Features Section, Part One
        05:46
      • 1.20 Building The Features Section, Part Two
        04:57
      • 1.21 Inserting The Organize Section
        08:19
      • 1.22 Building The Share Section
        05:16
      • 1.23 Building The Call To Action Area
        06:36
      • 1.24 Inserting And Formatting The Footer
        03:48
      • 1.25 Finishing Touches For The High Resolution Layout
        04:07
      • 1.26 Setting Up The Medium Resolution CSS and Testing The Media Query
        07:02
      • 1.27 Formatting The Medium Res Header
        04:08
      • 1.28 Formatting The Medium Res Hero Section
        06:09
      • 1.29 Formatting The Features Section
        02:14
      • 1.30 Formatting The Organize And Share Sections
        05:17
      • 1.31 Building The Get Section and Finishing Up The Medium Res Layout
        02:53
      • 1.32 Setting Up The Low Res CSS and Testing The Media Query
        04:41
      • 1.33 Formatting The Low Res Header
        02:53
      • 1.34 Resolving Problems Caused By Floats
        04:22
      • 1.35 Formatting The Low Res Hero Section
        03:18
      • 1.36 Formatting The Features Section
        01:46
      • 1.37 Formatting The Organize And Share Sections
        02:59
      • 1.38 Building The Get Section and Finishing Up The Low Res Layout
        03:07
      • 1.39 Disabling Device Smart Zoom
        05:59
      • 1.40 Testing Your Responsive Layouts
        04:28
      • 1.41 Setting Up Retina Display Graphics
        06:22
      • 1.42 Where To Go From Here
        00:29
    • {{childObj.title}}

      • {{childObj.childSection.chapter_name}}

        • {{lesson.title}}
      • {{lesson.title}}

    View More

    View Less

FAQs

  • How do I enroll for the Online training?

    You can enroll for this Online training online. Payments can be made using any of the following options and receipt of the same will be issued to the candidate automatically via email.
    1. Visa debit/credit card
    2. American express and Diners club card
    3. Master Card, or
    4. Through PayPal

  • What will I get along with this training?

    You will have access to the online e-learning along with the training.

  • Can I cancel my enrollment? Do I get a refund?

    Yes, you can cancel your enrollment. We provide you complete refund after deducting the administration fee. To know more please go through our Refund Policy.

  • Do you provide any course completion certificate?

    Yes, we offer course completion certificate after you successfully complete the training program.

  • Where and how can I access the e-learning content? Are there any limitations?

    Once you register with us for a course by paying the course fee, you can have 24/7 access to the e-learning content on our website. An automated course purchase confirmation mail from our side will guide you through the process.

  • I am not able to access the online course. Whom should I contact for a solution?

    Please raise a request via our Help and Support portal to have your issue resolved.

  • Do you provide money back guarantee for the training programs?

    Yes. We do offer a money-back guarantee for many of our training programs. You can refer to the Refund Policy and raise refund requests via our Help and Support portal.

  • I want to know more about the training program. Whom do I contact?

    Please join our Live Chat for instant support, call us, or Request a Call Back to have your query resolved.

    • Disclaimer
    • PMP, PMI, PMBOK, CAPM, PgMP, PfMP, ACP, PBA, RMP, SP, and OPM3 are registered marks of the Project Management Institute, Inc.