: TYPE with three
values as FILLROUND, CIRCLE, SQUARE. The value of attribute
changes the style of the bullet.
iv. Itis not necessary to use
tag for ending the list.
Example : Quantum Series is also available for :
Computer Science
Information Technology
MCA
Electronies
Mechanical
Output : Quantum Series is also available for :Sebteieole! aveKtiGe iy 7B erWwsH,
+ Computer Science
+ Information Technology
+McA
+ Blectronies
+ Mechanical
+ Givi
2 Ordered list:
‘An ordered list starts with the tag and ends with .
ii Eachlistitemsstart with the tag
.
ii, ‘Tho attributes that ean be specified with are:
a. TYPE: Tt can havo five values which aro 1,, 0, Li
b. START: It can bo setof any numerical valuo.
@ VALUE : It is used for changing the numbering sequence in
the middle of ordered list.
Example: Quantum series for Information technology include :
Software Engineering
Web Technology
DBMS
Computer Organization
Output: Quantum series for Information technology include
3. Software Engineering
4. Web Technology
5. DBMS:
6
(Computer Organization
3 Definition list
i. Adofinition list is alist of torms and corresponding definitions.
ii, Definition list values appear within
and
tags.
iii, Definition lists consist of two parts :
a. Definition Term
b. Definition Deseription
Example:
DBMS
Database Management System
CO
Computer OrganizationWeb Page Designing wi aktutor.in 2-8 D (IT-5/CS-6)
Output: DBMS
Database Management System
co
‘Computer OrganizationQue 2.14. | What do you mean by Cascading Style sheet (CSS) ?
What are the advantages and features of CSS ?
Answer
1. Cascading Style Sheet or CSS enables us to separate the content of
HTML documents from the presentation.
2. A-single file or a small group of files could define the presentation
format for the entire website. Thus, any format or presentation changes
across the website would be controlled through these CSS files.
3. To define styles, we use the
This is the H1 element
Difference between XML and HTML:
HTML
XML is designed to describe
data and to focus on what data
is about.
HTML is designed to display data
and to focus on how data looks
like.
XML is about describing
information.
XML tags are not predefined.
HTML is about displaying
information.
HTML tags are predefined.
In XML, data is stored in
separate XML file.
InHTML, datais stored inside the
HTML tags.Java
Difference between Java and JavaScript:
JavaSeript
Java is an object-oriented | JavaScript is an object based
programming language. scripting language.
Java is strongly typed language | JavaScript is very flexible in
and type checking. data type.
Objects in Java are static.
Tt can be used to create
standalone application.
Objects in JavaScript are
dynamic.
Tt cannot be used to create
standalone application.
Variables in Java are declared
as: int num.
Variables in JavaScript are
declared as: var myname.Que 3.15. | Write a short note on AJAX.
Answer
1.
AJAX (Asynchronous JavaScript and XML)is a set of web development
techniques for creating better, faster and more interactive web
applications with the help of XML, HTML, CSS and JavaScript.
Traditional web applications tend to follow the pattern shown in
Fig. 3.15.1.
First a page is loaded. Next, the user performs some action such as
filling out a form or clicking a link.Web Technology ww.aktutor.in 19D aT-s/cs-6)
4. The user activity is then submitted to a server side program for processing
while the user waits until final result is sent which reloads the entire
age.
5. AJAX style applications use a significantly different model. Here user
actions signal the server to fetch just the data needed to update the page
in response to the submitted actions.
6 This process generally happens asynchronously, thusit allows the user
+o perform other actions within the browser while data is returned
Fall page Fall pose
retrah rofrah
Useractivity ——Uieraeiviy sera
: = el fe
Client-side Z Fl vane |E
c zo 5
ana psone: E---# gra
Tm a £
a g 8 E
iver Server-side Server-side
processing processing
Fig. 3.16.1. Traditional web application communication flow.
7. Asynchronous requests allow more than one thing to happen at the
same timo,
& Only the relevant portion of the page is changed when we use AJAX, as
shown in Fig. $.15.2.
ing
Tea
|
Data tennant
Baa
“ ‘Server-side
Server-side Processing Processing
Fig. 3.15.2. AJAX style communication flow.Advantages of AJAX:
Reduces the server traffic and increases the speed.
Ajax is responsive and time for data transfer is also less.
es eeee
Form validation
Bandwidth usage can be reduced.
Asynchronous calls can be made which reduces the time for data arrival.
Working of AJAX : XMLHttpRequest object plays an important role as,
AJAX communicates with the server using XMLHttpRequest object.
1
2
3.
User sends a request from the UI and a JavaScript call goes to
XMLHttpRequest object.
HTTP request is sent to the server by XMLHttpRequest object.
Server interacts with the database using JSP, PHP, Servlet, ASP.net
ete.
Datais retrieved,
Server sends XML data or JSON data to the XMLHttpRequest callback.
function.
HTML and CSS data is displayed on the browser.
Browser
HTTP request
XMLHttpRequest
callback()
if
JavaScript |g
call
| HTML &
CSS data
Presentation
XML Data
Web server
Business logie
implementation
(PHP, servlet, ete.)
data
exchange
Fig. 3.16.1.