Web Desining

Key Features

Notes

Assignments

6 Months

Web designer is someone who prepares content for the Web. This role is mainly related to the styling and layout of pages with content, including text and images. Web designers use many technologies but commonly rely on hypertext and hypermedia resources including HTML, CSS and additional Web design tools.

Our Syllabus

We have provide you the following syllabus modules in your training period.

Module 1- Photoshop and Basic Web Graphics

Basic tool of Photography and Rules of website design.

Defining page setup for web

Understanding file formats for web

Understanding Pixels & Resolution

Navigating Photoshop

Working with tools

Working with Multiple Images, Rulers, Guides & Grids

Working with layers,

Merging Layers, locking layers

Blending modes, opacity & fill

Adjusting Canvas Size & Canvas Rotation

Creating text,applying styles effects

Creating web patterns

Levels, Curves adjustment

Patch tool image correction

Enhancing image for web

Retouching images

Transforming of images

Color pallete

Using filters for effect

Render, glass, wood texture, emboss

Creating Web Layout

Creating Web banners

Web Animation in Photoshop

Converting Photoshop Layout to HTML in Photoshop

Module 2- CSS & HTML

Introduction to Cascading Style Sheets

Types of Style Sheets

(Inline, Internal and External)

Class Selector

ID Selector

Absolute Relative Positioning

Inline menu

DIV + CSS Layout Design

PSD to CSS Conversion

Module 3- HTML & HTML5

Introduction to Internet

Understanding Browsers

Starting with HTML

HTML Page Structure

Defining Web Layout( Head & Body)

Head Tags

BODY tag with Bgcolor, Background with image and text color.

Text formating

Text attributes

Importance of heading tags (H1–H6)

Marquee text with or without background, Blink the text attributes

Divide section using <HR> line with width, align, size

Knowing Images format for web

Working with images

Images attributes

Working with Tables

Table attributes

Colspan, Rowspan

Table Border, Align, Valign

Table background image, color to cell

Nesting tables

Using list

Ordered list

Unordered list

Bullets (disc, square, circle)

Upper alphbets, lower alphabet, roman upper or lower

Working with Links

Internal Links

External Links

Anchor Link

Email Link

Linking with text

Links with images

working with forms

knowing get and post action

Radio button, Check box,

Text box, Drop-down list,

Use attribute Size, Max-length, Name attributes

Add Submit and Reset Button

Module 4- Responsive Web Designing

Responsive Web Design (create fluid, responsive layouts from scratch and from static, pixel based layouts; responsive images, icons, and videos; and more)

Tools and Strategies for Designing the user interface and static comps for responsive websites

Finishing the Responsive Design

Media Queries, The third Media Query and a Nav button

Cross-browser Responsive Testing

Pure CSS & Base CSS

Responsive CSS Frameworks

LESS / SASS CSS Frameworks

HTML5 Boilerplate, Modernizr, and Initializr

Working with the Lightbox

Module 5 – Live Project and industrial Training

Registering Your Website Name

Managing Your Website Structure

Testing and Fixing Your Internet Site

Uploading Your Files

Editing and Updating Your Website

Registering with The Search Engines

Marketing Your Site