WEB DESIGN
Web design refers to the design of websites that are displayed on the internet. It usually refers to the user experience aspects of website development rather than software development. Web design used to be focused on designing websites for desktop browsers; however, since the mid-2010s, design for mobile and tablet browsers has become ever-increasingly important.
A web designer works on the appearance, layout, and, in some cases, content of a website. Appearance, for instance, relates to the colors, font, and images used. Layout refers to how information is structured and categorized. A good web design is easy to use, aesthetically pleasing, and suits the user group and brand of the website. Many webpages are designed with a focus on simplicity, so that no extraneous information and functionality that might distract or confuse users appears. As the keystone of a web designer’s output is a site that wins and fosters the trust of the target audience, removing as many potential points of user frustration as possible is a critical consideration.
Web Design Training Syllabus
What is Web Design
- .Introduction to Web Design
- Domain Names
- Static & Dynamic Websites
- Careers in Web Designing
Adobe Photoshop
- Introduction Of Photoshop
- Types of Images and Image Editing Tools
- Image Size And Resolution
- Using Photoshop Tools
- Tool Options Bar And History Palette
- Art And Principles Of Design
- Layers Palette
- Layers and Grouping of Layers
- Saving Files, And File Formats
- Using And Understanding Color In Photoshop
- Color Correction
- Using Type Tool
- Adding Layers Styles
- Creating Custom Effects
- Design Banners, Basic Website Layout
- Design Complex website Layout
- Background designing
- Blending option
- Basic Animation
- Key board shortcuts
- Working with images & colors
Advance Photoshop
- Image Format
- Image Editing And Cutting
- Making Different Actions
- Making Brushes
- Making Of Buttons
- Basic Of 3D Rendering In Photoshop
- Advance Blending Effects
- Advance Metal Effects
- Advance Magic Glow Effects
- Advance Environment Light Effects
- Advance Photo Manipulation
- Digital Painting
Illustrator
- Introduction About Software
- Introduction Of Basic Tools
- Create Slicing For The Web
- Tools (Magic Wand, Lasso Tool)
- Brochure Design
- Image And Photoshop Integration
- Menu Bar:- File, Edit,Object, Type, Select.
- Tools (Selection Tool, Direct Selection Tool, Group Selection Tool)
- Line Tools ( Line, Arc Tool, Spiral Tool, Rectangular Tool, Polar Grid Tool)
- Pen Tools : Pen Introduction / Convert Anchor Point / Additional And Sub Anchors / Cut And Joining Anchors
- Layers And Grouping : Layer Introduction / Organizing Layers / Selecting Layers / Grouping Layers / Duplicating Layers / Sub-Layers
- Rgb And Screen Graphics :Rgb Introduction / Snap To Pixel / Moving Snap Pixel / Saving For The Web
Understanding HTML4 & HTML5
- What is Markup Language
- Basic Structure of HTML
- Head Section and Elements
- Meta Tags
- External Link Tags
- HTML Structure Tags
- Create Table, Div and Frame Tag
- Content and Header Tags
- Paragraph, Span, Pre Tags
- Anchor Links and Named Anchors
- Object,Iframe and Image Tag
- Implementing iFrame in Realtime
- Working with Forms
- Form Tag and Attributes
- POST and GET Method
- Text Input, TextArea, Checkbox and Radio
- Password Field
- Select Option, Option Group
- File Field and Hidden Fields
- Submit, Reset, Image Buttons
- Relation between HTML Form and PHP
- XHTM
- What is XHTML
- Difference between HTML & XHTML
- XHTML Basics
- Introduction to Doc Types
- XHTML Validation
- HTML5 (Latest Version)
- Introduction to HTML5
- Whats new in HTML5
- HTML5 Apis
- HTML5 Semanticg Tag
- HTML5 Multimedia
- Search, Email and Url Tel Input
Cascading Style Sheets (CSS2 & CSS3)
- Introduction to Cascading Style Sheets
- Types of Style Sheets
- Media Type
- Default CSS Properties
- Types of CSS Selectors
- Adjacent Sibling Selector
- Other Selectors
- CSS properties
- Type Properties
- Background Properties
- Block Properties
- Box Model Properties
- List Properties
- Border Properties
- Positioning Properties
- CSS Optimization Tips
- CSS Compression
- (CSS 3.0 – Latest Version)
- Introduction to CSS 3
- Basic CSS3 Selectors
- Advanced CSS3 Selectors
- New CSS3 Properties
- CSS Rounded Corners
- Border Image
- Box and Text Shadow
- Multiple Backgrounds
- Background Origin
- Background Resize
- CSS Clip, Gradients, Opacity
- Transitions & Transform
How to Create Website
- Client Requirements/Specifications
- Creating a concept and layout
- Choosing a Color Scheme
- Choosing Stock Photography
- Texture and Typography
- Design a Professional Layout
- Conversation of PSD to HTML
Java Script
- Introduction to Client Side Scripting
- Introduction to Java Script
- Javascript Types
- Variables in JS
- Operators in JS
- Conditions Statements
- Java Script Loops
- JS Popup Boxes
- JS Events
- JS Arrays
- Working with Arrays
- JS Objects
- JS Functions
- Using Java Script in Realtime
- Validation of Forms
- Related Examples
Jquery and jQuery UI
- Introduction to jQuery
- jQuery Features
- Installing jQuery
- jQuery Syntax
- jQuery Ready Function
- jQuery Selectors
- jQuery Actions
- jQuery Custom Functionality
- jQuery Libraries
- jQuery Validation
- jQuery Slideshow
- jQuery Dropdown
- JS Functions
- jQuery UI
- Working with jQueryUI
- jQuery Accordions
- jQuery Tabs
- jQuery Tooltips
- jQuery Autocomplete
Bootstrap
- Bootstrap Setup
- Benifits of Bootstrap
- Basics of Bootstrap
- Project Design Using Bootstrap
