WEB DESIGNING COURSE CONTENTS

BASICS OF WEB DESIGNING AND PRINCIPLES

• Course Introduction
• Client Requirements/ Specifications
• Creating a concept layouts
• Choosing color schemes
• Texture & typography
• Understanding the Web design environment
• Intermediate Language
• Web design principles
• Planning the site
• Web typography
• Page layout and design

ADOBE PHOTOSHOP

• Types of Images
• Introduction to Adobe Photoshop
• Interface Tour of Photoshop and Palletes
• Color Modes and Resolution Options
• File Types in Photoshop
• Tools for Web-site Layout Designing
  • - Marquee Tool
  • - SelectionTool
  • - Erase Tool
  • - Shapes
  • - Gradient Tool
  • - Horizontal Type Tool
  • - Crop Tool
  • - Slice Tool
  • - Zoom Tool
  • - LineTool
  • - Transform
  • - Resizing Images & Canvas
  
  
• Working with layers , Grouping and Smart Objects
• Image Adjustments
• Layer Masking and Clipping
• Using Bldening Options
• View Menu and Window Menu
• Filet Effects
• Animation Using Photoshop
• Practice of Website Layouts
• Practice of Banner Designing
• Examples

HTML

• Introduction
• Html basics and tags
• Basic formating
• Color, images and links
• HTML Headings, Paragraphs
• HTML Table Layout,Formatting,Styles
• HTML Div Layout, Structure
• HTML Links,List,Forms,Fonts
• TableLess Div Structure
• Iframes
• Layout Designing

CSS

• Introduction
• Basic CSS
• Selectors
• Layouts
• Various Properties of CSS
  • Colors,Background,Fonts (Typography),Margin & Borders, etc.
• Types of CSS & how to use it
• Various Properties of CSS
• Colors,Background,Fonts,CSS Box Model
• Border Types & Style,Margins & Borders etc.
• CSS Alignments

RESPONSIVE DESIGN

• Introduction
• Bootstrap Basic
• Bootstrap Environment Setup
• Bootstrap Grid System,Typography
• Bootstrap Tables,Forms,List,Buttons
• Bootstrap Responsive Images
• Introduction to Media Queries
• Use of Media Queries

DREAMWEAVER

• Introduction
• Dreamweaver Interface Basics
• Adding content & multimedia
• Type of Views
• Useful Tool Bars
• Text Tags
• Spry Elements
• Forms in Dreamweaver
• Dreamweaver Advanced Concepts
• Template Design in Dreamweaver

JAVASCRIPT

• Introduction to javascript language
• Why JavaScript
• Use of JavaScript in web applications
• Write a JavaScript Function
• Calling a JavaScript Function
• Variables, operators, loops
• JavaScript Objects
• JavaScript Arrays
• In Built JavaScript Functions
• JavaScript DOM
• Validation of Form elements using JavaScript’s

HTML5

• Introduction to Html5.
• Html5 Input Types
• Html5 Form Elements And Attributes.
• Html5 Canvas And SVG
• Html5 Multimedia.
• Html5 Advanced Features.
• Html5 Web Management.

CSS3

• Introduction to CSS3
• CSS3 Selectors
• CSS3 Advanced Properties
• CSS3 2D and 3D Transforms.
• CSS3 Transitions.
• CSS3 Animation.
• CSS3 Multiple Columns
• CSS3 User Interface
• CSS3 Box Model
• Colors & Gradients
• Background Properties
• Background Images
• Flex & Layout Designs
• CSS3 Media Queries

WEB HOSTING BASICS

• Types of Hosting Packages
• Hosting a Websites
• Using FTP Client
• Maintaining a Website

PORTFOLIO PREPARATION