Next-G Classes

Short Term Web Design

Training Mode	Regular	Fastrack	Crash
Classroom \| Online	2 Months (M,W,F or T,T,S Class) (3 Class in a week)	1 Months (Monday to Friday Class) (5 Class in a week)	20 Days (Monday to Friday Class) (5 Class in a week 1:30 hour duration)

The Short Term Web Design Course at Next G Classes is a comprehensive program designed to equip students with essential web design skills in a short period. This course is meticulously structured into key modules that cover the fundamental aspects of web design, ensuring that students gain a strong foundation and practical experience.

Module 1: Introduction to Web Design
This module introduces the basic principles of web design, focusing on user experience (UX) and user interface (UI). Students learn the essentials of HTML5, the backbone of web development, and get an overview of CSS3 to style their web pages.

Module 2: Responsive Design
In this module, students delve into the principles of responsive web design, learning how to create websites that look great on all devices. Key topics include media queries, breakpoints, and mobile-first design, with practical training using the Bootstrap framework.

Module 3: Advanced CSS Techniques
This module covers advanced CSS techniques, including Flexbox and Grid Layout for modern web page structures. Students also learn about CSS animations and transitions to enhance user interaction, and explore preprocessors like SASS/SCSS for more efficient styling.

Module 4: JavaScript Basics
Students are introduced to JavaScript, the scripting language that adds interactivity to websites. Key concepts include DOM manipulation, event handling, and basic functions and loops, providing the skills needed to create dynamic web content.

Module 5: Web Design Tools
This module focuses on using Adobe Photoshop for web design. Students learn to create web layouts and mockups, and how to export assets for web use, integrating design software skills with web development.

Module 6: Project Development
In the final module, students apply their knowledge to develop a responsive website. They implement interactive features with JavaScript, conduct testing and debugging, and learn about website deployment. This hands-on project ensures that students leave with a portfolio-ready piece that showcases their new skills.

The Short Term Web Design Course at Next G Classes provides a solid grounding in web design, blending theoretical knowledge with practical application, preparing students for a successful career in web development in a concise and effective timeframe.

WHO CAN JOIN Short Term Web Design

10th, 12th or Equivalent
BCA/MCA, B.Tech, M.Tech, B.sc (IT), B.sc(CS)
Diploma Candidates

Module-1 Web Design

HTML5 & CSS3

INTRODUCTION TO HTML

WORKING WITH BASIC TAGS

ANCHORS AND HYPERLINKS

WORKING WITH LISTS

Ordred List
Unordred List
Definition List
Nested List
List Attributes

WORKING WITH GOOGLE MAP & YOUTUBE

Google Map Insertion in Webpage
Youtube Video Insertion in Webpage

WORKING WITH TABLES

Creating Tables on a Web Page
Altering Tables and Spanning Rows & Columns
Placing Images & Graphics into Tables
Aligning Text & Graphics in Tables
Adding a Background Color

WORKING WITH HTML FORM

HTML Input tags
HTML Input Attributes
Setting up form
Form attributes
Submit and Reset Button

HTML5 SEMANTIC TAGS

header and footer tag
section tag
figure and figcaption
nav and aside tag

HTML5 AUDIO & VIDEO

Audio Tag
Video Tag

HTML5 API'S

Drag & Drop
Local Storage
Geolocation

COURSE CONTENTS OF CSS

INTRODUCTION TO CSS

WORKING WITH BASIC CSS PROPERTIES

WORKING WITH WEB LAYOUTS

WORKING WITH BACKGROUND,GRADIENT OR IMAGE SPRITE

WORKING WITH TEXT PROPERTIES

WORKING WITH ICONS & FONTS

Use of Font Awesome
Use of Flat Icons
Use of Google Fonts

WORKING WITH MENUS AND POSITIONS

WORKING WITH BORDER AND SHADOW

Border
Border Image
Rounded Corner
Box Shadow
Text Shadow

WORKING WITH OUTLINE AND UI

Outline
Outline Offset
Resize

WORKING WITH IMAGE STRETCHING PROBLEM

Object Fit : Fill
Object Fit : Contain
Object Fit : Cover

WORKING WITH HTML FORM & CSS

WORKING WITH 2D & 3D TRANSFORMS

translate
rotate
skew
scale

WORKING WITH HOVER,TRANSITIONS & ANIMATIONS

Hover Effects
Transitions
Animations
Creating Web Ads Using Animation

Bootstrap

