Track
Digital Designing
Duration
120 hours
Skill Level
Foundation
Language
English
About this Course
A web designer is essentially in a supporting role. He / She is supposed to have sound knowledge of design fundamentals and web production techniques. …
Learning Mode: Learn at ALC or at Home
Detailed Course Curriculum
Hands-on module breakdown aligned with MKCL production standards and industry requirements.
- Understanding colors and related concepts
- Getting introduced to typography and colors
- Learning how to write and build content
- Understanding what Client Briefs, Storyboards, Visual Mind Maps, and Marketing Plans
- Learning more about client briefs, Storyboards, Visual Mind Maps, etc.
- Learning about various designs and shapes
- Understanding the basics of designs and shapes
- Learning the basics of web designing
- Learning to create a few website elements
- Understanding the rules and guidelines for typography
- Using Fonts and optimizing typography
- Identifying color schemes and combinations
- Exploring more about colors and the trends
- Learning the basics of Adobe Bridge
- Creating web-ready images by applying various effects in Adobe Photoshop
- Learning about a tool and creating a web layout in Adobe Photoshop
- Learning to automate and mask an image in Adobe Photoshop
- Learning to create a sitemap and wireframe for a website
- Identifying how and where to use a website wireframe
- Searching, downloading, and using free and copyright-free images
- Exploring stock platforms for images
- Exploring the popular web designing tools
- Studying more about the web designing tools
- Designing a user interface using Figma
- Adding content in the user interface using Figma
- Creating and working on a project in Figma
- Working with components and applying constraints in Figma
- Working with plugins in Figma
- Learning to prototype, share, and export a file in Figma
- Executing to prototype, share, and export a file in Figma
- Learning about UI, layouting, and grids
- Understanding what is UI and UX
- Exploring the field of UX and the 4 C’s of designing
- Exploring the competencies and techniques for smart and efficient working
- Learning the basics of the Internet and related concepts
- Learning about browsers
- Understanding what a website and Email Client
- Exploring more about web designing and new features of Adobe Dreamweaver
- Using new features of Adobe Dreamweaver and discovering what a responsive website is
- Learning the basics of HTML
- Exploring different types of Tags in HTML
- Working with texts and links in HTML
- Working with images in HTML
- Exploring the forms and understanding what XHTML is
- Creating webpage using HTML and CSS
- Creating Navigation bar using CSS
- Creating impressive webpages using HTML5, and CSS3
- Exploring and applying CSS Styles
- Working with CSS rules and AP elements
- Exploring what CSS3 is and using the CSS Designer Panel
- Learning about JavaScript (Hello world! and variables)
- Learning about JavaScript (Conditional statements)
- Learning about JavaScript (JS loops)
- Learning about JavaScript (JS project)
- Introduction to jQuery
- Learning more about jQuery
- Understanding the Events
- Understanding the animation effects and DOM Traversal and manipulation in jQuery Bootstrap
- Understanding what a responsive web design is and developing it using Bootstrap
- Exploring the components of Bootstrap
- Discovering what Forms, Breakpoints, and Containers in Bootstrap are
- Understanding what Grid System is in Bootstrap
- Working with typography and images in Bootstrap
- Exploring the new concepts of typography and images while working in Bootstrap
- Learning about the Bootstrap Homepage and other elements
- Exploring more about the Bootstrap
- Discovering and working with the About page in Bootstrap
- Discovering and working with the Contact page in Bootstrap
- Creating interactive buttons using Bootstrap
- Identifying various parts of a website and more
- Getting introduced to what PHP is, its requirements, and creating a PHP file
- Working with PHP variables, operators, and statements
- Working with PHP loops, arrays, and more
- Learning the types of functions in PHP
- Understanding the MySQL Databases and firebases
- Working with MySQL commands, databases, and statements
- Working with indexes and views, statements, and keywords in MySQL
- Exploring the procedures and types of Joins in MySQL
- Getting introduced to Firebase
- Authenticating Firebase and defining the project settings
- Designing a responsive website using Adobe Dreamweaver
- Designing and editing a responsive website using Adobe Dreamweaver
- Designing a website using CSS3 and applying the Fluid Grid Layout
- Designing a wireframe for a product-based website - Case Study
- Using WordPress to design a product-based website - Case Study
- Customizing and completing a product-based website - Case Study
- Starting with designing a social media website - Case Study
- Setting and customizing a social media website - Case Study
- Customizing a social media website - Case Study
- Setting and adding pages to a website for a news channel - Case Study
- Customizing and post news on a website for a news channel - Case Study
- Posting and reviewing news articles on a website for a news channel - Case Study
- Designing an eCommerce website using WordPress
- Creating a wireframe for a service-based website - Case Study
- Setting up and arranging content for an service-based website - Case Study
- Formatting and reviewing an service-based website - Case Study
- Beginning to design a website for an eLearning company - Case Study
- Creating and customizing pages in a website for an eLearning company - Case Study
- Finalizing a website and buying a domain name for an eLearning company - Case Study
- Beginning to design a website for an NGO
- Adding and customizing elements in a website for an NGO
- Finalizing the website design for an NGO
- Starting with designing a website for a food outlet - Case Study
- Editing and customizing a website for a food outlet - Case Study
- Designing a website using CSS - Case Study
- Starting with the basics of domains, and web hosting
- Exploring more about web hosting and domain names
- Understanding what Project Cycles are
- Discovering what Project Scope - Planning with the client
- Discovering what Project Scope - Building, Optimization, Finalization
- Discovering what Project Scope - Launch
- Understanding more about the web designing field, processes, and getting job-ready
- Exploring more about your career in web designing
- Listing the types of web designers and how to create ideal resumes
- Getting introduced to the world of employment
- Understanding your options for career growth
- Exploring various career-building options in web designing
Eligibility Criteria
• Basic knowledge of computers and keen desire to build skills in this field.
• Open to students, job seekers, and working professionals.
• Open to students, job seekers, and working professionals.
Official Certification
• Official MKCL KLiC Certificate upon successful completion of the course and evaluations.
Target Audience & Who Should Join
• Aspiring Web Designers: Individuals aiming to build a career in web design and development.
• Students and Graduates in Computer Science or IT: Those seeking to enhance their knowledge in web technologies and design principles.
• Graphic Designers: Professionals looking to expand their skill set to include web design.
• Marketing and Advertising Professionals: Individuals responsible for creating and managing online content and promotional materials.
• Entrepreneurs and Small Business Owners: Those interested in developing and maintaining their own websites.
• Freelancers: Individuals offering web design services to clients.
• Hobbyists and Tech Enthusiasts: Individuals passionate about web technologies and design, seeking to learn for personal projects.
• Students and Graduates in Computer Science or IT: Those seeking to enhance their knowledge in web technologies and design principles.
• Graphic Designers: Professionals looking to expand their skill set to include web design.
• Marketing and Advertising Professionals: Individuals responsible for creating and managing online content and promotional materials.
• Entrepreneurs and Small Business Owners: Those interested in developing and maintaining their own websites.
• Freelancers: Individuals offering web design services to clients.
• Hobbyists and Tech Enthusiasts: Individuals passionate about web technologies and design, seeking to learn for personal projects.
Work-Centric Learning Approach
• Step 1: Learners are given an overview of the course and its connection to life and work
• Step 2: Learners are exposed to the specific tool(s) used in the course through the various real-life applications of the tool(s).
• Step 3: Learners are acquainted with the careers and the hierarchy of roles they can perform at workplaces after attaining increasing levels of mastery over the tool(s).
• Step 4: Learners are acquainted with the architecture of the tool or tool map so as to appreciate various parts of the tool, their functions, utility and inter-relations.
• Step 5: Learners are exposed to simple application development methodology by using the tool at the beginner’s level.
• Step 6: Learners perform the differential skills related to the use of the tool to improve the given ready-made industry-standard outputs.
• Step 7: Learners are engaged in appreciation of real-life case studies developed by the experts.
• Step 8: Learners are encouraged to proceed from appreciation to imitation of the experts.
• Step 9: After the imitation experience, they are required to improve the expert’s outputs so that they proceed from mere imitation to emulation.
• Step 10: Emulation is taken a level further from working with differential skills towards the visualization and creation of a complete output according to the requirements provided. (Long Assignments)
• Step 11: Understanding the requirements, communicating one’s own thoughts and presenting are important skills required in facing an interview for securing a work order/job. For instilling these skills, learners are presented with various subject-specific technical as well as HR-oriented questions and encouraged to answer them.
• Step 12: Finally, they develop the integral skills involving optimal methods and best practices to produce useful outputs right from scratch, publish them in their ePortfolio and thereby proceed from emulation to self-expression, from self-expression to self-confidence and from self-confidence to self-reliance and self-esteem!
• Step 2: Learners are exposed to the specific tool(s) used in the course through the various real-life applications of the tool(s).
• Step 3: Learners are acquainted with the careers and the hierarchy of roles they can perform at workplaces after attaining increasing levels of mastery over the tool(s).
• Step 4: Learners are acquainted with the architecture of the tool or tool map so as to appreciate various parts of the tool, their functions, utility and inter-relations.
• Step 5: Learners are exposed to simple application development methodology by using the tool at the beginner’s level.
• Step 6: Learners perform the differential skills related to the use of the tool to improve the given ready-made industry-standard outputs.
• Step 7: Learners are engaged in appreciation of real-life case studies developed by the experts.
• Step 8: Learners are encouraged to proceed from appreciation to imitation of the experts.
• Step 9: After the imitation experience, they are required to improve the expert’s outputs so that they proceed from mere imitation to emulation.
• Step 10: Emulation is taken a level further from working with differential skills towards the visualization and creation of a complete output according to the requirements provided. (Long Assignments)
• Step 11: Understanding the requirements, communicating one’s own thoughts and presenting are important skills required in facing an interview for securing a work order/job. For instilling these skills, learners are presented with various subject-specific technical as well as HR-oriented questions and encouraged to answer them.
• Step 12: Finally, they develop the integral skills involving optimal methods and best practices to produce useful outputs right from scratch, publish them in their ePortfolio and thereby proceed from emulation to self-expression, from self-expression to self-confidence and from self-confidence to self-reliance and self-esteem!
Ready to start Web Designing?
Join our upcoming batch at ZICA Kalyani center with certified instructors.
Other MKCL Courses
-
Introduction to 3D Animation
30 hours -
DTP (Adobe & CorelDRAW)
120 hours -
Graphic Designing
120 hours -
Video Editing Techniques
30 hours