WEB DESIGNING

WEB DESIGN

     This course introduces intermediate to advanced web page design techniques.   

  • Customer expectations, advanced markup language, multimedia technologies, usability and
  • Accessibility practices and techniques for the evaluation of web design. Upon completion,
  • Students should be able to employ advanced design techniques to create high-impact and highly
  • Functinal web pages. Course Hours Per Week: Class, 2. Lab, 2. Semester Hours Credit, 3


WEB DESIGNING

Introduction to Web Technologies

  • Introduction to Web Technologies
  • Careers in Web Technologies and Job Roles
  • How the Website Works?
  • Client and Server Scripting Languages
  • Domains and Hosting
  • Responsive Web Designing
  • Types of Websites (Static and DynamicWebsites)
  • Web Standards and W3C recommendations

Adobe Photoshop

  • Introduction of Stock Photography
  • Types of Image Graphics
  • Introduction to Adobe Photoshop
  • Interface Tour of Photoshop
  • Color Modes
  • Resolution and Presets
  • Move Tool
  • Marque Tool
  • Lasso Tool
  • Quick Selection, Magic Wand
  • Crop, Slicing Tool
  • Healing Brush, Patch Tool
  • Brush Tool
  • History Brush
  • Eraser Tool
  • Pattern Stamp, Clone Stamp
  • Gradient Tool
  • Blur and Exposure Tool
  • Pen Tool, Shape Tool
  • Text Tool
  • Other Photoshop Tools
  • Layers, Groups and Smart Object
  • Blending Options
  • Filter Effects
  • Client requirement analysis
  • Real-time Website Layout Design
  • Practical Task in Layout Design

Hyper Text Markup Languages (HTML 4.01 and XTHML 1.1 )

·    What is Markup Language                              ·

  • Basic Structure of HTML
  • Difference Between HTML and XHTML
  • Head Section and Elements of Head Section
  • Meta Tags
  • Css Tags
  • Script Tag
  • Table Tag
  • Div Tag
  • Header Tags
  • Paragraph, Span, Pre Tags
  • Anchor Links and Named Anchors
  • Image Tag
  • Object Tag
  • Iframe Tag

       Forms

  • Form Tag
  • Attributes of Form
  • POST and GET Method
  • Fieldset and Legend
  • Text input, Text area
  • Checkbox and Radio Button
  • Dropdown, List and Optgroup
  • File Upload and Hidden Fields
  • Submit, Image, Normal, Reset Button
  • Creating a Live Website Form
  • HTML Validators

Dreamweaver

  • Introduction to Adobe Dreamweaver
  • Properties Panel
  • Using Snippets panel
  • Dreamweaver extensions
  • Creating subpages for project
  • Dreamweaver Interface Basics
  • Defining a Dreamweaver site
  • Insert Toolbar
  • Common Tools
  • Layout Tools
  • Forms Tool
  • Spry Tools
  • Template Design in DW
  • Editable and Non-Editable Regions
  • Defining the DWT for project

Cascading Style Sheets (CSS 2.1)

  • Introduction to Cascading Style Sheets
  • Types of CSS

       CSS Selectors

  • Universal Selector
  • ID Selector
  • Tag Selector
  • Class Selector
  • Sub Selector
  • Child Combinatory Selector
  • Adjacent Sibling Selector
  • Attribute Selector
  • Group selector
  • First-line and First-letter selector
  • Before and After Selector

      CSS Properties

  • Type Properties
  • Background Properties
  • Block Properties
  • Box Properties
  • List Properties
  • Border Properties
  • Positioning Properties

       Real-time Implementation

  • Converstion of Table to CSS Layout
  • CSS Menu Design (Horizontal, Vertical)
  • Form Designing

HTML 5

  • Introduction to HTML5
  • Features of HTML5
  • HTML5 DocType

      New Structure Tags

  • Section
  • Nav
  • Article
  • Asice
  • Header
  • Footer
  • Designing a HTML Structure of Page
  • New Media Tags
  • Audio Tag
  • Video Tag
  • Canvas and Svg Tag
  • Introduction to HTML5 Forms
  • New Attributes
  • Placeholder Attribute
  • Require Attribute
  • Pattern Attribute
  • Autofocue Attribute
  • email , tel, url types
  • number type
  • date type
  • range type
  • voice search
  • Examples of Form

