Course Info

Web Designing training provides a comprehensive study on the tools and technologies required for the designing of impressive website. Participants will learn the effective use of CSS, Photoshop, Dreamweaver, HTML, HTML5, Bootstrap, Java Script, and jQuery. An experienced trainer guides in understanding the client requirement and further in concept creation. The coding, layout, color scheme, font style/size/color, functionality and other details are encompassed in this training. Aspirants are taught how to keep a balance between text, graphics and multimedia on the website by keeping it comply to the standardization.


Course Objectives
  • Easy-to-follow and hands-on web development with HTML5, CSS3 and some jQuery
  • How to get and use images, fonts and icons to make your website shine — all for free.
  • How to optimize your website for good speed performance and for search engines (SEO).
  • How to launch your website for the world to see it.
Course Outcome
  • Using CSS- structure text/lists, define link states, define layout, work on forms
  • Using Photoshop and Dreamweaver- for image editing
  • Using HTML - apply tags/elements/attributes/comments, implement formatting, provide linking, create frames/blocks, use colors/fonts/stylesheet/layout
  • Using HTML5- work with text, forms, multimedia, data storage, and geolocation
  • Using JavaScript - use arithmetic/logical operators, loop/control statements, functions/events, DOM
  • Using jQuery - use DOM elements, jQuery utilities/events
Course Coverage
TOPICS
1. HTML Overview & Tags
1.1 HTML Basic Tags
1.2 HTML Attributeses
2.HTML Basics
2.1 HTML Formatting & Tags
2.2 HTML Phrase Tags
2.3 Comments, Attributes, Frames and more
2.4 HTML Frames
2.5 HTML Blocks
2.6 HTML Backgrounds
2.7 HTML Colors
2.8 HTML Fonts
3. HTML5
3.1 HTML Forms
3.2 HTML Marquees
3.3 HTML Header
3.4 HTML Stylesheet
3.5 HTML Javascript
3.6 HTML Layouts
3.7 Introduction & Forms
3.8 Introduction
3.9 Forms
3.10 Audio, Video, Canvas and Data Storage
3.10 Video and Audio
3.11 Canvas
4. Data Storage
4.1 Storage options
4.2 Web Storage
4.3 Web SQL Databases
4.4 Offline, Drag n Drop, GeoLocation
5.Bootstrap
5.1 Using Forms and Gathering Input
5.2 Creating ContactUs form
5.3 Introduction to Bootstrap
5.4 Bootstrap File Structure
5.5 Default Grid System
5.6 Responsive Design
6.Bootstrap Layout Components
6.1 Dropdown Menus
6.2 Button Groups
6.3 Button with Dropdowns
7. Navbar
7.1 Breadcrumbs
7.2 Labels
7.3 Badges
7.4 Progress Bars
7.5 Model
8.CSS
8.1 Syntax & Text
8.2 Applying CSS to HTML
8.3 Text styles
8.4 Bold and Italics
8.5 The Font Shorthand Property
8.4 Layout
9. CSS 3
9.1 Brief Description
9.2 Understanding Selectors
9.3 Playing with Cursor
9.4 Working with Sizes, Colors and Files
9.5 Background Images
9.6 Gradients
9.7 Repeating Gradients
10. Transforms in CSS3
10.1 CSS3 Transitions
10.2 Animating Elements with Keyframes
10.3 Animating Elements with Keyframes
11. Java Script
11.2 Java Script Basic and Programming Concepts
11.3 Java Script Basic and Programming Concepts
11.4 JavaScript in the Browser
11.5 Comma operator
11.6 Statements
11.6 Functions
11.7 DOM
11.8 Browser and Operating System Detection
11.9 Events
11.10 Forms
12. Jquery
12.1 Query Basics
12.2 Wrapper Set
12.2 New Set of DOM Elements
12.2 Selecting Elements with jQuery
12.2 Selecting Elements Based on Their Visibility
13. Bootstrap File Structure
13.1 Bootstrap Layout Components
13.2 Dropdown Menus
13.3 Button Groups
13.4 Button Groups
13.5 Navigation Elements
13.6 Breadcrumbs
13.7 Typographic Elements
13.8 Progress Bars
14. Final Project
14.1 Designing and Building a full-fledge real time eCommerce Web Applicat