Advanced Website Designing – Beyond the Basics

Classroom course
Virtual course
Sr. No.Batch CodeStart DateEnd DateTime SlotTraining OptionInstructorEnroll now
1smbwda1-27022nd Apr, 202415th Jul, 202410:00 AM to 11:00 AMClass Room TrainingCSS MentorEnroll Now
2smbwda2-27022nd Apr, 202415th Jul, 202412:30 PM to 1:30 PMClass Room TrainingCSS MentorEnroll Now
3smbwda3-27022nd Apr, 202415th Jul, 20243:00 PM to 4:00 PMClass Room TrainingCSS MentorEnroll Now
4smbwda4-26922nd Apr, 202415th Jul, 20245:30 PM to 6:30 PMClass Room TrainingCSS MentorEnroll Now
  • For Demo Session & Consultation97370 05566
  • Course Curriculum

    Collapse All
    Expand All
  • Section 1 - Introduction of Photoshop
    Starting Adobe Photoshop
    Exit or Disable The Start Workspace
    New Document Window
    Blank Document Presets
    Improvements To The Properties Panel & Libraries Panel
  • Section 2 - Using Photoshop Tools
    Using the tools
    Working with tools and tool properties
    Using the Spot Healing Brush tool
    Repairing areas with the Clone Stamp tool
    Using the Quick Selection tool
    Using the Magic Wand tool
    Selecting with the lasso tools
    Selecting with the Magnetic Lasso tool
  • Section 3 - Photoshop Correction
    Lesson overview of Photo Corrections
    Strategy for retouching
    Resolution and image size
    Opening a file with Adobe Bridge
    Straightening and cropping the image in Photoshop
    Adjusting the color and tone
    Applying a content-aware patch
    Sharpening the image
    Review questions and answers of Photo Corrections
  • Section 4 - Editing And Combining Shapes And Paths
    Lesson overview of shapes and paths
    Getting started with shapes and paths
    Editing paths and shapes
    Combining shapes
    Using the Width tool
    Finishing up the illustration
    Review questions and answers of shapes and paths
  • Section 6 - Crop And Transform
    Straightening and cropping the image in Photoshop
    Cropping an image
    Apply transformations
  • Section 7 - Web Layout Designing Using Photoshop
    Set up the Canvas
    Create the Header
    Create Texture Pattern
    Adding the Logotype
    Content Slider
    Add some Welcome Lines
    Finishing up the Header
    Apply Gradient to the Background
    Add Slider Rotation Controls
    Create Content Divider
    Adding the Main Content
    Creating Footer and Finishing
    Final Results
  • Section 8 - Overview Of HTML5 & CSS3
    Introduction Of HTML5, What is new in HTML 5?
    What problems HTML4 and XHTML addresses
    Colors introduces in CSS3
    CSS3 Gradients
  • Section 9 - Basic Introduction Of HTML5 & CSS3
    Lay out a page with HTML 4 (the “old” way) and HTML 5
    New HTML5 API’s (Application Programming Interfaces)
    Removed Elements in HTML5
    CSS3 Font Descriptors
  • Section 10 - Tags In HTML5 & CSS3 Properties
    New HTML5 Structural Tags
    CSS3 Text Properties
  • Section 11 - Javascript Basics
    JavaScript Introduction
    JavaScript – Syntax
    Enabling JavaScript In Browsers
    JavaScript – Placement In HTML File
    JavaScript Datatypes And Variables
    JavaScript – Operators
    JavaScript – If…Else Statement
    JavaScript – Switch Case
    JavaScript – While Loops
    JavaScript – For Loop
    JavaScript For…In Loop
    JavaScript – Loop Control
    JavaScript – Functions
    JavaScript – Events
    JavaScript And Cookies
    JavaScript – Page Redirection
    JavaScript – Dialog Boxes
    JavaScript – Void Keyword
    JavaScript – Page Printing
  • Section 12 - jQuery Basics
    What is jQuery?
    Why jQuery?
    jQuery Introduction
    jQuery Get Started
    jQuery Syntax
    jQuery Selectors
    jQuery Event Methods
    The noConflict() Method
  • Section 13 - Mobile Responsive Web Design Export
    What is Responsive Web Design?
    Designing For The Best Experience For All Users
    What is The Viewport?
    Setting The Viewport
    Size Content to The Viewport
    What is a Media Query?
    Add a Breakpoint
    Always Design for Mobile First
    Another Breakpoint
    Orientation: Portrait / Landscape
  • Section 14 - Overview Of Bootstrap
    What is Bootstrap?
    Bootstrap Grid System
    Bootstrap Text/Typography
    Global Settings
    Default grid system
    Responsive design

    Call Us Now For Free Consultation97370 05566

    Our experts listen to you patiently and suggest you the right course after conducting a personality profile test. Register your interest below to schedule personality profile test for you.


    Copyright 2016-2024 Smart Mentors. All Rights Reserved.



    Sign up now to Become An Instructor

      Register your Interest

        cf7captchaRegenerate Captcha