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 Introduction04:03
      • 0.2 Why Using Photoshop May Not Be The Best Choice03:07
      • 0.3 Using HTML and CSS For Fast Wireframe Compositing02:54
      • 0.4 A Look At What We ll Build In This Course01:23
      • 0.5 Bonus Lesson How To Turn Any Web Page Into A Wireframe01:24
    • Chapter 1 - Getting Started 46:27
      • 1.1 Getting Started04:45
      • 1.2 Building The Structural CSS Rules Part 107:43
      • 1.3 Building The Structural CSS Rules Part 202:53
      • 1.4 Connecting Up The HTML To The CSS05:20
      • 1.5 Centering Layout Elements05:37
      • 1.6 Setting Up Inner Layout Containers07:19
      • 1.7 Inserting Additional Inner Containers03:35
      • 1.8 Spacing Apart The Layout09:15
    • Chapter 2 - Wireframing The Header In Greater Detail 20:26
      • 2.1 Wireframing The Header In Greater Detail04:37
      • 2.2 Building The Logo Container03:55
      • 2.3 Setting Up The Main Navigation Menu05:54
      • 2.4 Creating A Call - To - Action Button06:00
    • Chapter 3 - Building The Rest Of The Layout 40:25
      • 3.1 Building The Rest Of The Layout04:41
      • 3.2 Getting Started With The Hero Content04:02
      • 3.3 Finishing Up The Hero Section05:36
      • 3.4 Inserting The Feature Headers03:35
      • 3.5 Building The Feature Boxes05:59
      • 3.6 Wireframing The Organize Section05:42
      • 3.7 Speeding Things Up For The Share Section04:27
      • 3.8 Finishing - Up The Wireframing06:23
    • Chapter 4 - Finishing Touches 44:58
      • 4.1 Finishing Touches03:49
      • 4.2 Adding A Logo Placeholder With Text03:51
      • 4.3 Inserting The Remaining Image Placeholders03:23
      • 4.4 Inserting A Background Placeholder05:10
      • 4.5 Adding Subtle Interactivity06:01
      • 4.6 Adding Button Interactivity11:43
      • 4.7 Finishing Touches04:57
      • 4.8 Sharing The Wireframe For Review06:04
    • Chapter 5 - Wrapping Up 00:21
      • 5.1 Wrapping Up00:21
    • {{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.