WEB DESIGNING

admin

Last Update February 28, 2023

0 already enrolled

About This Course

Course Details :

Web design is the planning and creation of websites. This includes the information architecture, user interface, site structure, navigation, layout, colors, fonts, and imagery. All of these are combined with the principles of design to create a website that meets the goals of the owner and designer.

Prerequisites

All attendees should have a basic knowledge of HTML and CSS.

Web Designing Course Syllabus

Introduction to Web Technologies

- Introduction to Web Technologies
- Careers in Web Technologies and Job Roles
- How the Website Works?
- Client and Server Scripting Languages
- Domains and Hosting
- Responsive Web Designing
- Types of Websites (Static and Dynamic Websites)
- Web Standards and W3C recommendations

Adobe Photoshop

- Introduction of Stock Photography
- Types of Image Graphics
- Introduction to Adobe Photoshop
- Interface Tour of Photoshop
- Color Modes
- Resolution and Presets
- Move Tool
- Marque Tool
- Lasso Tool
- Quick Selection, Magic Wand
- Crop, Slicing Tool
- Healing Brush, Patch Tool
- Brush Tool
- History Brush
- Eraser Tool
- Pattern Stamp, Clone Stamp
- Gradient Tool
- Blur and Exposure Tool
- Pen Tool, Shape Tool
- Text Tool
- Other Photoshop Tools
- Layers, Groups and Smart Object
- Blending Options
- Filter Effects
- Client requirement Analysis
- Realtime Website Layout Design
- Responsive Design with Grids
- Practical Task in Layout Design

HTML 4.01 and XTHML

- What is Markup Language
- Basic Structure of HTML
- Difference Between HTML and XHTML
- Head Section and Elements of Head Section
- Meta Tags
- Css Tags
- Script Tag
- Table Tag
- Div Tag
- Header Tags
- Paragraph, Span, Pre Tags
- Anchor Links and Named Anchors
- Image Tag
- Object Tag
- Iframe Tag
- Forms
- Form Tag
- Attributes of Form
- POST and GET Method
- Fieldset and Legend
- Text input, Text area
- Checkbox and Radio Button
- Dropdown, List and Optgroup
- File Upload and Hidden Fields
- Submit, Image, Normal, Reset Button
- Creating a Live Website Form
- HTML Validators

Adobe Dreamweaver

- Introduction to Adobe Dreamweaver
- Dreamweaver Interface Basics
- Defining a Dreamweaver site
- Insert Toolbar
- Common Tools
- Layout Tools
- Forms Tool
- Spry Tools
- Properties Panel
- Using Snippets panel
- Dreamweaver extensions
- Template Design in DW
- Editable and Non-Editable Regions
- Defining the DWT for project.
- Creating sub pages for project

CSS 2

- ntroduction to Cascading Style Sheets
- Types of CSS
- CSS Selectors
- Universal Selector
- ID Selector
- Tag Selector
- Class Selector
- Sub Selector
- Child Combinatory Selector
- Adjacent Sibling Selector
- Attribute Selector
- Group selector
- First-line and First-letter selector
- Before and After Selector
- CSS Properties
- Type Properties
- Background Properties
- Block Properties
- Box Properties
- List Properties
- Border Properties
- Positioning Propeties
- Realtime Implementation
- Converstion of Table to CSS Layout
- CSS Menu Design (Horizontal, Vertical)
- Form Designing

HTML 5

- Introduction to HTML5
- Features of HTML5
- HTML5 DocType
- New Structure Tags
- Section
- Nav
- Article
- Asice
- Header
- Footer
- Designing a HTML Structure of Page
- New Media Tags
- Audio Tag
- Video Tag
- Canvas and Svg Tag
- Introduction to HTML5 Forms
- New Attributes
- Placeholder Attribue
- Require Attribute
- Pattern Attribute
- Autofocue Attribute
- email , tel, url types
- number type
- date type
- range type
- voice search
- Examples of Form

CSS 3

- Introduction to CSS 3
- New CSS 3 Selectors
- Attribute Selectors
- First-of-type
- Last-of-type
- Nth-child
- Element:empty
- New CSS3 Properties
- Custom Fonts
- Text-Shadow Property
- Text-Stroke Property
- Rounded Corners
- Box Shadows
- CSS Gradients
- CSS Multiple backgrounds
- Opacity Property
- Transition effect
- Transform effect
- Animation effects
- Css Media Queries
- Using CSS3 in Practical Layout

Responsive Web Design + BootStrap

- Introduction to Responsive Design
- Mobile first design concepts
- Common device dimensions
- View-port tag
- Using css media queries
- Menu conversion script
- Basic Custom Layout
- Introduction to Bootstrap
- Installation of Bootstrap
- Grid System
- Forms
- Buttons
- Icons Integration
- Using CSS3 in Practical Layout

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 plugins
- jQuery Validation plugin
- jQuery Slideshow
- jQuery Dropdown
- jQuery UI
- Working with jQueryUI
- jQuery Accordions
- jQuery Tabs
- jQuery Tooltips
- jQuery Autocomplete

Adobe Flash

- Introduction to Animation
- Introduction to Adobe Flash
- Tools in Adobe Flash
- Shape Tween and Motion Tween
- Frame Animation
- Various Flash Effects
- Creating Flash Banners
- Creating Flash Intro’s
- Creating Flash Website
- Basics of Action Scripting.