Web design is the visual aesthetics and page layout of a website. It goes hand-in-hand with web development in the creation of a static website or dynamic web application.

Even if you don’t consider yourself a creative person, it’s still a good idea to learn web design. No matter whether you want to make static websites or dynamic web applications, design is an important part of the process. The design is the first thing people notice when they arrive on a website.

This course introduces students to basic web design using HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets). The course does not require any prior knowledge of HTML or web design. Throughout the course students are introduced to planning and designing effective web pages; implementing web pages by writing HTML and CSS code; enhancing web pages with the use of page layout techniques, text formatting, graphics, img, and multimedia; and producing a functional, multi-page website.

Students should have a general background in using a computer, managing files, and a basic knowledge of the Internet. Students do not need to purchase any software for this course.

Coding

  HTML
  Html5
  CSS
  CSS3
  JavaScript
  jQuery
  Bootstrap

Graphics

  Adobe Photoshop
  Corel Draw
  Adobe Illustrator

Module 1:
Introduction to HTML & HTML5
Basics of HTML
  What is HTML?
  HTML Tags
  Web Browsers
  HTML Page Structure
  Write HTML Using Editors
  HTML5 New Tags

2 ) HTML Elements & Tags
3) HTML Attributes
4) Images
4.1 Image Syntax
4.2 Alt
4.3 Image Title
4.4 Images as a LINK
4.5 Images in another Folder
5) List Tag
5.1 List Tag
5.2 Ordered List
5.3 Unordered List
5.4 Data Description List
6) Table Tag
6.1 Table Tag
6.2 Cell Span with Column
6.3 Cell Span With row
6.4 Cell Padding
6.5 Cell Spacing
6.6 Adding Cell Spacing
7) Links
7.1 Links Syntax
7.2 Internal Links
7.3 External Links
8) Audio and Video
8.1 Autoplay
8.2 Audio and Video Syntax
8.3 Playing Videos in HTML
9) Forms
9.1 Form Element
9.2 Form Action
9.3 Form Get & Post Method
9.4 Text Button
9.5 Radio Button Input
9.6 Submit Button
9.7 Select Element
9.8 Textarea
9.9 HTML Input Attributes
9) Google Maps
10) Upload File and Pages
11) Form Validations
12) Interview Questions Idea
Module:2
Introduction to CSS & CSS3
Part 1 : Basic CSS

1) What is CSS and CSS3 ?
2) Why use CSS ?
3) Types of CSS

  Inline CSS
  Internal CSS
  External CSS

6.1 Color
6.2 Backgroundattachment
6.3 background-color
6.4 background-image
6.5 background-repeat
6.6 background-position
7)Text Properties
7.1 letter-spacing
7.2 line-height
7.3 text-align
7.4 text-decoration
7.5 text-indent
7.6 text-transform
7.7 vertical-align
7.8 word-spacing

8)Font Properties
8.1 font-family
8.2 font-size
8.3 font-style
8.4 font-size
8.5 font-variant
8.6 font-weight
9) Border Properties
9.1 border-color
9.2 border-style
9.3 border-width
9.4 border-top-width
9.5 border-left-width
9.6 border-right-width
9.7 border-bottom-width

10) BOX Model
10.1 Margin – Top, Right, Bottom, Left
10.2 Padding-Top, Right, Bottom, Left
10.3 Height
10.4 Width

11) Position Properties
11.1 Position Fixed
11.2 Position Absolute
11.3 Position Relative
11.4. Position Static

12) Classification Properties
12.1 Z-index
12.2 Display
12.3 Visibility
12.4 white-space

Part 2: Advance CSS
9) Transition with CSS3
9.1 Transition with Width
9.2 Transition with Height
9.3 Transition with Background
9.4 Border Transition
9.5 All Transition
10) Transform with CSS3
10.1 Rotate
10.2 Skew
10.3 Scale
10.4 Translate
11) Animation With CSS3
11.1 @ Keyframes Rules
11.2 Reverse Direction Animation
11.3 Animation Delay
12) Media Queries
12.1 @ Media for Responsive Designs
12.2 @ Keyframes
12.3 @ font-face
Module:3
Bootstrap
1) Bootstrap
1.1 What is Bootstrap?
1.2 Why use Bootstrap?
1.3 Bootstrap CDN?
2) Bootstrap Grid System
2.1 Extra Small
2.2 Small
2.3 Medium
2.4 Large
3) Bootstrap Typography
4) Bootstrap Tables
4.1 Table 
4.2 Table-stripped
4.3 Table-bordered
4.4 Table-hover
5) Bootstrap Images
5.1 img-rounded
5.2 img-circle
5.3 img-thumbnail
5) Bootstrap Jumbotron
6) Bootstrap Container & Container-fluid
7) Bootstrap Alert
8) Bootstrap Buttons
9) Bootstrap Pager & Pagination
10) Bootstrap Badges
11) Bootstrap Progress bar
12) Bootstrap Form
13) Bootstrap Navbar
14) Bootstrap Carousel
15) Bootstrap Modals

Module:4
JQuery

1) Introduction to jQuery

1.1 Adding jQuery to your Web pages?
1.2 Downloading jQuery?
1.3 jQuery CDN? 1.4 jQuery Syntax?

2) jQuery Effects
2.1 Hide and Show?
2.2 Fade
2.3 Slide
2.4 Animate
3) jQuery HTML
3.1 jQuery Set
3.2 jQuery Get
3.3 jQuery Add
3.4 jQuery Remove

Module 5
JavaScript

  Introduction to JavaScript
  Conditional Constructs to JavaScript
  Looping statement in JavaScript
  Working with Predefined functions
  Maintaining Validations in JavaScript

Module 6
Photoshop

  Tools
  Image Enhancement
  Banner, Brochure and PSD Designs
  Color Balancing
  Create Template

Module 7
Corel Draw

  Selecting and Manipulating Objects
  Drawing and Shaping Object
  Arranging Object
  Working With Text
  Outlining and Filling Objects
  Exporting Drawings

Module 8
Live Project, Domain & Hosting

  FTP
  Domain Name
  Hosting

100% Practical Training