Course Description

  • What is the course all about?

    The course provides an overview of creating the basic sections of the website, organizing and aligning text and images, and adding interactive features. It also enables one to rapidly build web layout wireframes.

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

    At the end of the training participants are able to:

    • Create attractive and professional website prototypes
    • Quickly develop web layout wireframes

  • Who should do this course?

    It is ideal for professionals who want to learn to build wireframe interfaces with HTML and CSS.

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

      12:51
      • 0.1 Introduction
        04:03
      • 0.2 Why Using Photoshop May Not Be The Best Choice
        03:07
      • 0.3 Using HTML and CSS For Fast Wireframe Compositing
        02:54
      • 0.4 A Look At What We ll Build In This Course
        01:23
      • 0.5 Bonus Lesson How To Turn Any Web Page Into A Wireframe
        01:24
    • Chapter 1 - Getting Started

      46:27
      • 1.1 Getting Started
        04:45
      • 1.2 Building The Structural CSS Rules Part 1
        07:43
      • 1.3 Building The Structural CSS Rules Part 2
        02:53
      • 1.4 Connecting Up The HTML To The CSS
        05:20
      • 1.5 Centering Layout Elements
        05:37
      • 1.6 Setting Up Inner Layout Containers
        07:19
      • 1.7 Inserting Additional Inner Containers
        03:35
      • 1.8 Spacing Apart The Layout
        09:15
    • Chapter 2 - Wireframing The Header In Greater Detail

      20:26
      • 2.1 Wireframing The Header In Greater Detail
        04:37
      • 2.2 Building The Logo Container
        03:55
      • 2.3 Setting Up The Main Navigation Menu
        05:54
      • 2.4 Creating A Call - To - Action Button
        06:00
    • Chapter 3 - Building The Rest Of The Layout

      40:25
      • 3.1 Building The Rest Of The Layout
        04:41
      • 3.2 Getting Started With The Hero Content
        04:02
      • 3.3 Finishing Up The Hero Section
        05:36
      • 3.4 Inserting The Feature Headers
        03:35
      • 3.5 Building The Feature Boxes
        05:59
      • 3.6 Wireframing The Organize Section
        05:42
      • 3.7 Speeding Things Up For The Share Section
        04:27
      • 3.8 Finishing - Up The Wireframing
        06:23
    • Chapter 4 - Finishing Touches

      44:58
      • 4.1 Finishing Touches
        03:49
      • 4.2 Adding A Logo Placeholder With Text
        03:51
      • 4.3 Inserting The Remaining Image Placeholders
        03:23
      • 4.4 Inserting A Background Placeholder
        05:10
      • 4.5 Adding Subtle Interactivity
        06:01
      • 4.6 Adding Button Interactivity
        11:43
      • 4.7 Finishing Touches
        04:57
      • 4.8 Sharing The Wireframe For Review
        06:04
    • Chapter 5 - Wrapping Up

      00:21
      • 5.1 Wrapping Up
        00:21
    • {{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.