Anda di halaman 1dari 22

1. Create a specimen of a corporate web page.

Design
home page including about us, logo image, history, sitemap, sub-branches.
home.html :
<html>
<head>
<title> Home</title>
</head>
<body>
<table margin='0' align="center" cellspacing="10">
<tr>
<td><a href="#">Home</a></td>
<td><a href="ourproducts.html">Our Products</a></td>
<td><a href="about.html">About Us</a></td>
<td><a href="contacts.html">Contacts</a></td>
</tr>
</table>
<div style="margin-left:200px; margin-right:200px;">
<br>
<img src="a.jpg" width="800" height="300">
<h1 align="center">Welcome to AS Limited</h1>
<br>
<p align="justify">
Welcome to this company. We are the best in our field. Looking upon the
statistics provided by the survey of last year , we have been the customer's first choice. In order to have a
look of the quality that we incorporate into our products, visit <a
href="ourproducts.html">our products</a> section.
</p></div>
<br>
<table margin='0' align="center" cellspacing="10">
<tr>
<td>&copy;2011 | AS Limited | <a href="sitemap.html">Sitemap</a> | All
Rights Reserved</td>
</tr>
</table>
</body>
</html>

ourproducts.html :
<html>
<head>
<title>Products</title>
</head>
<body >
<table margin='0' align="center" cellspacing="10">
<tr>
<td><a href="home.html">Home</a></td>
<td><a href="#">Our Products</a></td>
<td><a href="about.html">About Us</a></td>
<td><a href="contacts.html">Contacts</a></td>
</tr>
</table>
<div style="margin-left:200px; margin-right:200px;">
<br>
<img src="d.jpg" width="800" height="300">
<font color=""><h1 align="center">Our Products</h1></font>
<br>
<p align="justify">
Our Products and Services are:<br><br>
<hr>
<b>Services</b><br>
<br>
* The Indian Hotels Company<br>
* AS Housing Development Company Ltd. (ASHDC)<br>
* AS AIG General Insurance<br>
* AS AIG Life Insurance<br>
* AS Advanced Systems Limited<br>
* AS Asset Management<br>
* AS Financial Services<br>
* AS Capital<br>
* AS Investment Corporation<br>
* AS Quality Management Services<br>
* AS Share Registry<br>
* AS Strategic Management Group <br>
* AS Services<br>
* AS Consulting Engineers Limited<br>
* AS Realty and Infrastructure Limited<br>
<br><hr>
<b>Consumer Products</b>
<br><br>
* AS Salt, i-Shakti Salt, AS Salt Lite<br>
* AS Swach water purifier<br>
* Eight O'Clock Coffee<br>
* AS Ceramics<br>
* Infiniti Retail<br>
* Titan Industries manufacturers of Titan watches<br>
* Trent (Westside)<br>

* AS International Ltd - Leather Products Division<br>


* Tanishq jewellery<br>
* Star Bazaar<br>
<br><hr>
<b>Information Systems and Communications</b>
<br><br>
* Computational Research Laboratories<br>
* INCAT<br>
* Nelco<br>
* Nelito Systems<br>
* AS Business Support Services (formerly Serwizsol)<br>
* AS Consultancy Services Ltd.<br>
* AS Elxsi<br>
* AS Interactive Systems<br>
* AS Technologies Limited<br>
* AS Teleservices<br>
* AS Communications<br>
* CMC Limited<br>
* ASET, Managed connectivity and VSAT service provider<br>
</p></div>
<br>
<table margin='0' align="center" cellspacing="10">
<tr>
<td>&copy;2011 | AS Limited | <a href="sitemap.html">Sitemap</a> | All
Rights Reserved</td>
</tr>
</table>
</body>
</html>

about.html :
<html>
<head>
<title> About Us</title>
</head>
<body >
<table margin='0' align="center" cellspacing="10">
<tr>
<td><a href="home.html">Home</a></td>
<td><a href="ourproducts.html">Our Products</a></td>
<td><a href="#">About Us</a></td>
<td><a href="contacts.html">Contacts</a></td>
</tr>
</table>
<div style="margin-left:200px; margin-right:200px;">
<br>
<img src="d.jpg" width="800" height="300">
<h1 align="center">About Us</h1>
<br>
<p align="justify">

