Web Designing – Syllabus

 Introduction to Web Technologies

 Intoduction to Web Technologies
 Careers in web Technologies and Job Roles
 How the website works?
 Client and Server scripting language
 Difference between Web Designing and Development
 Life Cycle of Web Designing and Development
 Static websites and Dynamic websites
 Front End work and Back End work

 HTML4/HTML5
 HTML introduction,Editor,basic
 HTML Elements,Attributes
 HTML Headings,Paragraphs,Styles
 HTML Formatting,Quotations,Comments
 HTML Colors,CSS,Links
 HTML Blocks,Classes,ID
 HTML Iframe,JavaScript
 HTML File Paths,Head,Layout,Responsive
 HTML Forms
 HTML Form Elements
 HTML Input Types
 HTML Input Attribute
 HTML5 Introduction
 HTML5 Support
 HTML5 New Elements
 HTML5 Style Guide
 HTML5 Graphics:- Canvas, SVG, Google Map
 HTML5 Media:- Audio, Video, Plug-ins, YouTube
 HTML5 Drag and Drop

CSS2
 CSS Introduction
 CSS Syntax
 HOW/Where we write CSS Code?
 CSS Colors, Backgrounds, Borders
 CSS Margins, Padding, Height, Width
  CSS Box Model, OutLine, Text
 CSS Fonts, Icons, Links, Lists
 CSS Tables, Max-width, Position
 CSS Inline-Block, Align
 CSS Combinators, Opacity
 CSS Navigation Bar, Drop-Down
 CSS Image Gallery, Image Sprites
 CSS Forms, Counters, Website Layout

CSS3

 CSS3 Rounded Corners

 CSS3 Border Images
 CSS3 Backgrounds, Colors, Gradients
 CSS3 Shadows, Text Effects, Web Fonts
 CSS3 2D Transforms
 CSS3 3D Transforms
 CSS3 Transitions, Animations, ToolTips
 CSS3 Style Images, Object Fit
 CSS3 Buttons, Pagination, Multiple Columns
 CSS3 User Interface, Box sizing
 CSS3 Flex Box, Media Queries
 CSS3 Responsive Web Designing
 CSS3 Grid Intro, Container, Item

Bootstrap
 Bootstrap Basic, Typography, Tables, Images
 Bootstrap Jumbotron, Wells, Alerts
 Bootstrap Buttons, Button Groups, Glyphicons
 Bootstrap Badges/Labels
 Bootstrap Progressbar, Pegination, Pager
 Bootstrap List Groups, Panels, DropDown
 Bootstrap Collapse, Tabs/Pills
 BootstrapNavbar, Forms, Inputs,Inputs2
 Bootstrap Media Objects,Carousel
 Bootstrap Modal, ToolTip, Popover
  BootstrapScrollspy, Affix, Filters
 Bootstrap Grids, Themes

Responsive
 Solidify CSS skills
 Learn how to work with Media Queries and breakpoints
 Creating your design on a grid
 Learn how mobile considerations impact your desktop design, and how
your content will impact both!
 Learn how to display your images in a flexible format
 Learn how to implement a mobile nav

JavaScript
 JavaScript Introduction
 Where/How to write code?
 JavaScript Statements, Syntax, Comments
 JavaScript Variables, Operators, Arithmetic
 JavaScript Assignments, Data Types, Functions
 JavaScript Objects, Events, Strings
 JavaScript Numbers, Arrays, Dates, date Format
 JavaScript Functions

Jquery
 Jquery Intro, Get Started, Syntax, Selectors, Events
 Jquery HTML:- Get, Set, Add, Remove, CSS Classes, Dimensions

Wordpress

 Set up a domain and hosting account

  Set up a MySQL database on their server
  
 Install WordPress on the MySQL database
  
 Plan their website by choosing color schemes, fonts, layouts, &more
  
 Search for themes in WordPress
  
 Select, install, and activate a theme
  
 Add posts to their website
  
 Create website pages
  
 Add images, photo galleries, and more
  
 Create tags for SEO and categories to organize their posts
  
 Use WordPress as a content management system (CMS)
  
 Use widgets and plugins
  
 Create an ecommerce site
  
 Integrate WordPress with social media
  
 Customize a WordPress site using PHP, CSS, and HTML

Adobe Photoshop
About Photoshop
 Pixels and Vector Images
 User interface
 Creating new workspace.
 Opening existing workspace
 Closing workspace
 Exploring Toolbox

Working with Selection

 Moving a selected area
 Using Rectangular marquee tool, Elliptical marquee tool
 Selecting with the lasso tools
 Using the quick selection tool
 Using the magic wand tool

Resizing & cropping Images

 Understanding Pixels & Resolution
 Adjusting Images size ∙Cropping an Image
 Adjusting Canvas Size and Canvas Rotation 
 Working with Rulers, Guides

Photo Retouching
 Spot healing brush tool
 Patch and Healing brush tool
 The Red eye tool
 Color Replacement tool
 The Clone stamp & Pattern stamp tools
 The history brush tool & art history brush tool
 Using Blur, Sharpen, Smudge tool
 Using Dodge, Burn, Sponge tool

Painting In Photoshop
 Using the Brush tool
 Working with color and Swatches
 Using Gradients
 Working with Brushes
 Using the Pencil & Eraser tools

Vector Image Creation in Photoshop

 Using the Pen tool
 Pen tool modifier Keys
 Path Selection
 Modifying paths
 Creating Vector Shapes
 Creating Custom Shapes

Working with Text

 Text Layers
 Creating & Modifying Text, Styling texts
 Character & Paragraph Adjustment
 Creating path outlines from text
 Wrapping text

Working with Layers

 Understanding the Background Layer
 Creating, Selecting, Deleting Layers
 Locking & Merging Layers
 Copying layers, Duplicate Layers & Layers style
 Filling & Grouping Layers
 Blending Modes, Opacity & Fill

Working Adjustment Layers

 Levels, Auto Levels, Auto Contrast
 Change the brightness or contrast of Image etc...

Creating Special Effect

 Working with Photoshop Filter
 Smart Filter
 Creating Text effect
 Creating Effect on Image

Importing & Exporting Images

 Saving with Different File Format
 Saving for Web & Devices
 Printing option
 Design Logo, Banners and Business Cards etc…