HTML

Language of World Wide Web

Describes the visual appearance of a document to be displayed
by a web browser
Web pages are text files containing HTML
An HTML file must have an .htm or .html extension
It can be created even by non-programmers using NotePad,
NotePad ++, PSPad or HTML Editors like Microsoft Webmatrix or
Sublime Text
The World Wide Web Consortium (W3C), an International
community is responsible for the development, designing,
maintaining and implementing of the Web standards
 FEATURES
Linear VS Hypertext Documents

Tags mark the text as certain type (example italicised)

It is a Language with code-words and syntax
Versions of HTML HTML, HTML 2.0, HTML 3.2, HTML 4.0,
HTML 4.01, XHTML, HTML 5
 WORKING
A computer user, if for example, clicks on a website link in
their web browser, the client sends a request to the server for
the homepage of the website
The server sends an HTML file to the client
The HTML file in turn request for all the supporting data
required to open that page
The homepage is displayed on your screen after the browser
reads them and interprets them
LINKAGE TO E-COMMERCE
Designing a good website is not just a skill, but also a talent
and an art.
Knowing the right techniques and use of tags improve the
website
The more interactive and user friendly a website is designed,
the more it is preferred.
Understanding the target audience before designing a website
is a pre-requisite for a successful website
http://hobolobo.net/
http://www.antaragni.in/
 XML
Extensible Meta-language to give
structure to other
languages
flexible & is written in SGML

Set of words or symbols

Markup that help describing the
identity or function of the
component parts of a
document

Language Language that functionality of

the web by letting you identify
the information in a more
accurate, flexible and adaptable
way
 NEED FOR XML
HTML becomes cumbersome if you want to display documents
in a mobile device or do anything thats even slightly
complicated, such as translating the content from German to
English.
XML, on the other hand, isnt just suited to the Web it can be
used in a variety of different contexts, some of which may not
have anything to do with humans interacting with content (for
example, Web Services use XML to send requests and
responses back and forth).
HTML rarely (if ever) provides information about how the
document is structured or what it means
HTML is a presentation language, whereas XML is a data-
description language
 CONTENT MANAGEMENT

Clients

XML2HTML XML2WML XML2PDF Converters

Database with
XML documents
 FUNCTIONS
Information storage and identification: XML is portable ,it can
be used to store information across any platforms.
Information structure: XML is used to store and identify any kind
of hierarchical information.
Publishing: The document can be managed and controlled (with
XML) and publishes to web (HTML) and to paper (PDF) from a
single source document by using the appropriate style sheets.
Messaging and data transfer: XML provides a common
envelope for inter-process communication (messaging).
Web services: Weather services, e-commerce sites, blog
newsfeeds, other data-exchange services like smartphone apps
use XML for data management and transmission, and the web
browser or app for display and interaction.
LINKAGE TO E-COMMERCE
It can be transformed to produce different types of outputs for
different media devices (Web browser, paper, CD-ROM) without
the need to modify the original content which leads to efficiency
XML improves the presentation of the information for its users
It is platform independent thus easy to use
XML simplifies business-to-business communication
As a meta-language, provides a standard framework to create
business-oriented markup vocabularies
With the Unicode support in XML, Web sites can be multilingual
which help to conduct business globally
http://codecanyon.net/item/jquery-xml-product-showcase-quote-cart/
full_screen_preview/12186771?ref=jqueryrain&ref=jqueryrain&clickth
rough_id=554957796&redirect_back=true
 DHTML
Stands for Dynamic HTML
Allows you to build rich client interfaces and to modify them
dynamically
DHTML consists of HTML/XHTML, CSS and JavaScript
http://www.ray-ban.com/international/virtual-mirror
 FEATURES
Advantages:
File sizes are small: DHTML files are small compared to other
interactive media like Flash, Shockwave, and Java
Its supported by major browser manufacturers
No plug-ins, ActiveX controls, or Java is necessary

Disadvantages:
Only newer browsers support the DHTML standard
Netscape and MS have different DHTML implementations
 EXAMPLE
http://www.bogotobogo.com/dynamicHTML/mySpace.html
Bouncing Balls
Using a combination of all DHTML technologies, this example
dynamically creates and tracks the movements of an unlimited
number of bouncing balls.
Creates new content dynamically
LINKAGE TO E-COMMERCE
Online scientific product demonstrations
Helps in Endorsing some special deals for the ecommerce
websites
 VRML
Stands for Virtual Reality Modeling Language or Virtual Reality
Markup Language
Programming language for creating and displaying three
dimensional objects and Spaces on the web
VRML environments can contain animation, audio and video
files and hyperlinks to simulate realistic views of the inside and
outside of a building, bridges etc.
These views change in real time in response to the computer
users movements or mouse clicks
 USES
Used for web based entertainment, distributed visualization, 3-D
user interfaces to remote web resources, 3-D collaborative
environments, interactive simulations for education
Virtual museums and virtual retail spaces
LINKAGE TO E-COMMERCE
Online product demonstrations
It can be used to provide 360 degree images on e- commerce
websites. This means 360 Degree views on product with the
ability to zoom in or out
Encourage more people to buy products online
This could especially be helpful for fashion products and real
estate products
http://www.ramadajhvvns.com/virtual-tour.htm
 COMPARISON
HTML
Takes less space, speedier to download
More forgiving (even if you dont close tags, it might work
effectively) and easier to learn
XML
Integrates well into other programming languages
XML can be used by any individual or group of individuals or
companies that wants to share information in a consistent way.
DHTML
It is an umbrella term for a collection of technologies used
together to create interactive and animated web sites by using a
combination of a static mark-up language