The AS Corporates is fastest growing ecommerce business in India. It has successfully established itself
AS a dignified industry leader in all market segments which it has explored.<br>
The AS Corporates has spread its wings in highly competitive sectors like real estate business, travel
services, ITES (IT Enabled Services), Internet marketing, and so on. It has been the dominant player in
B2B marketplace and significantly contributed towards social welfare programs.
<br>
<hr>
<b>Mission</b><br>
Our mission is to accomplish loyalty and appreciation of Channel Partners/Business Partners. We further
intend to develop a business friendly environment with our clients which will help them to increase their
earning potential.<br>
<hr>
<b>Vision</b><br>
Our Vision is to segregate all consumer centric services under one roof. In coming years OSS Group
would like to be the leading market player in B2C domain
</p></div>
<br>
<table margin='0' align="center" cellspacing="10">
<tr>
<td>&copy;2011 | AS Limited | <a href="sitemap.html">Sitemap</a> | All
Rights Reserved</td>
</tr>
</table>
</body>
</html>

contacts.html :
<html>
<head>
<title>Contact</title>
</head>
<body >
<table margin='0' align="center" cellspacing="10">
<tr>
<td><a href="home.html">Home</a></td>
<td><a href="ourproducts.html">Our Products</a></td>
<td><a href="about.html">About Us</a></td>
<td><a href="#">Contacts</a></td>
</tr>
</table>
<div style="margin-left:200px; margin-right:200px;">
<br>
<img src="d.jpg" width="800" height="300">
<h1 align="center">Contact Us</h1>
<br>
<p align="justify">
Head office:<br><hr>
Block 1, Divyashree Omega<br>
Survey No. 13, Kondapur Village,<br>
Hyderabad 500 032<br>
Andhra Pradesh, India<br>
Phone +91-40-6619-5000<br>
Fax +91-40-6619-5101<br><br>
Branch Office:<br><hr>
AS India Pvt. Ltd<br>
No. 3, RMZ Infinity - Tower E<br>
3rd, 4th, and 5th Floors<br>
Old Madras Road<br>
Bangalore, 560 016<br>
India<br>
Phone: +91-80-6721-8000
</p></div>
<br>
<table margin='0' align="center" cellspacing="10">
<tr>
<td>&copy;2011 | AS Limited | <a href="sitemap.html">Sitemap</a> | All
Rights Reserved</td>
</tr>
</table>
</body>
</html>

Output:

2. Create a specimen web page for a railway website


containing following table.
S.no

Train
name

Starting
Place

Destinati
on

Time
Arriv
al

<html>
<head>
<title>Train Information</title>
</head>
<body>
<h1 align="center">The Indian Railways Train Schedule<h1>
<hr /><br />
<table border ="1" cellspacing="2" cellpading="1" width="100%" >
<tr>
<th rowspan="2">S. NO.</th>
<th rowspan="2">TRAIN NAME</th>
<th rowspan="2">SOURCE</th>
<th rowspan="2">DESTINATION</th>
<th colspan="2">TIME</th>
<th rowspan="2">FARE</th>
</tr>
<tr>
<th> ARRIVAL</th> <th>DEPARTURE</th>
</tr>
<tr>
<td>1.</td>
<td>Shatabdi Express</td>
<td>Jammu Tavi</td>
<td>Mumbai Central</td>
<td>6:00 am</td>
<td>11:35 pm</td>
<td>INR 2000/-</td>
</tr>
<tr>
<td>2.</td>
<td>Rajdhani Express</td>
<td>Howrah</td>
<td>New Delhi</td>
<td>5:00 am</td>
<td>10:30 pm</td>
<td>INR 3500/-</td>
</tr><tr>
<td>3.</td>

Departu
re

Fare

<td>Shalimar Express</td>
<td>Mughalsarai</td>
<td>Hazrat Nizzamuddin</td>
<td>3:30 pm</td>
<td>2:00 am</td>
<td>INR 1534/-</td>
</tr><tr>
<td>4.</td>
<td>Ranbhoomi Express</td>
<td>Patna</td>
<td>Bhubaneshwar</td>
<td>4:00 am</td>
<td>5:25 pm</td>
<td>INR 1000/-</td>
</tr>
<tr>
<td>5.</td>
<td>Garib Rath</td>
<td>Ranchi</td>
<td>New Delhi</td>
<td>11:20 am</td>
<td>8:20 pm</td>
<td>INR 1350/-</td>
</tr>
</table>
</body>
</html>

Output:

3. Create a Web page two divide the browser screen into


two frames.
p3.html :
<html>
<frameset cols="50%,50%" rows="20%,80%">
<frame border="1" frameborder="1" src="basic1.htm" />
<frame border="1" frameborder="1" src="basic2.htm" />
<frame name="FRAME1" src="http://www.google.co.in/" />
<frame name="FRAME2" src="http://www.bing.com/" />
</frameset><noframes></noframes>
</html>
basic1.html
<html>
<body bgcolor="green">
IF YOU WANT TO DISPLAY BELOW THE GOOGLE SEARCH PAGE CLICK HERE:
<a href="http://www.google.co.in/" target="FRAME1"> GOOGLE </a>
<br>
<br>
IF YOU WANT TO DISPLAY BELOW THE YAHOO SEARCH PAGE CLICK HERE:
<a href="http://www.yahoo.co.in/" target="FRAME1"> YAHOO </a>
<br>
</body>
</html>
basic2.html
<html>
<body bgcolor="red">
IF YOU WANT TO DISPLAY BELOW THE WIKIPEDIA PAGE CLICK HERE:
<a href="http://www.wikipedia.org" target="FRAME2">Wikipedia </a>
<br>
<br>
</body>
</html>

