Sei sulla pagina 1di 27

USER INTERFACE DESIGN

UNIT I – PART II
INTRODUCTION II

MISSION VISION CORE VALUES


CHRIST is a nurturing ground for an individual’s holistic development to Excellence and Service Faith in God | Moral Uprightness
make effective contribution to the society in a dynamic environment Love of Fellow Beings 1
Social Responsibility | Pursuit of Excellence
• Web User Interface
• HTML

UNIT I • PHP

PART II • Popularity

Web User Interface • Characteristic & Principles

MISSION VISION CORE VALUES


CHRIST is a nurturing ground for an individual’s holistic development to Excellence and Service Faith in God | Moral Uprightness
make effective contribution to the society in a dynamic environment Love of Fellow Beings 2
Social Responsibility | Pursuit of Excellence
• Introduction
• HTML Tags
• HTML Version

HTML • How to Save File


• Heading, Paragraph
• Links
• Images
• List

MISSION VISION CORE VALUES


CHRIST is a nurturing ground for an individual’s holistic development to Excellence and Service Faith in God | Moral Uprightness
make effective contribution to the society in a dynamic environment Love of Fellow Beings 3
Social Responsibility | Pursuit of Excellence
CHRIST
Deemed to be University
HTML
● HTML, as a markup language doesn't really “do” anything in the sense that a programming
language does.

Excellence and Service 4


CHRIST
Deemed to be University
HTML
● Hyper Text Markup Language (HTML) is a markup language
● HTML is used to create your own website
● HTML is easy to create a User Interface Design
● Describes the structure of a web page
● Consists of a series of elements
● Elements are represented by tags
● HTML tags has label of content such as Heading, Paragraph, Table
● Browsers do not display the HTML tags

Excellence and Service 5


CHRIST
Deemed to be University
HTML

Excellence and Service 6


CHRIST
Deemed to be University

Excellence and Service 7


CHRIST
Deemed to be University
HTML Tags
● HTML tags are element names surrounded by angle brackets
● HTML tags normally come in pairs like <p> and </p>
● The first tag in a pair is the start tag, the second tag is the end tag
● The end tag is written like the start tag, but with a forward slash inserted before the tag name

Excellence and Service 8


CHRIST
Deemed to be University
HTML Version

Excellence and Service 9


CHRIST
Deemed to be University

Excellence and Service 10


CHRIST
Deemed to be University
Heading, Paragraph
● <h1> to <h6>

● Paragraph

Excellence and Service 11


CHRIST
Deemed to be University
Link

Excellence and Service 12


CHRIST
Deemed to be University
Images

Excellence and Service 13


CHRIST
Deemed to be University
List

Excellence and Service 14


CHRIST
Deemed to be University
hello.php

<?php
// Displaying string of text
echo "Hello World!";
?>

Excellence and Service 15


CHRIST
Deemed to be University

Excellence and Service 16


CHRIST
Deemed to be University

Excellence and Service 17


CHRIST
Deemed to be University
HTML FORM

<!DOCTYPE html>
<html>
<head>
<title> ADD TWO NUMBERS </title>
</head>

<body>
<form>
Number 1 : <input type="text" name="num1" required> <br>
Number 2 : <input type="text" name="num2" required> <br>
<input type="submit" value="Add" name="submit" />
</form>

</body>
</html>

Excellence and Service 18


CHRIST
Deemed to be University
FORM – PHP CODE
<!DOCTYPE html>
<html>
<head>
<title> ADD TWO NUMBERS </title>
</head>
<body>
<form name="add" method="post">
Number 1 : <input type="text" name="num1" required> <br>
Number 2 : <input type="text" name="num2" required> <br>
<input type="submit" value="Add" name="submit" />
</form>
<?php
if(isset($_POST['submit']))
{
$num1=$_POST['num1'];
$num2=$_POST['num2'];
$result=$num1+$num2;
echo $result;
}
?>
</body>
</html>

Excellence and Service 19


CHRIST
Deemed to be University
Display Username and Password

Excellence and Service 20


CHRIST
Deemed to be University
Display: Address Form

Excellence and Service 21


CHRIST
Deemed to be University
Table

Excellence and Service 22


CHRIST
Deemed to be University
Check Username & Display Welcome Message

Excellence and Service 23


CHRIST
Deemed to be University
Redirect to Christ University Website

Excellence and Service 24


CHRIST
Deemed to be University
List Menu

Excellence and Service 25


CHRIST
Deemed to be University
Radio Buttons

Excellence and Service 26


CHRIST
Deemed to be University
Checkbox

Excellence and Service 27

Potrebbero piacerti anche