ratingsÂ
Have you ever wondered who created the layouts of the websites that you usually visit? Web designers are the people who provide a flexible user experience by initiating and creating the visual aspects of websites. A study shows, visitors take less than one second to judge a site and simply switch to another if they find it hard to navigate. As a result, companies put much effort to ensure smooth functionality of their sites by hiring skilled web designers. If you are interested to become a professional web designer, our Advanced Web Design Course is for you.
4 days, 4 hours
May 3, 2024
Course Outline:
Module-1
HTML Tags, Attributes,
Elements, Comments,
Head, Body, Section,
HTML Semantic Element
Div, Header,
Footer,
Page Title,
Headings,
Paragraphs,
Hyperlinks,
Lists,
HTML Text Formatting Tag
Images, videos, Caption
Tables & Form Making
Input Elements
Module-2&3
Types of Style Sheets,
CSS Selectors,
Properties,
Values,
Backgrounds,
Colors,
Text Styling & Formatting,
Borders,
Margins,
Paddings,
Outlines,
Box and Text Shadow
Pixels,
Percentages,
Points,
Em,
Block & Inline Elements,
Float & Clear,
CSS Positioning,
Text Effects,
ID & Class Selectors,
Layers,
Pseudo Classes,
Pseudo Elements,
Media Types,
Layouts
Transform, Scale, Skew, Rotate, Transection
keyframes in CSS
Project 01
Module-4
About Google Fonts
How to use it
Module-5
What is Bootstrap
How to use it
Starting to make a Personal Portfolio webpage
Bootstrap Basic Template
Module-6&7
Bootstrap Grid system
Typography,
Tables,
Forms,
Bootstrap Navs, Tabs
Navbar,
Scrollspy,
Modal,
Card,
Pagination,
Labels,
Badges, Alerts
Bootstrap Display,
Flex,
Float,
Shadow,
sizing,
spacing,
vertical Align,
Accordion,
About slider,
How to use it,
Responsive Desing,
Project 02
Module-8
About jQuery,
How to use it,
Syntax, Selectors,
Attributes,
Traversing,
CSS,
Events,
Effects
Making jQuery Scroll top with animation
jQuery Image Zoom Plugin
Project 03
Module-9
About js ,
How to use it,
Syntax, Selectors,
Attributes,
Traversing,
CSS,
Events,
Effects,
Project 04
Module-10
About Tailwind
How to use it,
Background Classes & Shades,
Element Sizing & Tailwind's Numbering System,
Shades of Blue Challenge,
Padding & Margins,
Styling Text Part 1,
Styling Text Part 2,
Text Styling,
Borders,
The Buttons Challenge,
Display Modes,
Flexbox,
Block Gallery Challenge,
Responsive Design,
Hover Modifier,
Focus Modifier,
Combination Modifier,
Other Utilities,
Input Component Challenge,
Employee Card Challenge,
Final Course Project - Landing Page,
It's A Wrap!
Project 05
Studens