Web Designing Course Syllabus

Best Web Designing Training institution is SkillXpert. Learn Web Designing Training with onf of the software industry expert, who have been dealing with Testing Applications since a decade.

Introduction to Web Technologies

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

Adobe Photoshop

• Introduction to Adobe Photoshop
• Interface Tour of Photoshop
• Document settings – Dimensions,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

• Introduction to HTML
• Basic Structure of HTML
• Difference Between HTML and XHTML
• Head Section and its Elements
• Meta, CSS, Script, Title and Favicon
• HTML 4 tags
• Table tag and div tag
• Headings, Paragraph, Lists, Pre and Span Tags
• Anchor Links and Named Anchors
• Image Tag,Object Tag,Iframe Tag
• Form Tag and its attributes
• 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

HTML 5

• HTML 5 tags
• Header,Nav,Main,Section,Article tags
• Aside,Figure,Dialog,Details,Summary and Footer tags
• Mark,Figcaption,Code and Cite tags
• Audio and Video tags
• Input tag new attributes and values
• Buttons,Datalist,Required,Placeholder and Autofocus
• Using HTML tags in realtime websites
• HTML Validators

Adobe Dreamweaver CC

• Introduction to Adobe Dreamweaver
• Dreamweaver Interface Basics
• Creating new documents
• Working with modes
• Definging a Site
• Creating root-site folder and its elements
• Working with previews
• Designing interface using Insert tools
• Properties Panel
• Template Design in DW
• Editable and Non-Editable Regions
• Defining the DWT for project.
• Working with errors, validating code

CSS 2

• Introduction to Cascading Style Sheets
• Defining CSS
• CSS Selectors
• Universal Selector
• ID Selector
• Tag Selector
• Class Selector
• Sub Selector
• Child Selector
• Adjacent Sibling Selector
• Attribute Selector
• Group selector
• CSS 2 Properties
• Type Properties
• Background Properties
• Block Properties
• Box Properties
• List Properties
• Border Properties
• Positioning Propeties
• Realtime Implementation
• CSS Menu Design (Horizontal, Vertical and Drop-down menus)
• Form Designing

CSS 3 Advanced Selectors

• nth-child() and nth-of-type
• first-of-type and last-of-type
• first-child and last-child
• first-line and first-letter
• before and after
• CSS 3 Properties
• Rounded corners
• Advanced Background Properties
• Shadow property
• New Font properties
• Opacity
• Gradients
• Transition and Transform properties
• Animation properties

Responsive Web Design + BootStrap

• Introduction to Responsive Design
• Devices and their dimension ranges
• View-port tag
• Using css media queries
• Basic Custom Layout
• Introduction to Bootstrap
• Installation of Bootstrap
• Grid System
• Forms
• Buttons
• Tables and Images
• Image sliders
• Icons Integration
• Realtime page design using bootstrap

Java Script

• Introduction to Client Side Scripting
• Introduction to Java Script
• Javascript Types
• Variables in JS
• Datatypes in JS
• Operators in JS
• Conditional Statements
• Java Script Loops
• JS Popup Boxes
• JS Events
• JS Arrays
• JS Objects
• JS Functions
• Using Java Script in Realtime
• Validation of Forms

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

Domain and Hosting

• Web Hosting Basics
• Types of Hosting Packages
• Registering domains
• Defining Name Servers
• Using Control Panel
• Creating Emails in Cpanel
• Using FTP Client
• Maintaining a Website

Wordpress

• Introduction to CMS
• Introduction to WordPress
• Installation of wordpress application
• Installing a theme
• Using Dashboard and its components
• Creating Pages
• Setting Menu
• Installing plugins
• Editing content
• Customizing Techniques

Angular Javascript

• Introduction to AngularJS
• Installation of angularJS application
• Components in angularJS
• Directives
• Modules
• Expressions
• Controllers
• Built-in-directives
• Filters and Tabs
• Examples for applications

Website Design Project

• Clients Requirement Analysis
• Planning the Website
• Creating the HTML/CSS Structure
• Creating project using Bootstrap
• Integration of Features using JS and jQuery
• Project Testing

Web Designing Resources and Material

• Graphics (Icon, Buttons, Backgrounds)
• Photoshop (Brushes, Patterns, Textures, Styles, Gradients, Actions)
• PSD Templates
• Study Material in PDF
• Daily Notes in Class
• All class examples files on our FTP server space for easy access
• Professional CSS Templates
• Professional Flash Templates
• 100 Stock Photos for Website Work
• Java Scripts and Jquery Files (Date, Slideshow, Dropdowns, Modal and Ajax Scripts)
• 100% Job Assistance till you get placed
• Demo Project in course
• Email Support for any issues after the course

Job Opportunities:

After the course completion, we have strong clients Relation Existing with many IT Organizations, we will help the students with Placement Assistance Program with these Clients.

List of the Companies Offering Job Opportunities to our Students.

Infosys	Wipro	Prokarma
Cognizant	Virtusa	Marlabs
GalaxESolutions	CapGemini	Cigniti
Polaris	HSBC	ValueLabs
NCR	Dell	IBM
Deloitte	NTT Data	GalaxESolutions
Persistent	iGate	Sapient

Course Complete Certification:

We implemented Course Complete Certification process to give enormous information and support through the projects to our students, the one who gets the course complete certification is eligible to login to the projects developed and will be developed by us on the related technology, tools and course.

This Access will be provided for 12 months for the student from the day when he gets his CCC for SkillXpert.