Sei sulla pagina 1di 16

Q1. Ans:- Home.

html codings:
<html>
<head>
<title>Home Page Online Exam </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="header">
<img src="logo.png">
<h1>Aman Online Exam System</h1>
</div>

<div id="menu">
<a href="home.html">Home</a><br>
<a href="schedule.html">Schedule</a><br>
<a href="syllabus.html">Syllabus</a><br>
<a href="registration.html">Registration</a><br>
</div>
<div id ="content">
<h1>Welcome User</h1>
<p>Hello Greeting of the Day!! Aman Online Exam system welcomes you on
our online exam portal. Here is a brief intro about ourselves
:</p>
<p>Year of establishment : 2005</p>
<h2>About Us</h2>
<p>We are on a mission to reshape the process of how students
prepare online for competitive exams</p>
<p>Contact : <br>
A-83, Sector-1XX, Noida<br>Uttar Pradesh, India
</div><div id = "footer">
<p style="text-align:center">Name : Aman Gupta &copy; 2019-20
</p>
</div>
</body>
</html>

1
2
Schedule.html codings:
<html>
<head>
<title>Schedule Page Online Exam</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="header">
<img src="logo.jpg">
<h1>TDN Online Exam System</h1>
</div>
<div id="menu">
<a href="home.html">Home</a><br>
<a href="schedule.html">Schedule</a><br>
<a href="syllabus.html">Syllabus</a><br>
<a href="registration.html">Registration</a><br>
</div>
<div id ="content">
<h1>Schedule of Exam</h1>
<table border="1">
<tr>
<th>Date of examination</th>
<th>Subject of examination</th>
<th>Fee</th>
<th>Venue</th>
</tr>
<tr><td>08/14/2020</td>
<td><a href="syllabus.html#st">Statistical Techniques</a></td>
<td>250</td>
<td>Gauwahati University</td>
</tr>
<tr>
<td>04/12/2019</td>
<td><a href="syllabus.html#oop">Object Oriented Technologies and Java
Programming</a></td>
<td>150</td>
<td>Cotton University College, Ghy</td>

3
</tr>
<tr>
<td>06/12/2019</td>
<td>
<a href="syllabus.html#net">Fundamentals of Computer Networks</a></td>
<td>150</td>
<td>Guwahati College,Ghy</td>
</tr>
<tr>
<td>09/12/2019</td>
<td>
<a href="syllabus.html#algo">Introduction to Algorithm Design</a></td>
<td>150</td>
<td> Cotton University College, Ghy</td>
</tr>
</table>
</div>
<div id = "footer">
<p style="text-align:center">Name : Aman Gupta &copy; 2019-20
</p></div>
</body>
</html>

4
5
Syllabus.html codings
<html>
<head>
<title>Syllabus Page Online Exam</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="header">
<img src="logo.jpg">
<h1>TDN Online Exam System</h1>
</div>
<div id="menu" style="height:600px">
<a href="home.html">Home</a><br>
<a href="schedule.html">Monthly Schedule</a><br>
<a href="syllabus.html">Syllabus</a><br>
<a href="registration.html">Registration</a><br>
</div>
<div id ="content" style="height:600px">
<h1>Syllabus</h1>
<a name="st"><h2>Statistical Techniques</h2>
<p>Collecting Data, Kinds of Data, Frequency Distribution of a
Variable, Graphical Representation of Frequency Distribution,
Summarisation of Data, Measures of Central Tendency, Measures of
Dispersion or Variability</p>
<hr>
<a name="oop">
<h2>Object Oriented Technologies and Java Programming</h2><p>Paradigms
of Programming Languages, Evolution of OO Methodology, Basic Concepts
of OO Approach, Comparison of Object Oriented and Procedure Oriented
Approaches, Benefits of OOPs, Introduction to Common OO Language,
Applications of OOPs</p>
<hr>
<a name="net">
<h2>Fundamentals of Computer Networks</h2>
<p>Concept of communication system, Analog and Digital Communication,
Data communication modes, Synchronous and asynchronous transmission,
Simplex, half-duplex, full duplex communication ,Networking Protocols
and Standards, Layering, OSI reference model, encapsulation, End-to-end
argument. Protocol design issues, Applications.</p>
<hr><a name="algo">

