This course is designed targeting to the wannabe web professionals who want to learn how to design a website. This course will be a full guideline to start with and after successful completion the attendee can design any website and have clear concepts about the web programming to develop a more robust and sophisticated web project. Attendee can also start their career as entry level web designer or developer and can earn decent living.
Number of Classes: 36 (3 months)
Outline
HTML5
1. Introduction, History of Internet, How internet works, How website works, Introduction to HTML, History of HTML, First HTML Page, Code editor and essentials.
2. Some code editor specific features necessary for development, formatting web page (Related tags)
3. Link, lists, ID, Name,Class
4. File hierarchy, images, frames, blocks
5. Tables
6. Forms
CSS3
1. CSS basics, Inline, Internal, External CSS methods, Selector, Class, id, css background, fonts.
2. Text, fonts, links, lists,tables
3. BOX Model, – border, outline, margin, padding, dimension,display, positioning
4. Floating element, align, combinators, pseudoclass, pseudo element, navigation bar
5. CSS3: rounded corners, borders, border image, background, colors, gradients, shadows
6. Transitions, animation, media query
PSD2HTML
1. Photoshop interface vector Vs raster graphics, some tools-Selection, more tool, magic word
2. Image sizing, resolution, tools, lasso tools, color picker, heading brush tools, brush tools
3. Clone stamptool, Gradient tool, blur tool, custom rental shape
4. text tool, layer, blending options and effect
5. A PSD setup for web-design
6. Converting the design into HTML
JavaScript Basics
1. Scripting language, Introduction, Syntax, Comment, how to include JS, where to include, internal & external JS, variable
2. Operators , Expression, Functions, Event, Statements
3. Conditionals & looping
4. Array, Some Function: Confirm, Prompt, Print, Redirect
5. Function: Pop up, Date, Form, Validation, String & String Functions
6. Advanced functions: index of, geteloment by Id, Inner HTML, Important function, Timeout
jQuery Basics
1. Introduction, Syntax, Selections, Event
2. JQuery effects
3. JQuery HTML & traversing
4. JQuery Ajax & no conflict
5. JQuery example & pluging
Bootstrap Basics : (3 hours per class)
1. Introduction the GRID system, Typography, Image, Jumlnon, Tables
2. Well, Container, Buttons, Glyph icons
3. Boot stamp Nav bar,