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


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