CSS 3

  • Introduction to CSS 3

      New CSS 3 Selectors

  • Attribute Selectors
  • First-of-type
  • Last-of-type
  • Nth-child
  • Element: empty

       New CSS3 Properties

  • Custom Fonts
  • Text-Shadow Property
  • Rounded Corners
  • Box Shadows
  • CSS Gradients
  • CSS Multiple backgrounds
  • Opacity Property
  • Transition effect
  • Transform effect
  • Animation effects
  • Css Media Queries
  • Text-Stroke Property
  • Using CSS3 in Practical Layout

BootStrap3

  • Introduction to Responsive Design
  • Mobile first design concepts
  • Common device dimensions
  • View-port tag
  • Using Css media queries
  • Menu conversion script
  • Basic Custom Layout
  • Introduction to Bootstrap
  • Installation of Bootstrap
  • Grid System
  • Forms
  • Buttons
  • Icons Integration
  • Using CSS3 in Practical Layout

Java Script

  • Introduction to Client Side Scripting
  • Introduction to Java Script
  • JavaScript Types
  • Variables in JS
  • Operators in JS
  • Conditions Statements
  • Java Script Loops
  • JS Events
  • JS Arrays
  • Working with Arrays
  • JS Objects
  • JS Functions

      Using Java Script in Real-time

  • Validation of Forms
  • Related Examples
  • JS Popup Boxes

JQuery and JQuery UI

  • Introduction to jQuery
  • jQuery Features
  • Installing jQuery
  • jQuery Syntax
  • jQuery Ready Function
  • jQuery Selectors
  • jQuery Actions

JQuery plugins

  • jQuery Validation plugin
  • jQuery Slideshow
  • jQuery Dropdown

       JQuery UI

  • Working with jQueryUI
  • jQuery Accordions
  • jQuery Tabs
  • jQuery Tooltips
  • jQuery Autocomplete

Adobe Flash                                  .

  • Introduction to Animation
  • Introduction to Adobe Flash
  • Tools in Adobe Flash
  • Shape Tween and Motion Tween
  • Frame Animation
  • Various Flash Effects
  • Creating Flash Banners
  • Creating Flash Intro’s
  • Creating Flash Website
  • Basics of Action Scripting

Web Hosting

  • Web Hosting Basics
  • Types of Hosting Packages
  • Registering domains
  • Defining Name Servers
  • Using Control Panel
  • Creating Emails in Cpanel
  • Using FTP Client
  • Maintaining a Website

Live Website Design Project (100% Real-time Project)

  • Clients Requirement Analysis
  • Planning the Website
  • Creating the HTML/CSS Structure
  • Creating project using Bootstrap
  • Integration of Features using JS and jQuery
  • Project Testing

Free Course Resources

  • Graphics (Icon, Buttons, Backgrounds)
  • Photoshop (Brushes, Patterns, Textures, Styles, Gradients, Actions)
  • PSD Templates
  • Study Material in PDF
  • Daily Notes in Class
  • All class examples files on our server space for easy access
  • Professional CSS Templates
  • Professional Flash Templates
  • 100 Stock Photos for Website Work
  • Java Scripts and JQuery Files (Date, Slideshow, Dropdowns, Modal and Ajax Scripts)
  • 100% Job Assistance till you get placed.
  • Live Project in course
  • Email Support for any issues after the course
  • Free course completion certificate

 

 



For more details please contact here............
USA Contact:-+1-914-885-1413  ||  +1-949-209-8994 India Contact:-+91-40-60504560  ||  +1-914-885-1413 Email:-Info@globalitfamily.com



For more details please contact here............
USA Contact:-+1-914-885-1413  ||  +1-949-209-8994 India Contact:-+91-40-60504560  ||  +1-914-885-1413 Email:-Info@globalitfamily.com


Take a Free Demo class

Submit your enquire here

© 2013 : Global IT Family. All Rights Reserved