6
<h2>Introduction to Algorithm Design</h2><p>Definition and Example of
an algorithm, Characteristics of an algorithm, Steps in Designing of
Algorithms, Growth of function, Recurrence, Problem Formulation (Tower
of Hanoi),Substitution Method, Iteration Method, Master Method
</p>
</div>
<div id = "footer">
<p style="text-align:center">Created : TAPASH DEBNATH &copy; 2019-
20
</p>
</div>
</body>
</html>

7
Registration.html
<html>
<head>
<title>Registration Page Online Exam</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="header">
<img src="logo.jpg">
<h1>TDN Online Exam System</h1>
</div>
<div id="menu">

<a href="home.html">Home</a><br>

<a href="schedule.html">Monthly Schedule</a><br>

<a href="syllabus.html">Syllabus</a><br>

<a href="registration.html">Registration</a><br>

</div>

<div id ="content"><h1>Registration Page

</h1>

<form action="sample.jsp">

<p>

Name <input type="text" name="n" required><br><br>

Date of Birth <input type="date" name="d" required><br><br>

E-mail <input type="email" name="e"><br><br>

<input type="submit">

<input type="reset">

</p>

</form>

</div>

<div id = "footer">

8
<p style="text-align:center">Created : TAPASH DEBNATH &copy; 2019-
20
</p>
</div>
</body>
</html>

9
Style.css
<html>

<head>

<style>

body{

margin:0;

padding:0;

#header

{float:left;

width:100%;

height:200px;

background:#ddd;

padding:10px;

box-sizing:borderbox;

#menu{

float:left;

width:20%;

height:400px;

background:pink;

padding:10px;

box-sizing:border-box;

#content{

float:left;

10
width:80%;

height:400px;

background:skyblue;

padding:10px;

box-sizing:border-box;

#footer{

float:left;

width:100%;

height:80px;

background:blue;

</style>

<head>

<body>

</body>

</html>

11
Q2. List five important features of CSS and Angular JS.

Ans: Feature of CSS


1. Cascading Style Sheets (CSS) is astyle sheet language used for describing
the presentation of a document written in a markup language like HTML. CSS
is a cornerstone technology of the World Wide Web, alongside HTML and
JavaScript.
2. CSS isdesigned to enable the separation of presentation and content, including layout,
colors, and fonts. This separation can improve content accessibility, provide
more flexibility and control in the specification of presentation characteristics, enable
multiple web pages to share formatting by specifying the relevant CSS in a separate
.css file, and reduce complexity and repetition in the structural content.
3. Separation of formatting and content also makes it feasible to present the same markup
page in different styles for different rendering methods, such as on-screen, in
print, by voice (via speech-based browser or screen reader), and on Braille-based
tactile devices. CSS also has rules for alternate formatting if the content is accessed on
a mobile device.
4. The name cascading comes from the specified priority scheme to determine which
style rule applies if more than one rule matches a particular element. This cascading
priority scheme is predictable.
5. The CSS specifications are maintained by the World Wide Web Consortium
(W3C). The W3C operates a free CSS validation service for CSS documents.

AngularJS
The features of AngularJS are as follows −
i). Data-binding− It is the automatic synchronization of data between model and
view components.
ii). Scope− These are objects that refer to the model. They act as a glue
between controller and view.
iii). Controller− These are JavaScript functions bound to a particular scope.
iv). Services− AngularJS comes with several built-in services such as $http to
make a XMLHttpRequests. These are singleton objects which are instantiated only
once in app.
v). Filters− These select a subset of items from an array and returns a new array.

12
vi). Directives− Directives are markers on DOM elements such as elements,
attributes, css, and more. These can be used to create custom HTML tags
that serve as new, custom widgets. AngularJS has built-in directives such as
ngBind, ngModel, etc.

------------------***---------------

13

Potrebbero piacerti anche