INTRODUCTION TO BOOTSTRAP

What is a Responsive Website
What is Bootstrap
Where to Download
How to Use Bootstrap
Bootstrap Directory Structure

WORKING WITH GRID IN BOOTSTRAP

What is Grid System
Use of Grid System
small, medium, large Grid System
Container Vs Container-fluid

WORKING WITH IMAGES, TEXT, TABLES

WORKING WITH BOOTSTRAP FORM

labels
form inputs
input classes
type of buttons
form layouts

WORKING WITH WEB LAYOUTS, MENUS

Container Layout
Container Fluid Layout
Proper Use of Rows and Columns
Menu
Single Dropdown Menu, Multilevel Dropdown Menu
Mobile Menu / Collapse Menu

WORKING WITH SLIDER, TAB PANEL, MODAL BOX

Responsive Slider
Tab Panel
Modal Box
Menu
Single Dropdown Menu, Multilevel Dropdown Menu

WORKING WITH CSS HELPERS, RESPONSIVE UTILITIES

Class Helpers
Responsive Utilities

Name : Bablu Kumar

Course : Web Developer

Project : jac

Guided By : Rajesh Sir

https://decranindustries.com/jac/
Name : Manish Bharti

Course : Web Designer

Project : Arcreative

Guided By : Rajesh Sir

https://arcreative.co.in/
Name : Manish Bharti

Course : Web Designer

Project : PaperPajama

Guided By : Rajesh Sir

https://paperpajama.com
Name : Guddu Kumar

Course : Advance Full Stack Developer Expert

Project : Bombay Butlers

Guided By : Rajesh Sir

https://bombaybutlers.co.nz/
Name : Manish Bharti

Course : Web Designer

Project : Beli Ram

Guided By : Rajesh Sir

https://beliramlegacy.com/
Name : Guddu Kumar

Course : Advance Full Stack Developer Expert

Project : Green Pure

Guided By : Rajesh Sir

https://greenpurero.com/
Name : Manish Bharti

Course : Web Designer

Project : Nidhi Maternity

Guided By : Rajesh Sir

https://nidhimaternitycentre.com/
Name : Harsh

Course : Full Stack Developer

Project : Abeautifulmindclinic

Guided By : Rajesh Sir

https://www.abeautifulmindclinic.com/

View More Projects

Contact Us

Course Feedback

View More Testimonials

Student Projects

Name : Manish Bharti

Course : Web Designer

Project : Mindx

Guided By : Rajesh Sir
Name : Manish Bharti

Course : Web Designer

Project : Light Basket

Guided By : Rajesh Sir
Name : Sakesh Kumar

Course : Web Development

Project : Delhi Hospital

Guided By : Rajesh Sir
Name : Vikash Kumar

Course : Full Stack Developer

Project : PS Health Care

Guided By : Rajesh Sir
Name : Bablu Kumar

Course : Web Developer

Project : Mudra Cash for Gold

Guided By : Rajesh Sir
Name : Manish Bharti

Course : Web Designer

Project : vedicessentials

Guided By : Rajesh Sir
Name : Guddu Kumar

Course : Advance Full Stack Developer Expert

Project : MPSswitches

Guided By : Rajesh Sir
Name : Guddu Kumar

Course : Advance Full Stack Developer Expert

Project : Palco

Guided By : Rajesh Sir

View More Projects

KEY FEATURES OF COURSES

Free Demo Session

Enjoy a free demo session in both classroom and online with live instructor with us before join any course. This helps you to understand our instructor and the atmosphere of our institute. To attend a demo session just give us call or fill enquiry from or email us on: [email protected].

Pay fees in Installments

We at Next-G Classes enables you to pay your course fees in Installments through a simple and Hassle free process. You can discuss your installments at the time of registration and pursue your dreams. Our installments process is totally interest free, we don’t charge any extra charge for same.

Limited Batch Size

We always believe on quality training that’s why we have put limited batch size. Because we often feel that some students prefer small batch size. Our limited batch size provides personal attention, better results, enhance learning, focus on learning and many more also.

Highly Professional Faculty

Our Instructors are highly professional. All our instructors are passionate about delivering student achievement and learning outcomes. Next-G classes is one of few institutes in all across country that’s aim is to provide high quality learning experience.

1 Year Free Class Retake

One year free class retake facility provides an opportunity to retake class at No Cost as per your convenience. Because at our institute our aim is to enhance the concepts of every student’s, after provide in-depth knowledge of every software’s, languages etc.