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 Up 01: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 Layouts 04:14
      • 1.2 Creating A New Fluid Grid Layout 06:14
      • 1.3 Touring Through The Layout 06:19
      • 1.4 Looking At Other Device Views 06:09
      • 1.5 Building The Fluid Grid Layout s Basic Structure 07:19
      • 1.6 Adjusting Layout Objects 10:42
      • 1.7 Touring And Understanding The External Style Sheet 10:29
      • 1.8 Building The Raw Structure For Mobile 06:18
      • 1.9 Adjusting The Structure For Tablet And Desktop 08:15
      • 1.10 Inserting Nested Divs In The Layout 03:06
      • 1.11 Previewing Your Work 07:31
      • 1.12 Adjusting The External Style Sheet 04:45
    • Chapter 2 - Building The Mobile Device Layout 1:24:55
      • 2.1 Building The Mobile Device Layout 04:02
      • 2.2 Inserting The Logo 09:49
      • 2.3 Inserting And Formatting The Menu Items 07:26
      • 2.4 Roughing In The Slideshow 02:01
      • 2.5 Building The Positioning Statement Area 08:09
      • 2.6 Getting The New Additions Area Built 09:42
      • 2.7 Constructing The Feature Boxes 14:31
      • 2.8 Finishing Up The Feature Boxes 04:00
      • 2.9 Adjusting The Mobile Layout To Scale Part 1 05:32
      • 2.10 Adjusting The Mobile Layout To Scale Part 2 07:00
      • 2.11 Formatting The Footer 06:15
      • 2.12 Finishing Up The Mobile Device Layout 06:28
    • Chapter 3 - Building Out The Tablet Device Design 45:37
      • 3.1 Building Out The Tablet Device Design 06:17
      • 3.2 Adjusting The Tablet Layout s Logo (Free Lesson) 05:11
      • 3.3 Configuring Layout Objects To Inherit From The Mobile Style Sheet 03:16
      • 3.4 Adjusting The Positioning Statement And New Additions Areas 03:51
      • 3.5 Setting Up The Tablet Device s Feature Boxes Part 1 05:32
      • 3.6 Setting Up The Tablet Device s Feature Boxes Part 2 07:58
      • 3.7 Let s Cheat Here s How To Fix Scaling Graphic Margin 04:03
      • 3.8 Fixing The Mobile View 05:47
      • 3.9 Finishing Touches For The Tablet Layout 03:42
    • Chapter 4 - Building The Desktop Layout 20:46
      • 4.1 Building The Desktop Layout 03:44
      • 4.2 Adjusting The Desktop Layout s Logo 01:54
      • 4.3 Applying Deskto - Only Formatting To The Menu 03:21
      • 4.4 Tweaking The Slideshow Positioning 00:55
      • 4.5 Fixing The Positioning Statement And Feature Boxes 08: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 Adjustments 04:54
      • 5.2 Hiding Layout Content Between Devices 05:16
      • 5.3 Wrapping Up Fluid Grid Layouts 00: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.