Web Design
| Training Mode | Regular | Fasttrack | Crash | Brochure |
|---|---|---|---|---|
| Classroom | Online | 2 Month | 30 Days | 20 Days | Download |
Module-1 Web Design
INTRODUCTION TO HTML
- What is static/Dynamic Website
- What is SEO Friendly Website
- What is a Responsive Website
- What is HTML
- HTML4 VS HTML5
- EDITORS IN HTML
WORKING WITH BASIC TAGS
- DOCTYPE In HTML
- Tag and Attributes
- Title and Meta tag
- Headings and Paragraph
- Formatting Tags
- EDITORS In HTML
ANCHORS AND HYPERLINKS
- Internal link
- External link
- Text link
- Image link
- Email link
- Phone link
- Target attribute
WORKING WITH LISTS
- Ordered List
- Unordered 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
- What is CSS?
- How CSS Works?
- Types of CSS,Internal,Inline,External
- CSS Selectors
- Comments In CSS
- How to Link External CSS
WORKING WITH BASIC CSS PROPERTIES
- Selectors: Class or Elements
- Colors
- Height / Width
- Border
- Margin and Padding
- CSS Box Model
WORKING WITH WEB LAYOUTS
- Aligning Div
- Two Div Align
- Three Div Align
- Four Div Align
- Use of floats
- Clearing float
- Inline or Block Element
WORKING WITH BACKGROUND,GRADIENT OR IMAGE SPRITE
- Background Color
- Background Image
- Background Position
- Background Attachment
- Gradient Colors
- Image Sprite
WORKING WITH TEXT PROPERTIES
- Text Alignments
- Line height(Leading)
- Letter Spacing(Kerning)
- Font Family
- Font Size with Font Weight
- Tips For Improving Text Readability
WORKING WITH ICONS & FONTS
- Use of Font Awesome
- Use of Flat Icons
- Use of Google Fonts
WORKING WITH MENUS AND POSITIONS
- Static Position
- Fixed Position
- Absolute Position
- Relative Position
- Creating Menu
- Menu With Multi Dropdown
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
- labels with inputs
- Form-based selectors
- Changing properties of form elements
- Formatting text in forms
- Formatting inputs
- Formatting form areas
- Changing the appearance of buttons
- Laying out forms
WORKING WITH 2D & 3D TRANSFORMS
- Translate
- Rotate
- Skew
- Scale
WORKING WITH HOVER,TRANSITIONS & ANIMATIONS
- Hover Effects
- Transitions
- Animations
- Creating Web Ads Using Animation
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
- Image responsive
- Rounded image
- Circle image
- Text-align
- Text colors
- Responsive table
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
Upcoming Batches
| Date | Course Name | Time | Training Mode | Demo |
|---|---|---|---|---|
| Classroom | Online |
Web Design & Web Development | First Batch at 9.00 AM - Last Batch at 7.00 PM | Classroom | Online | Request Free Demo |
CONTACT US
KEY FEATURES OF COURSES
Our team welcome, all our trainees to ask any doubts related to their course after training, if they face any doubt or got stuck in any topic or if they feel gap in their knowledge , they can contact to our counsellor for doubt session arrangement.
If you are facing any type of problem with class, we insure you to give refund ! We always takes a feedback with our trainees after classes. Further they don't love our classes after 3 or 5 , we will try to resolve it other wise we refund less amount.
Our team always committed to your success, so our institute offers students to pay their fees installment in monthly basis, rather than full amount*.
Equipped with more than 5+ years of industry experience our instructors will assure a successful leap in your knowledge, improvement and preparation. Know about our Instructors.
Our team always committed to your success, so our institute offers students to pay their fees installment in monthly basis, rather than full amount*.
Students at Next-G Education can do maximum practice in lab as they wish with proper internet connection. Our Lab Instructors helps during practice. Students can frequently ask any doubt if they are facing issue during practice session.
At Next-G Education,we make sure for PG or Lodge or Room in very low cost. We always care our students which are coming from different location either they are from India or Outside India. So if your are interested to join our course and looking for Room or PG we definitely provide you in affordable cost. You can also share your arrival details with us in advance for proper adjustment ion few days.
We offers assured job placement to our candidates opting for our all courses. You are invited to do paid internship with us after completion of course or our associated placement departments team provides job for you...
Are you interested to book free demo classes or looking for free counselling give us call on 9911012873 or mail us on : [email protected] or [email protected].
