WEB DESIGNING 1
WEB DESIGNING 2

What you'll learn ?

A web designing firm, IT companies or an advertising agency is one of the best places for a web designer, though he / she can also work with companies/enterprises working in multimedia, eLearning and gaming industry.

He / She can do a job or can work as a freelance designer. A fresher can draw up to Rs. 1.2 – 1.4 Lacs p.a.

Hierarchy

He / She would work with a team of web designers and a creative director who would guide them. Typically, he / she would be a part of graphic designing / digital creations / content development team. He / She can further pursue to become a senior web designer or a User Interface / Experience designer as per his/her liking and abilities.

Tools

Typically a junior web designer uses tools like Adobe Dreamweaver, Adobe Flash, Adobe Photoshop. Knowledge of few other skills like JQuery, JQuery Mobile, and responsive web design will be an additional advantage for him/her.

Syllabus

Understanding the World of Desining
  • 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