Training Content
Placement Whatsapp
UI UX TRAINING IN SINGAPORE

This course is concerned with the development of interactive systems, including for mobile / portable devices, with a strong focus on user-centred design and usability principles. You will learn what characteristics of a user interface can make it easy or hard for people to use, and how to design user interfaces that take into account human capabilities and constraints. The emphasis will be on design first (iteratively, on paper or with mock-up software) then code. This course also introduces you to techniques for evaluating the usability of applications and systems.

The importance of User Experience Design has become increasingly recognised by employers and businesses as a strategic role in the delivery of successful digital products. Whether you’re creating a mobile app, a site or a smartwatch app, UX has become one of the rock star roles in Digital Design.

websitedesigningsingapore is a professional ui ux training institute in singapore. We are the experts in ui ux training in singapore, online ui ux training with live project in singapore, best online ui ux training institute singapore, ui ux online training in singapore, ui ux training singapore.

Please contact on my mobile/Whatsapp 91-9347045052 for ui ux training and online ui ux training with live project in singapore. Email me at purusingh2004@gmail.com to know course and support. Add my skype id (purnendu_ranjan).

Ui designing Course Modules

Introduction to Web Technologies

  • Introduction to Web Technologies
  • Careers in Web Technologies and Job Roles
  • How the Website Works ?
  • Client and Server Scripting Languages

 

  • Difference between a Web Designer and Web Developer
  • Types of Websites (Static and Dynamic Websites)
  • Web Standards and W3C recommendations

 

Adobe Photoshop

  • Introduction to Adobe Photoshop
  • Intro Tour of Photoshop & Palletes
  • Color Modes and Resolution Options
  • Using Photoshop Tools with Realtime Examples
  • Image Editing
  • Working with Layers, Grouping and Smart Objects
  • Image Adjustments
  • Analysis Menu
  • View Menu / Window Menu
  • File Types in Photoshop
  • Animation using Photoshop
  • Generating PDF Output
  • Designing a Logo
  • Design Banners for Website

    Adobe Photoshop Tools

  • Move Tool
  • Marque Tools
  • Crop Tool
  • Pen Tool
  • Shape Tool
  • Text Tool
  • Image Manipulation Tools
  • Save Options
  • Quick Selection / Magic Wand

Hyper Text Markup Language (HTML 4.01)

  • What is Markup Language
  • Basic Structure of HTML
  • Head Section and Elements of Head Section
  • Meta Tags
  • External Link Tags
  • HTML Structure Tags

  • Table Tag
  • Div Tag
  • Frames

    Content / Media Tags

  • Header Tags
  • Paragraph, Span, Pre Tags
  • Anchor Links and Named Anchors
  • Image Tags / Image Hot Spots
  • Object Tag
  • Iframe Tags
  • Working with Forms

  • Form Tag
  • POST and GET Method
  • Text Input, Text Area, Checkbox, Image Input and Radio
  • Select Option, Option Group
  • File Upload and Hidden Fields
  • Submit Button, Reset Button
  • Relation between HTML Form and PHP
  • Creating a Live Website Form

HTML5

  • Introduction to HTML5
  • Whats new in HTML5
  • HTML5 DocType
  • Sample Layout using HTML5
  • section

  • nav
  • article

 

  • aside
  • header
  • footer
  • New Form Tags

  • search
  • tel
  • url

 

  • email
  • number
  • New Media Tags

  • Audio Tag
  • Video Tag

 

Cascading Style Sheets 2.0 (css2)

  • Introduction to Cascading Style Sheets
  • Types of Style Sheets
  • CSS for Website Layout and Print Layout
  • Types of CSS Selectors

  • Universal Selector
  • Type Selector
  • Class Selector
  • ID Selector
  • Attribute Selector

    CSS properties

  • Type Properties
  • Background Properties
  • Block Properties
  • Box Model Properties
  • List Properties
  • Border Properties
  • Positioning Propeties
  • Properties useful in Realtime Designing

    CSS for Realtime Practical Works

  • Defining the Text Styles
  • Defining the Background Styles
  • Designing a Menu System
  • Horizontal, Vertical and Drop Down Menus
  • Custom Form Designing
  • DIV + CSS Layout Design
  • PSD to CSS Conversion
  • CSS Optimization Tips

Cascading Style Sheets 3.0 (css3)

  • Introduction to CSS 3
  • New CSS3 Properties
  • CSS Rounded Corners
  • Border Images

 

  • Border Shadows
  • CSS Gradients
  • CSS Background properties

 

  • Text-Shadow Property
  • Text-Stroke Property
  • Using CSS3 in Practical Layout

 

Adobe Dreamweaver

  • Introduction to Adobe Dreamweaver
  • Dreamweaver Interface Basics
  • Standard Tool Bar
  • Setting the Dreamweaver for Multiple Browser Output
  • Common Tool Bar

  • Anchor Links / Email Links / Named Anchors
  • Insert Table
  • Insert Divs
  • Inserting Images / Image Hot Spots

 

  • Inserting Flash / Video
  • Meta Tags
  • Script Tags
  • Layout Tool Bar

  • Inserting Divs
  • Inserting Tables
  • Working with Frames
  • Working with IFrames
  • Text Tags

  • Headings Tag
  • Content Tags

    Forms in Dreamweaver

  • Form Tag
  • Fieldset and Label Tag
  • Input Tags (Hidden, Text, Checkbox, Radio,Image)
  • Select Tag / List Tag / Opt Group
  • Buttons (Submit and Reset)
  • File Type / Encoding Type
  • Sending Mail using PHP

Java Script

  • Introduction to Client Side Scripting
  • Introduction to Java Script
  • JavaScript Types
  • Variables in JS
  • Operators in JS
  • Conditions Statements (If, If Else, Switch)
  • Java Script Loops (For Loop, While Loop, Do While Loop)
  • JS Popup Boxes (Alert, Prompt, Confirm)
  • JS Events
  • JS Arrays
  • Working with Arrays

 

  • JS Objects
  • JS Functions
  • Using Java Script in Realtime

  • DropDown Menus
  • Slide Show Effects in Js
  • Date / Calendar Integration
  • Useful Scripts for Projects

 

JQuery

  • Downloading and use jQuery
  • Syntax overview
  • Understanding jQuery chaining
  • Anatomy of a jQuery Script
  • Setting CSS Properties
  • Adding CSS classes

jquery implementation in html

  • jquery menu implementation
  • jquery Dropdown implementation
  • jquery Slider implementation
  • jquery Tabs implementation
  • jquery lightbox implementation
  • photo gallery implementation

JQuery Animation Effects

  • jQuery Event Object
  • Binding events
  • Effect functions: animate( ), click( ), hover( ), toggle( )
  • Creating a simple image slideshow
  • Using Plugins: Tabs, Panels and Panes examples
  • Using jQuery for Form Validation

 

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

  • Designing a Professional Photoshop Template
  • Conversion of PSD to CSS
  • Adding Menu System to Project
  • Slideshow Integration
  • Implementing Gallery Script
  • Adding the Contact Form
  • Form validations using JS
  • Manual Website Testing

 
Why Training With Us
GET IN TOUCH
Trending training
main Training
Students Placement
Placement
Placement Assistent
Live Project Training
Placement in MNC
100% Job Assistance

Our Training

  • magento
  • PHP
  • wordpress
  • phpMysql
  • drupal
  • magento
  • PHP
  • wordpress
  • phpMysql
  • drupal
  • magento
  • PHP
  • wordpress
  • phpMysql
  • drupal
  • magento
  • PHP
  • wordpress
  • phpMysql
  • drupal