UI Designing

UI Designing is the design of web pages, websites and web applications used by companies to promote their business and corporate agencies to market several products to the customers. Web designing offers a promising career as web services are applied in industries, business, education and public sector. Most of the companies wishing to create their own web sites look for skilled and qualified web designers. This course helps the student learn various web design services that include need analysis, solution designing, web content writing, web content planning, graphic designing, designing Flash, HTML coding and Java scripting.

CERTIFYING BODY

  • Adobe
  • Zend Technologies

CAREER PROSPECTS

UI designing can be the right option for those having a flair for creating a design flow A web designer can be absorbed in different fields such as advertising agencies, publishing, audio-visual media, design studios, printers and typesetters, manufacturers and department stores, marketing firms, exhibits and displays and educational institutes and libraries.

  • UI Designer
  • UI Developer
  • UI Programmer
  • Content Developer
  • Content Manager
  • Content Editor
  • Freelancer

SYLLABUS

    • Introduction to WordPress
    • Installing and Running WordPress
    • Using Wamp & XAMPP Servers
    • WordPress Dashboard, Toolbar
    • Difference between Post and Page
    • Creating New Post
    • Using Categories and tags
    • Advanced Text Formatting
    • Creating and managing Links
    • Add an Image Gallery
    • Add Images from External Sources
    • Add Media through YouTube
    • Comparing & restoring old versions
    • Publishing post
    • Using more tag and Exerpts
    • Defining post formats
    • Using page template
    • Organizing page Hierarchy
    • Navigating Dashboard Index pages
    • Quick Edit, Bulk Edit
    • How WordPress Handles Media
    • Selecting and changing the themes
    • Using theme customizer
    • Using a custom header image
    • Creating a custom menus
    • Using widgets
    • Changing the front page view
    – blog view to static page
    • Installing WordPress themes
    • Installing custom Themes
    • Installing custom Plugins
    • Creating User friendly Permalinks
    • Configuring Comment Settings
    • Managing Comments

    • Introduction to Bootstrap
    • Bootstrap Package
    • Download and Installing Bootstrap
    – File structure
    – Bootstrap template
    • Bootstrap Grid System
    – Grid, Bootstrap Grid System
    – Mobile FIRST STRATEGY
    – Bootstrap Grid System
    – Media Queries
    • Grid Options
    – Responsive Column resets
    – Offset / Nested columns
    – Column ordering
    • Creating Layouts with Bootstrap
    • Bootstrap CSS Overview
    – HTML5 Doctype
    – Responsive Images
    – Containers
    • Bootstrap Typography
    – Headings, Inline sub headings
    – Emphasis, Abbreviations
    – Addresses, Block quotes, Lists
    • Bootstrap Tables
    – Basic table
    – Optional table classes
    – Stripped / Bordered / Hover table
    – Condensed / Responsive tables
    • Bootstrap Forms
    – Form layout, Vertical/Basic form
    – Inline / Horizontal form
    – Supported form controls
    – Checkboxes, Radios
    – Selects, Form Control states
    – Form Control Sizing, Help text
    • Bootstrap Buttons
    – Button Size / State
    – DISABLED State
    – Buttons tags
    • Bootstrap Images
    – img-rounded
    – img-circle, img-thumbnail
    • Bootstrap Helper Classes
    – Close icon
    – Clearfix
    – Carets, Quick floats
    – Center Content blocks
    – Showing & hiding content
    – Screen reader content
    • Bootstrap Responsive utilities
    – visible-xs, visible-sm
    – visible-md, visible-lg
    • Print Classes
    – v isible-print
    – h idden-print
    • Bootstrap Glyphicons
    • Bootstrap Dropdowns
    • Bootstrap Button Groups
    • Bootstrap Button Dropdown
    • Bootstrap input groups
    • Bootstrap Navigation Elements
    • Bootstrap Navbar
    • Pagination
    • Bootstrap Badges
    • Bootstrap Alerts
    • Bootstrap Progress Bars
    • Bootstrap Media Object
    • Bootstrap list group
    • Bootstrap Panels
    • Bootstrap wells
    • Bootstrap Plugins Overview