Output:

4. Create an XML doc (containing name, ID, designation,


skill-set, pay-scale and address of employees in any firm)

embedded inside a HTML doc to display the contents in a


tabular form.
employee.html :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Employees Database</title>
</head>
<body>
<xml id="Emp">
<employee_directory>
<employee>
<name>Abhinav Prakash</name>
<id>565677</id>
<designation>Software Engineer</designation>
<skill_set>Designing</skill_set>
<pay_scale>6.2 lpa</pay_scale>
<address>Gurgaon</address>
</employee>
<employee>
<name>Dipesh Gupta</name>
<id>379835</id>
<designation>Software Associate</designation>
<skill_set>Web Design</skill_set>
<pay_scale>6.3 lpa</pay_scale>
<address>New Delhi</address>
</employee>
</employee_directory>
</xml>
<table cellpadding="1px" cellspacing="1px" width="100%" border="1px" datasrc="#Emp">
<tbody>
<tr>
<td>Name: <span datafld="name" /></td>
<td>ID: <span datafld="id" /></td>
<td>Designation: <span datafld="designation" /></td>
<td>Skill Set: <span datafld="skill_set" /></td>
<td>Pay Scale: <span datafld="pay_scale" /></td>
<td>Address: <span datafld="address" /></td>
</tr>
</tbody>
</table>
</body>
</html>

Output:

5. Create an XML file containing title, author, rating, year


and price of each book and CSS file using color, font-size,

font-family, font-style and margin properties on every


element.
book.xml :
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="book.css"?>
<book_directory>
<book>
<title>Web Development via LAMP</title>
<author>Michael K. Glass</author>
<rating>9</rating>
<year>2004</year>
<price>320</price>
</book>
<book>
<title>HTML &amp; XHTML: The Complete Reference </title>
<author>Thomas Powell</author>
<rating>8</rating>
<year>2003</year>
<price>419</price>
</book>
<book>
<title>JavaScript for Web Developers</title>
<author>Nicholas C. Zakas</author>
<rating>9</rating>
<year>2004</year>
<price>275</price>
</book>
</book_directory>

book.css :
@charset "utf-8";
/* CSS Document */
book_directrory
{
background-color: #ffffff;
width: 100%;
}
book
{
display: block;
margin-left: 0pt;
font-family:Geneva, Arial, Helvetica, sans-serif;

font-size:24px;
font-style:normal;
}
title
{
display: block;
margin-left:20pt;
color: #FF0000;
font-size: 20pt;
font-family:"Times New Roman", Times, serif;
font-style:bold;
}
author
{
display: block;
margin-left: 20pt;
color: #0000FF;
font-size: 16pt;
font-family:Georgia, "Times New Roman", Times, serif;
font-style: italic;
}
rating
{
display: block;
margin-left: 20pt;
color: #000320;
font-style:italic;
}
year
{
display: block;
margin-left: 20pt;
color: #005450;
}
price
{
display: block;
margin-left: 20pt;
color: #fa00ed;
}

Output:

6. Create a computer hard disk catalog in an XML file


containing vendor, capacity, speed, and price for each
hard disk in hard disk store. Make use of XSL conditional
nodes to display the following contents:
-Display the vendor and speed of each hard disk sorted by
speed.
-Display the vendor and price of each hard disk if price is
greater than a certain limit.
-Display the vendor and size of each hard disk in red color
if price is greater than a certain limit.
harddisk.html :
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="display.xsl"?>
<harddiskstore>
<disk>
<vendor>Seagate</vendor>
<capacity>512 GB</capacity>
<speed>3</speed>
<price>2050</price>
</disk>
<disk>
<vendor>Transcend</vendor>
<capacity>512 GB</capacity>
<speed>4</speed>
<price>2950</price>
</disk>
<disk>
<vendor>Kingston</vendor>
<capacity>512 GB</capacity>
<speed>2</speed>
<price>2280</price>
</disk>
</harddiskstore>

display.xsl :
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>

