Scribd
Upload
352 views

UI / Navigation/ HTML / CSS / JS

This document provides an overview of UI/navigation, HTML, CSS, and JavaScript. It defines the types and properties of user interfaces, common UI elements and actions. It also describes navigation, its properties, and how it helps users traverse a site easily. HTML, CSS, and JavaScript are also defined, outlining what they are used for and some of their key features. The document concludes with examples of using JavaScript and some cool demos.

Uploaded by

Gaurav Paliwal
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
352 views

UI / Navigation/ HTML / CSS / JS

This document provides an overview of UI/navigation, HTML, CSS, and JavaScript. It defines the types and properties of user interfaces, common UI elements and actions. It also describes navigation, its properties, and how it helps users traverse a site easily. HTML, CSS, and JavaScript are also defined, outlining what they are used for and some of their key features. The document concludes with examples of using JavaScript and some cool demos.

Uploaded by

Gaurav Paliwal
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 17

UI / Navigation/ HTML / CSS / JS

By : Akhil Singh (525691) Ritu Jain (525700) Rishabh Anand (525701) Guneet Kaur (525713) Gaurav Paliwal (525705) Ratika Malik (525695)

User Interface
Types : 1. GUI 2. WUI 3. CUI 4. VUI 5. TUI Properties : 1. Simple and Helpful 2. User Friendly 3. Consistency 4. WYSIWYG (Eg. Gmail Compose Mail / TinyMCE) 5. See and Prompt

User Interface
Elements : 1. TextBox 2. Option Box 3. Check Box 4. Drop Down 5. Combo Box 6. List Box Etc. Actions : 1. OnClick 2. OnLoad 3. OnSubmit 4. OnKeyPress 5. OnMouseOver (Hover) 6. OnFocus & LostFocus Etc.

Navigation
Its like having a road sign in IT world. Properties : 1. Systematic display. 2. Easy traversal (back and forth). 3. Easy functionality invocation. 4. Faster acquaintance with the system. 5. Easy access.

HTML
1. Hyper Text Markup Language. 2. Concept by Tim Berners-Lee in 1990. 3. Tag Language. 4. Used in web designing. 5. Predefined tags. 6. Browser independent. 7. Supported by W3C.

CSS
1. Cascading Style Sheets. 2. Layout of web pages. 3. Improves presentation. 4. Reusable. 5. Easier Maintenance. 6. Inheritance. 7. Inline, Internal and External.

Javascript
1. Client-side processing. 2. Increase user engagement. 3. Patent free. 4. Used for Validation. 5. Make Web pages interactive. 6. Browser Independent 7. Event Driven 8. Case Sensitive

Hands On Javascript
1. NaN demo ( Not a Number Check ). 2. Whitespace check validation demo. 3. Date Validation.

Cool things with Javascript


1. Write less do more. 2. Extends Libraries. 3. **Sometime** used for server side scripting Ex. Node.js. 4. Jquery. 5. Jquery UI (User Interface Stuff). 6. Easy to use.

Cool Demos
1. Calender picker 2. Real Time table manipulation

Questions

Surprise !!

Thanks

You might also like