Assignment no.
Problem Statement:
Design the XML document to store the information of the employees of any business
organization and demonstrate the use of:
a) DTD
b) XML Schema
And display the content in (e.g. tabular format) by using CSS/XSL.
Objectives:
1) To Understand about designing static webpage using XML
2) Apply CSS to XML pages.
Software and Hardware requirements:
Software: browser, Notepad
Theory:
I. XML:
XML stands for Extensible Markup Language. It is nothing but the text-based markup
language which is derived from Standard Generalized Markup Language(SGML). XML
tags identify the data and are used to store and organize the data, rather than specifying
how to display it like HTML tags, which are used to display the data. XML is not going to
replace HTML in the near future, but it introduces new possibilities by adopting many
successful features of HTML.
There are three important characteristics of XML that make it useful in a variety of
systems and solutions –
• XML is extensible − XML allows you to create your own self-descriptive tags, or
language, that suits your application.
• XML carries the data, does not present it − XML allows you to store the data
irrespective of how it will be presented. XML is a public standard − XML was developed
by an organization called the World Wide Web Consortium (W3C) and is available as an
open standard
II. CSS:
CSS stands for Cascading Style Sheet. It is nothing, but design language intended to simplify
the process of making web pages presentable.CSS handles the feel and look part of a web
page.By using CSS, one can control the color of text, style of fonts, spacing between
paragraphs, layout designs. CSS is easy to learn, easy to understand and it provides powerful
control on presentation of an HTML document.
III. Advantages of CSS:
It saves the time, Pages load faster, Easy maintenance, Superior styles to HTML, Multiple
Device Compatibility, Global web standards, Offline Browsing, Platform Independence. CSS3
Modules.
CSS can be added to HTML elements in 3 ways:
1) Inline - by using the style attribute in HTML elements. An inline CSS is used to apply a
unique style to a single HTML element.
2) Internal - An internal CSS is used to define a style for a single HTML page
3) External - - by using an external CSS file. An external style sheet is used to define the
style for many HTML pages. With an external style sheet, you can change the look of an
entire web site, by changing one file!
DESIGN/EXECUTION STEPS:
Following steps are used to Create and Execute web applications,
1. Write the XML code in notepad and save with .xml extension.
2. Write the CSS code in notepad and save with .css extension.
3. Import CSS file in XML page.
4. Open XML page in the browser
Conclusion:
In this way, we have successfully designed static webpage using XML and CSS styling.