Key features


How this works :

At Simplilearn, we greatly value the trust of our patrons. Our courses were designed to deliver an effective learning experience, and have helped over half a million find their professional calling. But if you feel your course is not to your liking, we offer a 7-day money-back guarantee. Just send us a refund request within 7 days of purchase, and we will refund 100% of your payment, no questions asked!

For Self Placed Learning :

Raise refund request within 7 days of purchase of course. Money back guarantee is void if the participant has accessed more than 25% content.

  • 44 High Quality Lectures
  • 4 hrs of HQ e-learning content
  • Covers style sheets, feature box
  • Course Completion Certificate

Course description

  • What is the course all about?

    The training offers a complete insight on constructing a website from the basic through fluid grid layout features in the Dreamweaver CS6. The course also covers creation of three separate layouts in a single HTML document for each kind of device to see the website, mobile, tablet and desktop.

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

    At the end of the training participants are able to:
    • Work on fluid grid layouts
    • Build mobile device layout
    • Create the tablet device design
    • Build the desktop layout

  • Who should do this course?

    The course is ideal for those looking forward to gain a strong knowledge in responsive web layouts.

  • 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

    • Chapter 0 - Gettin Warmed Up 04:00
      • 0.1 Gettin Warmed Up01:35
      • 0.2 Previewing The Completed Layout (Free Lesson)02:25
    • Chapter 1 - Let s Get Started With Fluid Grid Layouts 1:21:21
      • 1.1 Let s Get Started With Fluid Grid Layouts04:14
      • 1.2 Creating A New Fluid Grid Layout06:14
      • 1.3 Touring Through The Layout06:19
      • 1.4 Looking At Other Device Views06:09
      • 1.5 Building The Fluid Grid Layout s Basic Structure07:19
      • 1.6 Adjusting Layout Objects10:42
      • 1.7 Touring And Understanding The External Style Sheet10:29
      • 1.8 Building The Raw Structure For Mobile06:18
      • 1.9 Adjusting The Structure For Tablet And Desktop08:15
      • 1.10 Inserting Nested Divs In The Layout03:06
      • 1.11 Previewing Your Work07:31
      • 1.12 Adjusting The External Style Sheet04:45
    • Chapter 2 - Building The Mobile Device Layout 1:24:55
      • 2.1 Building The Mobile Device Layout04:02
      • 2.2 Inserting The Logo09:49
      • 2.3 Inserting And Formatting The Menu Items07:26
      • 2.4 Roughing In The Slideshow02:01
      • 2.5 Building The Positioning Statement Area08:09
      • 2.6 Getting The New Additions Area Built09:42
      • 2.7 Constructing The Feature Boxes14:31
      • 2.8 Finishing Up The Feature Boxes04:00
      • 2.9 Adjusting The Mobile Layout To Scale Part 105:32
      • 2.10 Adjusting The Mobile Layout To Scale Part 207:00
      • 2.11 Formatting The Footer06:15
      • 2.12 Finishing Up The Mobile Device Layout06:28
    • Chapter 3 - Building Out The Tablet Device Design 45:37
      • 3.1 Building Out The Tablet Device Design06:17
      • 3.2 Adjusting The Tablet Layout s Logo (Free Lesson)05:11
      • 3.3 Configuring Layout Objects To Inherit From The Mobile Style Sheet03:16
      • 3.4 Adjusting The Positioning Statement And New Additions Areas03:51
      • 3.5 Setting Up The Tablet Device s Feature Boxes Part 105:32
      • 3.6 Setting Up The Tablet Device s Feature Boxes Part 207:58
      • 3.7 Let s Cheat Here s How To Fix Scaling Graphic Margin04:03
      • 3.8 Fixing The Mobile View05:47
      • 3.9 Finishing Touches For The Tablet Layout03:42
    • Chapter 4 - Building The Desktop Layout 20:46
      • 4.1 Building The Desktop Layout03:44
      • 4.2 Adjusting The Desktop Layout s Logo01:54
      • 4.3 Applying Deskto - Only Formatting To The Menu03:21
      • 4.4 Tweaking The Slideshow Positioning00:55
      • 4.5 Fixing The Positioning Statement And Feature Boxes08:01
      • 4.6 Final Desktop Layout Adjustments (Free Lesson)02:51
    • Chapter 5 - Finishing Up With Some Final Adjustments 10:39
      • 5.1 Finishing Up With Some Final Adjustments04:54
      • 5.2 Hiding Layout Content Between Devices05:16
      • 5.3 Wrapping Up Fluid Grid Layouts00:29
    • {{childObj.title}}
      • {{childObj.childSection.chapter_name}}
        • {{lesson.title}}
      • {{lesson.title}}

    View More

    View Less


  • 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.