Training Content
Placement Whatsapp
UI UX TRAINING IN SINGAPORE
User Experience Design (UX) is one of the fastest-growing and most innovative and exciting career paths in the interactive industry today. Discover the many facets of this in-demand profession, and learn the skills, tools, and techniques that UX designers apply every day. You'll practice the essential skills of UX, while you work on a project in hands-on, workshops.

The course would take you through everything from strategies to prioritizing investment and resources, determining the OS and supported devices for the mobile appunderstanding end-user needs, analyzing features to enhance the user experience of the app, enhancing cross-device usability through responsive designs, designing the UI of the app to improve usuability, and finally testing and validating the app for its usability/ user-friendliness and using this information to further perfect the user experience.

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