<body>
<h2>Displaying Contents</h2>
<p>
<h3>Sorted by Speed</h3>
<table border="1">
<tr bgcolor="#9acd32">
<th>Vendor</th>
<th>Speed(Gb/s)</th>
</tr>
<xsl:for-each select="harddiskstore/disk">
<xsl:sort data-type="number" select="speed" />
<tr>
<td><xsl:value-of select="vendor"/></td>
<td><xsl:value-of select="speed"/></td>
</tr>
</xsl:for-each>
</table>
</p>
<br />
<p>
<h3>Costlier than 2500</h3>
<table border="1">
<tr bgcolor="#9acd32">
<th>Vendor</th>
<th>Price</th>
</tr>
<xsl:for-each select="harddiskstore/disk">
<xsl:if test="price &gt; 2500">
<tr>
<td><xsl:value-of select="vendor"/></td>
<td><xsl:value-of select="price"/></td>
</tr>
</xsl:if>
</xsl:for-each>
</table>
</p>
<br />
<p>
<h3>Costlier than 2100</h3>
<table border="1">
<tr bgcolor="#9acd32">
<th>Vendor</th>
<th>Price</th>
</tr>
<xsl:for-each select="harddiskstore/disk">
<xsl:if test="price &gt; 2100">
<tr>
<td style="color:red"><xsl:value-of select="vendor"/></td>
<td style="color:red"><xsl:value-of select="price"/></td>
</tr>

</xsl:if>
</xsl:for-each>
</table>
</p>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

Output:

7. Create a web page to depict the data islands. HTML file


should have an external XML file <table> and <div>
elements to display the catalog in a tabular form.
example.html :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Employees Database</title>
</head>
<body>
<xml id="Emp" src="emp.xml" >
</xml>
<table
datasrc="#Emp">
<tbody>

cellpadding="1px"

cellspacing="1px"

<tr>
<td>Name: <div datafld="name" /></td>
<td>ID: <div datafld="id" /></td>
<td>Designation: <div datafld="designation" /></td>
<td>Skill Set: <div datafld="skill_set" /></td>
<td>Pay Scale: <div datafld="pay_scale" /></td>
<td>Address: <div datafld="address" /></td>
</tr>
</tbody>
</table>
</body>
</html>

emp.xml :
<?xml version="1.0" encoding="utf-8"?>
<employee_directory>
<employee>
<name>Abhinav Prakash</name>
<id>565677</id>
<designation>Software Engineer</designation>
<skill_set>Designing</skill_set>
<pay_scale>6.2 lpa</pay_scale>
<address>Gurgaon</address>
</employee>

width="100%"

border="1px"

<employee>
<name>Dipesh Gupta</name>
<id>379835</id>
<designation>Software Associate</designation>
<skill_set>Web Design</skill_set>
<pay_scale>6.3 lpa</pay_scale>
<address>New Delhi</address>
</employee>
</employee_directory>

Output:

8. Create a Web page to depict the Presentation markups


in MathML embedded inside HTML document.

presentation.xhtml :
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN"
"http://www.w3.org/Math/DTD/mathml2/xhtml-math11-f.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta name="language" content="en-US"/>
<meta name="description" content="Example of MathML embedded in an XHTML file"/>
<meta name="keywords" content="Example of MathML embedded in an XHTML file"/>
<title>Example of MathML embedded in an XHTML file</title>
</head>
<body>
<h1>Example of MathML embedded in an XHTML file</h1>
<p>
Given the quadratic equation
<math xmlns="http://www.w3.org/1998/Math/MathML">
<mrow>
<mi>a</mi>
<mo>&#x2062;<!-- &InvisibleTimes; --></mo>
<msup>
<mi>x</mi>
<mn>2</mn>
</msup>
<mo>+</mo>
<mi>b</mi>
<mo>&#x2062;<!-- &InvisibleTimes; --></mo>
<mi>x</mi>
<mo>+</mo>
<mi>c</mi>
</mrow>
</math>
, the roots are given by
<math xmlns="http://www.w3.org/1998/Math/MathML">
<mrow>
<mi>x</mi>
<mo>=</mo>
<mfrac>
<mrow>
<mo form="prefix">&#x2212;<!-- &minus; --></mo>

<mi>b</mi>
<mo>&#x00B1;<!-- &PlusMinus; --></mo>
<msqrt>
<msup>
<mi>b</mi>
<mn>2</mn>
</msup>
<mo>&#x2212;<!-- &minus; --></mo>
<mn>4</mn>
<mo>&#x2062;<!-- &InvisibleTimes; --></mo>
<mi>a</mi>
<mo>&#x2062;<!-- &InvisibleTimes; --></mo>
<mi>c</mi>
</msqrt>
</mrow>
<mrow>
<mn>2</mn>
<mo>&#x2062;<!-- &InvisibleTimes; --></mo>
<mi>a</mi>
</mrow>
</mfrac>
</mrow>
</math>
.
</p>
</body>
</html>

Output:

Anda mungkin juga menyukai