Course description

  • What is the course all about?

    This course teaches you how to apply design principles to your wireframe and make your site look amazing in every web browser.

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

    Participants at the end of Simplilearn’s Applying Designs to WireFrames with HTML5 and CSS3 training obtain the following learning benefits:
    • Equips you with skills on how to integrate custom fonts from Google Fonts API into your layout’s CSS
    • Helps you to discover tools and processes for testing your layouts for cross-browser and cross-platform compatibility
    • Valuable insight on typography, graphics, and colour schemes

  • Who should do this course?

    This course is a must for aspiring web developers.

  • 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 03:22
      • 0.1 Introduction01:56
      • 0.2 Here's What We'll Create In This Course01:26
    • Chapter 1 - From Wireframe To Design 21:59
      • 1.1 From Wireframe To Design05:16
      • 1.2 Choosing Your Designs Colour Palette06:39
      • 1.3 Tools For Selecting Typefaces05:18
      • 1.4 Choosing Imagery And Design Elements04:46
    • Chapter 2 - Getting The Design Underway 50:51
      • 2.1 Getting The Design Underway05:15
      • 2.2 Formatting Call To Action Buttons With CSS08:41
      • 2.3 Additional Shadow Effects To The Buttons03:11
      • 2.4 Finishing Up The Button Formatting05:40
      • 2.5 Typographic Treatments With Google Font API07:42
      • 2.6 Beginning The Features Section Styling05:29
      • 2.7 Finishing The Features Section04:08
      • 2.8 Formatting The Organize Section04:48
      • 2.9 Wrapping Up The Layouts Design05:57
    • Chapter 3 - Inserting and Formatting Graphics 17:31
      • 3.1 Inserting and Formatting Graphics02:49
      • 3.2 Setting Up The Hero Section Graphics04:53
      • 3.3 Getting The Feature Section Images Inserted03:04
      • 3.4 Placing The Organize and Share Images02:52
      • 3.5 Using A Graphic As A Button Label03:53
    • Chapter 4 - Cross-Browser Testing 22:49
      • 4.1 Cross - Browser Testing08:07
      • 4.2 Running Virtual Operating Systems For Testing09:17
      • 4.3 Making Minor Adjustments For Browser Compatibility05:25
    • Chapter 5 - Wrapping Up 00:29
      • 5.1 Wrapping Up00: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.