Epl

English premier league (Epl) (epl.awardspace.com)

PROJECT REPORT

Submitted to:

Panjab University, Chandigarh

In partial fulfillment of the requirement of the degree of B.C.A.

Supervised By: Submitted By:

Mr. Puneet Chadha Paritosh sachdeva

Lecturer, IT Dept. PUPIN: 17506000876

DECLARATIONDECLARATION

We are the students of DAV College, Chandigarh. Here by declared titled towards partial fulfillment of the degree Bachelor of Computer Application from Panjab University, Chandigarh.

This is an original work of our website project “ENGLISH PREMIER LEAGUE” & data provided project is authenticate of best of my knowledge.

Submitted By:

Paritosh sachdeva

PUPIN: 17506000876

CERTIFICATECERTIFICATE

To Whom It May Concern

This is to certify that the project report entitled “English Premier League” is the bona fide work

of Paritosh Sachdeva (PUPIN: 17506000876) towards partial fulfillment of the requirement of

the degree of Bachelor of Computer Applications, from Department of Information

Technology, DAV College, Panjab University Chandigarh.

ACKNOWLEDGEMENTACKNOWLEDGEMENT

We owe a debt of gratitude to our teacher, Ms Shefali Mittal, for her indispensable support and

guidance without which this project would not have been possible. Another main reason for that

is the fact that she has taught us the required HTML, CSS and JavaScript which has been used to

make this project. She has also given very useful tips and suggestions that have led to the

addition of details that have made the website more appealing.

We would like to thank Mr. Puneet Chadha, our Internet Programming teacher for obvious

reasons.

We would also like to thank Mrs. Padma Pandey, Head of Department, Information

Technology, DAV College for providing us the environment to gain the knowledge necessary for

the degree of BCA which in turn has been used to make this project.

PUPIN: 17506000876PUPIN: 17506000876

ABSTRACTABSTRACT

This project report contains information about the project required by the Panjab University

(Paper Code: BCA-21) as part of the curriculum of BCA 3rd year. We have created a website as

that project. Our website named, www.epl.awardspace.com.The primary objective of this project

is to give all the information about a whole league.One can easily get all the information about

Flyaway Airline through this site.

The website has been developed using HTML (Hyper Text Markup Language), CSS (Cascading

Style Sheets),XML(Extensible Markup Language) and JavaScript, all being part of the

curriculum of BCA – III. The HTML has been used to structure the website while CSS has

helped maintain uniformity and structure in the styling throughout the website. Some JavaScript

has been used to add extra style to the navigation frame and to add a little functionality to the site

itself.

Some of the aspects are covered in more detail in later sections while the entire code has been

included in this file.

http://www.epl.awardspace.com/

INDEXINDEX

INTRODUCTIONINTRODUCTION

CODINGCODING

1. HTML1. HTML

2. CSS2. CSS

3. JAVASCRIPT3. JAVASCRIPT

SCREENSHOTSSCREENSHOTS

FUTURE ASPECTSFUTURE ASPECTS

BIBLIOGRAPHYBIBLIOGRAPHY

INTRODUCTIONINTRODUCTION

The Website

A website is a collection of interlinked web pages hosted on a server and accessed by addressing

it using its unique domain name. In our case, the website that we have created has the domain

name, www.epl.awardspace.com derived from the name of the site – ‘EPL’.

Theme

The website is based upon Football league of England. It is a quick stop for information on flight

schedules and online booking services including online check in and ticket cancellation.

Contents & Structure

The website has a top header frame containing the navigational bar. This bar is visible all

throughout the website and offers quick access to all the main categories of pages which are as

under:

Home – The main home page of the site.

About Us – A page expressing a little of the sentiment with which the site was created.

Contact Us – The necessary details of the designer

Photo Gallery – Latest photos of league

News – Recent news about premier league

Tickets – Tickets availaibility of stadiums

http://www.epl.awardspace.com/

Means of Implementation

The following means have been used to implement the website while editing in a simple text

editor (MS Notepad):

HTML (Hyper Text Markup Language) – A special formatting language that defines

the appearance and content of a webpage using markup ‘tags’ that instruct the browser to

display the webpage in a certain fashion. The webpage may, of course, contain

‘Hypertext’ which is basically text that acts as a link. The tags that have been used in this

website include (but are not limited to) <html>, <head>, <title>, <style>, <script>,

<body>, <frameset>, <frame>, <p>, <br>, <h2>, <h3>, <table>, <tr>, <td>, <base>,

<link>, <marquee> and <img>.

CSS (Cascading Style Sheets) – A presentation definition language that is used to

control the layout of HTML documents by attaching styles. This is done by defining style

‘rules’ that associate certain values with attributes used in HTML elements. They define

how the respective elements shall be presented or displayed. Common properties include

(but are not limited to) background image, background colour, font, etc.

JavaScript – One of the most popular scripting languages that allow the addition of

interactivity and functionality to web pages that is otherwise not possible with HTML or

CSS. This is achieved by treating various elements of a web page as objects that can be

handled by functions and event handlers

Coding(HTML)

Source code for index.html-

Picture-index.html(Home page)

<HTML>

<FRAMESET ROWS="39%,*" FRAMEBORDER=0 BORDER=0 SCROLLING=NO>

<FRAME SRC="EPL 1.HTML">

<FRAMESET COLS="*,*,*" FRAMEBORDER=0 BORDER=0 SCROLLING=NO>




</FRAMESET>

</FRAMESET>

</HTML>

<HTML>

<HEAD>

<TITLE>

PREMIER LEAGUE

</TITLE>

</HEAD>

<BODY BGCOLOR="purple" VLINK="WHITE">

<PRE>

<FONT FACE="comic sans ms" COLOR="RED" SIZE="3">

<a href="EPL.html" target="_parent">HOME</a> | <a href="PL.html"

target="_parent">PREMIER LEAGUE</a> | <a href="PHOTOS.html"

target="_parent">PHOTO GALLERY</a> | <a href="NEWS.html"

target="_parent">NEWS</a> | <a href="TICKETS.html" target="_parent">TICKETS</a> |

<a href="ABOUT US.html" target="_parent">ABOUT US</a> | <a href="CONTACT.html"

target="_parent">CONTACT US</a></FONT>

<IMG SRC="PL.jpg" ALT="PREMIER LEAGUE" ALT="PREMIER LEAGUE HOME">

<a href="arsenal.html" target="_parent"><IMG SRC="ARS.GIF" ALT="ARSENAL"></A> <a

href="hull.html" target="_parent"><IMG SRC="HULL.GIF" ALT="HULL CITY"></A> <a

href="wh.html" target="_parent"><IMG SRC="WH.GIF" ALT="WESTHAM"></A> <a

href="wa.html" target="_parent"><IMG SRC="WA.GIF" ALT="WIGAN"></A> <a

href="spurs.html" target="_parent"><IMG SRC="SPURS.GIF" ALT="SPURS"></A> <a

href="sun.html" target="_parent"><IMG SRC="SUN.GIF" ALT="SUNDERLAND"></A> <a

href="port.html" target="_parent"><IMG SRC="PORT.GIF" ALT="PORTSMOUTH"></A>

<a href="manu.html" target="_parent"><IMG SRC="MANU.GIF" ALT="MAN U"></A> <a

href="manc.html" target="_parent"><IMG SRC="MANC.GIF" ALT="MAN CITY"></A> <a

href="chel.html" target="_parent"><IMG SRC="CHEL.GIF" ALT="CHELSEA"></A> <a

href="newc.html" target="_parent"><IMG SRC="NEWC.GIF" ALT="NEWCASTLE"></A>

<a href="liver.html" target="_parent"><IMG SRC="LIVER.GIF" ALT="LIVERPOOL"></A>

<a href="fuL.html" target="_parent"><IMG SRC="FUL.GIF" ALT="FULHAM"></A> <a

href="Ever.html" target="_parent"><IMG SRC="EVER.GIF" ALT="EVERTON"></A> <a

href="bol.html" target="_parent"><IMG SRC="BOL.GIF" ALT="BOLTON"></A> <a

href="black.html" target="_parent"><IMG SRC="BLACK.GIF" ALT="BLACKBURN"></A>

<a href="as.html" target="_parent"><IMG SRC="AS.GIF" ALT="ASTON"></A> <a

href="wb.html" target="_parent"><IMG SRC="WB.GIF" ALT="WEST BROM"></A> <a

href="sto.html" target="_parent"><IMG SRC="STO.GIF" ALT="STOKE CITY"></A> <a

href="midle.html" target="_parent"><IMG SRC="MIDLE.GIF"

ALT="MIDDLESBROUGH"></A><FORM>

<B> <FONT

FACE="comic sans ms" COLOR="WHITE" SIZE="2"> USER NAME<INPUT

TYPE="TEXT">

<IMG SRC="BPL 2.GIF" ALT="BARCLAYS PREMIER LEAGUE">

PASSWORD<INPUT TYPE="PASSWORD"> <INPUT TYPE="SUBMIT"

VALUE="GO"></FORM></B></FONT></PRE>

</BODY>

</HTML>

<HTML>

<BODY BGCOLOR="PURPLE">

<PRE><IMG SRC="ALL.JPG">

</PRE>

</BODY>

</HTML>

<HTML>

<BODY BGCOLOR="PURPLE"><table width="350" height="3" border="0">

<TR><FONT FACE="comic sans ms" SIZE="4">

<marquee direction="up" scrolldelay="140">ManUtd.kr editor Kim Dong Hwan says United's

summer tour will delight sleep-deprived fans in Asia...

<BR><BR>Bolton Wanderers' Gary Megson has confirmed he will not be signing Denilson or

Fulham midfielder Jimmy Bullard

<BR><BR>United's 2009 tour announcement is big news for Asian fans, including those in my

home city of Seoul, South Korea.

<BR><BR>Newcastle United have ended their interest in West Ham United's Lucas Neill after

being told he is not for sale.

<BR><BR>A review of the news from around the grounds of each Barclays Premier League

club.

</marquee></TR>

</table>

</BODY>

</HTML>

<HTML>

<BODY BGCOLOR="PURPLE">

<PRE><FONT FACE="comic sans ms" SIZE="3">

WHO WILL WIN THE LEAGUE?<FORM>

MAN UTD<INPUT TYPE="CHECKBOX"><BR> ARSENAL<INPUT

TYPE="CHECKBOX"><BR> LIVERPOOL<INPUT

TYPE="CHECKBOX"><BR> CHELSEA<INPUT TYPE="CHECKBOX"><BR>

<INPUT TYPE="SUBMIT" VALUE="ENTER"></FORM>

<FONT FACE="comic sans ms" COLOR="WHITE" SIZE="3"><IMG SRC="MANUM.JPG"

ALIGN="LEFT">Gordon Law reflects on an action-

packed year full of drama and

excitement in the Barclays Premier League.

Man Utd's Wayne Rooney is out of

action for three weeks.

</PRE></FONT>

</BODY>

</HTML>

Source code for Premier league .html-

Picture-sign.html(Sign-up page)

<HTML>

<head>

<style type="text/css">

html{

height:100%;

font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;

}

body{

margin:0px;

padding:0px;

text-align:center;

height:100%;

}

#mainContainer{

width:760px;

border-left:1px solid #000;

border-right:1px solid #000;

margin:0 auto;

height:100%;

text-align:left;

}

#topRow{

}

#mainContent{

padding-left:10px;

padding-right:10px;

}

#dhtmlgoodies_marquee{

/* general marquee layout*/

padding-top:3px;

height:25px;

background-color: #000;

/* End general marquee layout */

position:absolute;

left:0px;

z-index:1000;

bottom:0px;

display:none;

width:100%;

overflow:hidden;

}

body > div#dhtmlgoodies_marquee{ /* Firefox rule */

position:fixed;

}

#dhtmlgoodies_marquee .textObj{ /* Layout for the marquee text */

position:absolute;

color: #FFF;

font-weight:bold;

white-space:nowrap;

font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;

}

/* Just some layout classes used in this example script */

.highlighted{

color:#F00; // Red color

}

.greenText{

color:#0F0; // Green color

}

</style>

<script type="text/javascript">

/*****************************************************************************

*******************************

(C) www.dhtmlgoodies.com, October 2005

This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts

at our website.

Terms of use:

You are free to use this script as long as the copyright message is kept intact. However,

you may not

redistribute, sell or repost it without our permission.

Thank you!

www.dhtmlgoodies.com

Alf Magne Kalleland

******************************************************************************

******************************/

var dhtmlgoodies_marqueeSteps = 2;// Higher = Faster, Lower = slower and more

smoothly

var dhtmlgoodies_marqueeSpeed = 8; // Lower value = Faster

var dhtmlgoodies_marqueeStopOnMouseOver = false; // Make the marquee stop

moving when user moves his mouse over it

var dhtmlgoodies_marqueePosition = 'bottom'; // "top" or "bottom"

/* Don't change anything below here */

var dhtmlgoodies_marqueeObj;

var dhtmlgoodies_marqueeTextObj;

var dhtmlgoodies_marqueeTmpStep;

var dhtmlgoodies_marqueeTextObjects = new Array();

var dhtmlgoodies_marqueeHiddenSpans = new Array();

var dhtmlgoodies_marqueeIndex = 0;

function repositionMarquee(e,timeout)

{

if(document.all)e=event;

if(dhtmlgoodies_marqueePosition.toLowerCase()=='top'){

dhtmlgoodies_marqueeObj.style.top = '0px';

}else{

dhtmlgoodies_marqueeObj.style.bottom = '-1px';

}

if(document.all && !timeout)setTimeout('repositionMarquee(false,true)',500)

}

function marqueeMove()

{

var leftPos = dhtmlgoodies_marqueeTextObj.offsetLeft;

leftPos = leftPos - dhtmlgoodies_marqueeTmpStep;

var rightEdge = leftPos +

dhtmlgoodies_marqueeHiddenSpans[dhtmlgoodies_marqueeIndex].offsetLeft;

if(rightEdge<0){

leftPos = document.documentElement.offsetWidth;

dhtmlgoodies_marqueeTextObj.style.display='none';

dhtmlgoodies_marqueeIndex++;

if(dhtmlgoodies_marqueeIndex>=dhtmlgoodies_marqueeTextObjects.length)dhtmlgoodies_mar

queeIndex = 0;

dhtmlgoodies_marqueeTextObj =

dhtmlgoodies_marqueeTextObjects[dhtmlgoodies_marqueeIndex];

dhtmlgoodies_marqueeTextObj.style.display='block';

}

dhtmlgoodies_marqueeTextObj.style.left = leftPos + 'px';

}

function stopMarqueeMove()

{

if(dhtmlgoodies_marqueeStopOnMouseOver)dhtmlgoodies_marqueeTmpStep =

0;

}

function resumeMarqueeMove()

{

dhtmlgoodies_marqueeTmpStep = dhtmlgoodies_marqueeSteps;

}

function initMarquee()

{

dhtmlgoodies_marqueeObj =

document.getElementById('dhtmlgoodies_marquee');

var spans = dhtmlgoodies_marqueeObj.getElementsByTagName('DIV');

for(var no=0;no<spans.length;no++){

if(spans[no].className=='textObj'){

if(!dhtmlgoodies_marqueeTextObj){

dhtmlgoodies_marqueeTextObj = spans[no];

spans[no].style.display='block';

}else spans[no].style.display='none';

dhtmlgoodies_marqueeTextObjects.push(spans[no]);

var hiddenSpan = document.createElement('SPAN');

hiddenSpan.innerHTML = ' '

spans[no].appendChild(hiddenSpan);

dhtmlgoodies_marqueeHiddenSpans.push(hiddenSpan);

}

}

if(dhtmlgoodies_marqueePosition.toLowerCase()=='top'){

dhtmlgoodies_marqueeObj.style.top = '0px';

}else{

if(document.all){

dhtmlgoodies_marqueeObj.style.bottom = '0px';

}else{

dhtmlgoodies_marqueeObj.style.bottom = '-1px';

}

}

dhtmlgoodies_marqueeObj.style.display='block';

dhtmlgoodies_marqueeTextObj.style.left =

document.documentElement.offsetWidth + 'px';

dhtmlgoodies_marqueeObj.onmouseover = stopMarqueeMove;

dhtmlgoodies_marqueeObj.onmouseout = resumeMarqueeMove;

if(document.all)window.onscroll = repositionMarquee; else

dhtmlgoodies_marqueeObj.style.position = 'fixed';

dhtmlgoodies_marqueeObj.style.display='block';

dhtmlgoodies_marqueeTmpStep = dhtmlgoodies_marqueeSteps;

setInterval('marqueeMove()',dhtmlgoodies_marqueeSpeed);

}

</script>

</head>

<BODY BGCOLOR="VIOLET" VLINK="RED">

<PRE>


<A HREF="EPL.HTML">HOME</A> | <A HREF="PL.HTML">PREMIER LEAGUE</A> |

<A HREF="PHOTOS.HTML">PHOTO GALLERY</A> | <A

HREF="NEWS.HTML">NEWS</A> | <A HREF="ABOUT US.HTML">ABOUT US</A> |

<A HREF="CONTACT.HTML">CONTACT US</A> </FONT>


<A HREF="ARSENAL.HTML"><IMG SRC="ARS.GIF" ALT="ARSENAL"></A> <A

HREF="HULL.HTML"><IMG SRC="HULL.GIF" ALT="HULL CITY"></A> <A

HREF="WH.HTML"><IMG SRC="WH.GIF" ALT="WESTHAM"></A> <A

HREF="WA.HTML"><IMG SRC="WA.GIF" ALT="WIGAN"></A> <A

HREF="SPURS.HTML"><IMG SRC="SPURS.GIF" ALT="SPURS"></A> <A

HREF="SUN.HTML"><IMG SRC="SUN.GIF" ALT="SUNDERLAND"></A> <A

HREF="PORT.HTML"><IMG SRC="PORT.GIF" ALT="PORTSMOUTH"></A> <A

HREF="MANU.HTML"><IMG SRC="MANU.GIF" ALT="MAN U"></A> <A

HREF="MANC.HTML"><IMG SRC="MANC.GIF" ALT="MAN CITY"></A> <A

HREF="CHEL.HTML"><IMG SRC="CHEL.GIF" ALT="CHELSEA"></A> <A

HREF="NEWC.HTML"><IMG SRC="NEWC.GIF" ALT="NEWCASTLE"></A> <A

HREF="LIVER.HTML"><IMG SRC="LIVER.GIF" ALT="LIVERPOOL"></A> <A

HREF="FUL.HTML"><IMG SRC="FUL.GIF" ALT="FULHAM"></A> <A

HREF="EVER.HTML"><IMG SRC="EVER.GIF" ALT="EVERTON"></A> <A

HREF="BOL.HTML"><IMG SRC="BOL.GIF" ALT="BOLTON"></A> <A

HREF="BLACK.HTML"><IMG SRC="BLACK.GIF" ALT="BLACKBURN"></A> <A

HREF="AS.HTML"><IMG SRC="AS.GIF" ALT="ASTON"></A> <A

HREF="WB.HTML"><IMG SRC="WB.GIF" ALT="WEST BROM"></A> <A

HREF="STO.HTML"><IMG SRC="STO.GIF" ALT="STOKE CITY"></A> <A

HREF="MIDLE.HTML"><IMG SRC="MIDLE.GIF" ALT="MIDDLESBROUGH"></A>

<form name="jump"> 

<FONT FACE="comic sans ms"

COLOR="ORANGE" SIZE="5">ENTER CLUB <select name="menu"

onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;"

>

<option

value="EPL.HTML">SELECT</option><option

value="ARSENAL.HTML">ARSENAL</option><option value="MANU.HTML">MAN

UNITED</option><option value="CHEL.HTML">CHELSEA</option><option

value="LIVER.HTML">LIVERPOOL</option><option value="MANC.HTML">MAN

CITY</option><option value="NEWC.HTML">NEWCASTLE</option><option

value="EVER.HTML">EVERTON</option><option value="HULL.HTML">HULL

CITY</option><option value="FUL.HTML">FULHAM</option><option

value="MIDLE.HTML">MIDDLESBROUGH</option><option

value="SPURS.HTML">TOTTENHAM HOTSPURS</option><option

value="STO.HTML">STOKE CITY</option><option

value="WH.HTML">WESTHAM</option><option value="AS.HTML">ASTON

VILLA</option><option value="WB.HTML">WESTBROM</option><option

value="WA.HTML">WIGAN</option><option

value="BOL.HTML">BOLTON</option><option

value="BLACK.HTML">BLACKBURN</option><option

value="SUN.HTML">SUNDERLAND</option><option value="PORT.HTML"

target="_parent">PORTSMOUTH</option></select></form></FONT><MARQUEE

DIRECTION="LEFT" SCROLLDELAY="110">

<IMG SRC="BPL 3.GIF"></MARQUEE>

<IMG SRC="BPL 4.GIF" ALT="FANTASY LEAGUE">

<MARQUEE DIRECTION="LEFT" SCROLLDELAY="50"><IMG SRC="LOGO0.JPG">

<A HREF="ARSENAL.HTML"><IMG SRC="LOGO1.JPG"></A> <A

HREF="AS.HTML"><IMG SRC="LOGO2.JPG"></A> <A

HREF="BLACK.HTML"><IMG SRC="LOGO3.JPG"></A> <A

HREF="BOL.HTML"><IMG SRC="LOGO4.JPG"></A> <A HREF="CHEL.HTML"><IMG

SRC="LOGO5.JPG"></A> <A HREF="PORT.HTML"><IMG SRC="LOGO6.JPG"></A>

<A HREF="EVER.HTML"><IMG SRC="LOGO7.JPG"></A> <A

HREF="FUL.HTML"><IMG SRC="LOGO8.JPG"></A> <A

HREF="LIVER.HTML"><IMG SRC="LOGO9.JPG"></A> <A

HREF="MIDLE.HTML"><IMG SRC="LOGO10.JPG"></A></MARQUEE>

<MARQUEE DIRECTION="RIGHT" SCROLLDELAY="50"><A

HREF="WB.HTML"><IMG SRC="LOGO22.JPG"></A> <A HREF="SUN.HTML"><IMG

SRC="LOGO21.JPG"></A> <A HREF="HULH.HTML"><IMG SRC="LOGO20.JPG">

<A HREF="WH.HTML"><IMG SRC="LOGO19.JPG"></A> <A

HREF="SPURS.HTML"><IMG SRC="LOGO18.JPG"></A> <A

HREF="STO.HTML"><IMG SRC="LOGO17.JPG"></A> <IMG SRC="LOGO15.JPG">

<IMG SRC="LOGO14.JPG"> <A HREF="NEWC.HTML"><IMG

SRC="LOGO13.JPG"></A> <A HREF="MANU.HTML"><IMG

SRC="LOGO12.JPG"></A> <A HREF="MANC.HTML"><IMG

SRC="LOGO11.JPG"></A></MARQUEE>

</PRE>

</FONT>

<div id="dhtmlgoodies_marquee">

<div class="textObj"><span class="highlighted">Breaking news!</span> Man Utd's

Wayne Rooney is out of action for three weeks ; Man utd 1-0 bolton ; Chelsea 2-1 Stoke

city Lampard scoring at crucial time in 90(+4) </div>

<div class="textObj"><span class="highlighted">Sport:</span> The soccer season is

almost over in Norway now. We have a few thrilling matches ahead of us.</div>

<div class="textObj"><span class="highlighted">Other news:</span> Barack Obama

elected as new President of United States America</div>

</div>



<script type="text/javascript">

initMarquee(); // Initialize marquee script

</script>

</BODY>

</HTML>

Source code for Photo .html-

<HTML>

<HEAD>

<TITLE>

PREMIER LEAGUE

</TITLE>

</HEAD>


<PRE>




HREF="NEWS.HTML">NEWS</A> | <A HREF="TICKETS.HTML">TICKETS</A> | <A

HREF="ABOUT US.HTML">ABOUT US</A> | <A

HREF="CONTACT.HTML">CONTACT US</A></FONT>






















<IMG SRC="1.JPG" ALT="ROONEY CELEBRATING"> <IMG SRC="3.BMP"

ALT="NASRI WINNING THE BALL">

<IMG SRC="5.BMP" ALT="ASTON VILLA AFTER SCORING"> <IMG

SRC="6.JPG" ALT="FULHAM CELEBRATING AFTER SCORING">

<IMG SRC="8.BMP" ALT="ASTON VILLA DEFENDING"> <IMG SRC="14.BMP"

ALT="GIGGS DRIBBLING">

<IMG SRC="15.BMP" ALT="BALLACK"> <IMG SRC="12.BMP" ALT="WIGAN

VS ASTON">

<IMG SRC="18.JPG" ALT="LAMPARD"> <IMG SRC="CHELIM.GIF"

ALT="CHELSEA">

<IMG SRC="C 2003.JPG" ALT="ARSENAL"> <IMG SRC="C 2007.JPG" ALT="MAN

UTD">

<IMG SRC="C 2005.JPG" ALT="CHELSEA"> <IMG SRC="10.JPG" ALT="FULHAM

CELEBRATING">

<IMG SRC="19.JPG" ALT="AIG">

<IMG SRC="20.GIF" ALT="NIKE">

</PRE>

</BODY>

</HTML>

Source code of news.html-

<HTML>

<FRAMESET ROWS="22.5%,*" FRAMEBORDER=0 BORDER=0 SCROLLING=NO>

<FRAME SRC="EPL MAIN.HTML">

<FRAMESET COLS="*,*,*" FRAMEBORDER=0 BORDER=0 SCROLLING=NO>

<FRAME SRC="NEWS 1.HTML">

<FRAME SRC="NEWS 2.HTML" NAME="NEWS CONT">

<FRAME SRC="TABLE.HTML">

</FRAMESET>

</FRAMESET>

</HTML>

<HTML>

<BODY BGCOLOR="VIOLET" VLINK="RED">

<PRE><FONT FACE="comic sans ms" COLOR="RED" SIZE="5"> <A HREF="NEWS

2.HTML" TARGET="NEWS CONT">Kaka bid being considered </A>

<A HREF="ROONEY.HTML" TARGET="NEWS CONT">Rooney blow for United </A>

<A HREF="HESKEY.HTML" TARGET="NEWS CONT">Wigan expect Heskey stay

</A>

<A HREF="CIISE.HTML" TARGET="NEWS CONT">Cisse seeks Sunderland stay </A>

<A HREF="WENGER.HTML" TARGET="NEWS CONT">Wenger upbeat over Arshavin

chase</A>

<A HREF="Boteng.HTML" TARGET="NEWS CONT">Boateng out for up to three

months</A>

<A HREF="Kilbane.HTML" TARGET="NEWS CONT"> Kilbane joins

Tigers</A></PRE>

</FONT>

</BODY>

</HTML>

<HTML>

<BODY BGCOLOR="VIOLET">

<FONT FACE="comic sans ms">

<TABLE BORDER="0" ALIGN="CENTER"

BACKGROUND="FZ.JPG"><TR><TH>CLUBS</TH><TH>PLAYED</TH><TH>POINTS</

TH></TR><TR><TD>LIVERPOOL</TD><TD ALIGN="CENTER">21</TD><TD

ALIGN="CENTER">46</TD></TR></TR><TR><TD>MAN UTD</TD><TD

ALIGN="CENTER">21</TD><TD

ALIGN="CENTER">44</TD></TR></TR><TR><TD>CHELSEA</TD><TD


ALIGN="CENTER">42</TD></TR></TR><TR><TD>ASTON VILLA</TD><TD


ALIGN="CENTER">41</TD></TR></TR><TR><TD>ARSENAL</TD><TD


ALIGN="CENTER">38</TD></TR></TR><TR><TD>EVERTON</TD><TD


ALIGN="CENTER">35</TD></TR></TR><TR><TD>WIGAN</TD><TD


ALIGN="CENTER">31</TD></TR></TR><TR><TD>HULL CITY</TD><TD


ALIGN="CENTER">27</TD></TR></TR><TR><TD>FULHAM</TD><TD


ALIGN="CENTER">26</TD></TR></TR><TR><TD>WEST HAM</TD><TD

ALIGN="CENTER">21</TD>

<TD ALIGN="CENTER">26</TD></TR></TR><TR><TD>NEWCASTLE</TD><TD


ALIGN="CENTER">23</TD></TR></TR><TR><TD>BOLTON</TD><TD


ALIGN="CENTER">23</TD></TR></TR><TR><TD>SUNDERLAND</TD><TD


ALIGN="CENTER">23</TD></TR></TR><TR><TD>PORTSMOUTH</TD><TD


ALIGN="CENTER">23</TD></TR></TR><TR><TD>MAN CITY</TD><TD


ALIGN="CENTER">22</TD></TR></TR><TR><TD>BORO</TD><TD


ALIGN="CENTER">21</TD></TR></TR><TR><TD>STOKE CITY</TD><TD


ALIGN="CENTER">21</TD></TR></TR><TR><TD>TOTTENHAM</TD><TD


ALIGN="CENTER">20</TD></TR></TR><TR><TD>BLACKBURN</TD><TD


ALIGN="CENTER">18</TD></TR></TR><TR><TD>WESTBROM</TD><TD

ALIGN="CENTER">21</TD><TD ALIGN="CENTER">18</TD></TR>

</TABLE>

</BODY>

</HTML>

Source code of tickets.html-

<HTML>

<HEAD>

<TITLE>

PREMIER LEAGUE

</TITLE>

</HEAD>


<PRE>




HREF="NEWS.HTML">NEWS</A> | <A HREF="TICKETS.HTML">TICKETS</A> | <A

HREF="ABOUT US.HTML">ABOUT US</A> | <A

HREF="CONTACT.HTML">CONTACT US</A></FONT>






















<FONT FACE="comic sans ms" COLOR="BROWN" SIZE="4">

<IMG SRC="TICKET AVAIL.gif" ALT="TICKETS">

<TABLE ALIGN="CENTER" CELLPADDING=10 CELLSPACING=2>

<TR>

<TH ALIGN="CENTER">COMPETITION</TH>

<TH ALIGN="CENTER">DATE</TH>

<TH ALIGN="CENTER">HOME TEAM</TH>

<TH ALIGN="CENTER">VERSUS</TH>

<TH ALIGN="CENTER">AWAY TEAM</TH>

<TH ALIGN="CENTER">LOCATION</TH>

<TH ALIGN="CENTER">AVAILABILITY</TH>

</TR>

<TR>

<TD ALIGN="CENTER"><IMG SRC="PL L.GIF"</TD>

<TD ALIGN="CENTER">Sat 17 Jan</TD>

<TD ALIGN="CENTER">BLACKBURN</TD>

<TD ALIGN="CENTER">VS</TD>

<TD ALIGN="CENTER">NEWCASTLE</TD>

<TD ALIGN="CENTER">EWOOD PARK</TD>

<TD ALIGN="CENTER"><IMG SRC="AVAIL.png"></TD>

</TR>

<TR>



<TD ALIGN="CENTER">BOLTON</TD>


<TD ALIGN="CENTER">MAN UTD</TD>

<TD ALIGN="CENTER">REEBOK STADIUM</TD>

<TD ALIGN="CENTER"><IMG SRC="SOLD.png"></TD>

</TR>

<TR>



<TD ALIGN="CENTER">CHELSEA</TD>


<TD ALIGN="CENTER">STOKE</TD>

<TD ALIGN="CENTER">STAMFORD</TD>


</TR>

<TR>



<TD ALIGN="CENTER">MAN CITY</TD>


<TD ALIGN="CENTER">WIGAN</TD>

<TD ALIGN="CENTER">CITY OF MANCHESTER</TD>


</TR>

<TR>



<TD ALIGN="CENTER">SUNDERLAND</TD>


<TD ALIGN="CENTER">ASTON VILLA</TD>

<TD ALIGN="CENTER">STADIUM OF LIGHT</TD>


</TR>

<TR>



<TD ALIGN="CENTER">WESTBROM</TD>


<TD ALIGN="CENTER">MIDDLESBROUGH</TD>

<TD ALIGN="CENTER">THE HAWTHORNS</TD>


</TR>

<TR>



<TD ALIGN="CENTER">HULL CITY</TD>


<TD ALIGN="CENTER">ARSENAL</TD>

<TD ALIGN="CENTER">KINSTON STADIUM</TD>


</TR>

</TABLE>

</FONT>

<FONT FACE="ARIAL" SIZE="2" COLOR="PINK">

OFFICIAL SPONSOR

<IMG SRC="PL 2.GIF" ALT="BARCLAYS">

<IMG SRC="BARCLAYS.GIF" ALT="BARCLAYS">

<IMG SRC="BUD.GIF" ALT="BUDWEISER">

</PRE></FONT>

</BODY>

</HTML>

Source code of manu.html

<HTML>

<FRAMESET ROWS="46%,*" FRAMEBORDER=0 BORDER=0 SCROLLING="NO">

<FRAME SRC="MANU 1.HTML">

<FRAMESET COLS="30%,*" FRAMEBORDER=0 BORDER=0>

<FRAME SRC="MANU 2.HTML">

<FRAME SRC="MANU 3.HTML" NAME="CONT">

</FRAMESET>

</FRAMESET>

</HTML>

<HTML>

<BODY BGCOLOR="BLUE" VLINK="WHITE">

<PRE> <FONT FACE="COMIC SANS MS" COLOR="PURPLE" SIZE="3"><a

href="EPL.html" target="_parent">HOME</a> > <A HREF="MANU.HTML"

target="_parent">MAN U</A>

<IMG SRC="CLUB PROFILE.GIF" ALT="CLUB PROFILE">

<IMG SRC="BPL.GIF" ALT="BARCLAYS PREMIER LEAGUE">

<FONT FACE="comic sans ms" COLOR="BROWN" SIZE="4">

Founded: 1878 | Nickname: The RED DEVILS | Ground: OLD TRAFFORD | Capacity: 76,180

</FONT>

<IMG SRC="MANUL.GIF" ALT="LOGO"> <IMG

SRC="MANUK.PNG" ALT="1ST KIT"><IMG SRC="MANUK (1).PNG" ALT="2ND

KIT"><IMG SRC="MANUK (2).PNG" ALT="3RD KIT"><IMG SRC="MANUSP.PNG"

ALT="AIG"> <IMG SRC="MANUS.jpg" ALT="OLD TRAFFORD"></PRE>

</BODY>

</HTML>

<HTML>


<PRE>

<FONT FACE="ARIAL" SIZE="4" COLOR="MAGENTA"> <U>Manager

Profile</U> <A HREF="MANU 4.HTML">PHOTOS</A></FONT>

<IMG SRC="MANUM.JPG" ALT="SIR ALEX FERGUSON">

<FONT FACE="ARIAL" SIZE="3" COLOR="BROWN"><B><I>ALEX

FERGUSON</FONT></B></I>

<FONT FACE="ARIAL" SIZE="3" COLOR="CYAN"> The long-serving Scotsman

has won 10 Premier League

titles.</FONT>

<FONT FACE="ARIAL" SIZE="4" COLOR="MAGENTA"> <A HREF="MANU

5.HTML" TARGET="CONT">SQUAD</A></FONT>

</PRE>

</BODY>

</HTML>

<HTML>

<BODY BGCOLOR="BLUE">

<PRE>

<FONT FACE="ARIAL" SIZE="4" COLOR="MAGENTA"><B><I>

<U>OVERVIEW</U></FONT></B></I>

<FONT FACE="ARIAL" SIZE="3" COLOR="CYAN">

Manchester United are the most successful Premier League club having

won the title 10 times. It all began in 1993 when manager Sir Alex

Ferguson

ended a 26-year wait to lift the Premier League crown.

The signing of Eric Cantona for £1.2million from Leeds United proved a

masterstroke as the Frenchman was instrumental in the title victory,

along with the likes of Gary Pallister, Denis Irwin, Ryan Giggs and Paul ince.

United retained the trophy in the following campaign and romped to

further titles in 1994, 1996, 1997, 1999, 2000, 2001 and 2003. More

silverware was added to the Red Devils' burgeoning trophy cabinet with

FA Cup success in 1994, 1996, 1999 and 2004, plus League Cup victories in

1992 and 2006.

Perhaps the most memorable time in the club's history was the treble-

winning season of 1999 when they added the European Champions

League trophy to the league title and FA Cup.

Chelsea briefly broke their league dominance with title wins in 2005 and

2006. But in the 2006/07 season, the Red Devils roared back to regain

the Barclays Premiership.

They went one better last season, enjoying their most successful

campaign since winning the treble. They saw off the challenge of

Chelsea and Arsenal to win an exciting Barclays Premier League title

race and defeated the Blues on penalties in the Champions League final

after a 1-1 draw between the two sides in Moscow.</FONT>


<U>CLUB HEITAGE</U></FONT></B></I>


Formed as Newton Heath L&YR F.C in 1878, the club changed its name

to Manchester United in 1902. Six years later they clinched the Division

One title, then the FA Cup in 1909, and another title triumph in 1911.

Matt Busby became manager in 1945 and steered United to

championship victories in 1952, 1956 and 1957. They became the first

English club to compete in the European Cup and reached the semi

-final, before going out to Real Madrid. Tragedy struck in 1958 when the

plane carrying the team home from a European match crashed, killing

eight players.

Busby survived and led his rebuilt team to an FA Cup win in 1963, then

league titles in 1965 and 1967. United won the European Cup in 1968

with victory over Benfica in the final - the first English club to do so.

When Busby resigned in 1969, his successors failed to continue his

glorious triumphs and United were relegated five years later.

They managed to regain their top-flight status at the first attempt and

later won the FA Cup in 1977. More FA Cup success followed in 1983 and

1985.

But it was United's 1990 FA Cup replay win over Crystal Palace that

proved

to be the springboard to becoming the force they are today.

It saved under-pressure manager Alex Ferguson from losing his job and

he went on to win the European Cup Winners' Cup the season after

and began their Premier League dominance with the 1993 title.</FONT>


<U>PREMIER LEAGUE HISTORY</U></FONT></B></I>


1992/93 - Inaugural members of the Premier League

1992/93 - Eric Cantona signs from Leeds United for £1.2million

1992/93 - Win FA Carling Premiership

1993/94 - Win FA Carling Premiership and FA Cup

1995/96 - Win FA Carling Premiership and FA Cup


1998/99 - Win FA Carling Premiership, European Cup, and FA Cup



2001/02 - Juan Sebastian Veron breaks the British transfer record with a

£28million move from Lazio

2002/03 - Win Barclaycard Premiership

2003/04 - Win FA Cup

2005/06 - American Malcolm Glazer takes control of club

2005/06 - Win League Cup

2006/07 - Win Barclays Premiership

2007/08 - Win Barclays Premier League, win European Cup</FONT>

<FONT FACE="ARIAL" SIZE="2" COLOR="PINK">

OFFICIAL SPONSOR

<IMG SRC="BARCLAYS.GIF" ALT="BARCLAYS">

</PRE>

</BODY>

</HTML>

<HTML>


<PRE><FONT FACE="ARIAL" SIZE="4" COLOR="MAGENTA"><B><I>

<A HREF="MANU P1.HTML" TARGET="CONT">TEAM PHOTO</A>

<A HREF="MANU P2.HTML" TARGET="CONT">CHAMPIONS IN 2007</A>

<A HREF="MANU P3.HTML" TARGET="CONT">CHAMPIONS IN 2008</A>

</PRE></FONT></B></I>

</BODY>

</HTML>

<HTML>

<BODY BGCOLOR="BLUE"><B><I>

<UL><FONT FACE="ARIAL" COLOR="CYAN">

<H2><U>GOAL KEEPER</U></H2>

<LI>VAN DER SAR(1)

<LI>FOSTER(12)

<BR>

<H2><U>DEFENDER</U></H2>

<LI>FERDINAND(5)

<LI>VIDIC(15)

<LI>(C)GARY NEVILE(2)

<LI>BROWN(6)

<LI>PATRIC EVRA(3)

<LI>O'SHEA(22)

<BR>

<H2><U>MID-FIELDER</U></H2>

<LI>ANDERSON(8)

<LI>NANI(17)

<LI>RONALDO(7)

<LI>GIGGS(11)

<LI>PAUL SCHOLES(18)

<LI>FLECHTER(24)

<LI>J.S PARK(13)

<LI>M.CARRICK(16)

<LI>HARGRIVES(4)

<BR>

<H2><U>FORWARD</U></H2>

<LI>ROONEY(10)

<LI>TEVEZ(32)

<LI>BERBATOV(9)

<LI>SOLSKJAER(20)

</UL></B></I>

</BODY>

</HTML>

<HTML>

<BODY BGCOLOR="BLUE"><PRE>

<IMG SRC="MANUTP.BMP" ALT="TEAM PHOTO">

</PRE>

</BODY>

</HTML>

<HTML>

<BODY BGCOLOR="BLUE">

<IMG SRC="C 2007.JPG" ALT="CHAMPIONS OF 2007">

</BODY>

</HTML>

<HTML>

<BODY BGCOLOR="BLUE"><PRE>

<IMG SRC="C 2008.JPG" ALT="CHAMPIONS OF 2008">

</PRE>

</BODY>

</HTML>

Screenshots-

Coding(CSS)

Source code for base.css

body, div, p, ul, ol, dl, dt, dd, li, form {margin:0;padding:0;}

body {text-align:center; font: 0.8125em 'Helvetica Neue','HelveticaNeue',Helvetica, Arial, sans-

serif; background:#97a1aa url(images/bkg_body.gif) repeat-x 0 0;}

a, a:hover {color:#039;text-decoration:none;outline:none;}

a:hover {text-decoration:underline; cursor: pointer;}

a:visited{color:#666;}

ul {list-style-type:none;}

#goiter {width:984px;margin:0 auto;}

#width, #container {width:834px;margin:0 auto;text-align:left;position:relative;padding-

bottom:50px;}

#width {float:left;}

#main {width:834px;}

#content, #wideContent {overflow:hidden;border:1px solid #ced2d6;clear:both;background:#fff

url(images/bkg_content.gif) repeat-y right 0;padding:0 1px;}

* html #content, * html #wideContent {height:1%;}

#wideContent {background:#FFFFFF;}

#leftCol {float:left;width:522px;overflow:hidden;background:#FFF;}

#left {float:left;width:835px;overflow:hidden;background:#FFF;}

#left p{color: #669;font-size:12px;background:url(images/bkg_relContFade.jpg);margin-left:

5px;margin-right:10px;}

#rightCol {width:306px;float:right;border-top:1px solid #fff;}

#eyebrowsBanner {height:20px;padding-top:8px;font-size:10px;color:#b2bbc3;text-

align:left;text-transform:uppercase;}

#eyebrowsBanner ul {float:left;}

#eyebrowsBanner li {display:inline;border:none;background:none;}

#eyebrowsBanner a {color:#b2bbc3;text-decoration:none;font-weight:bold;}

#eyebrowsBanner a:hover {text-decoration:underline;color:#FFF;}

#masthead {height:67px;background:url(images/bkg_masthead.jpg) no-repeat right

bottom;padding-left:6px;}

#masthead ul {margin-top:25px;font-size:11px;text-

align:right;color:#8abdf2;float:right;width:500px;}

#masthead li {display:inline;border-right:1px solid #8abdf2;padding:0 8px;}

#masthead .noBd {border-right:0;padding-right:0;}

#masthead a {color:#8abdf2;}

#masthead #myTools {margin-top:6px;}

#headerNav {height:40px;font-size:13px;background:url(images/bkg_headerNav.jpg) no-repeat

0 0;}

#headerNav li {float:left;background:url(images/bkg_tabSep.gif) no-repeat right

bottom;padding:1px 1px 0 0;}

#headerNav li a {display:block;font-weight:bold;float:left;text-align:center;padding:15px 14px

0;height:24px;color:#fff;background:url(images/bkg_headerTab.gif) no-repeat center 0;}

#headerNav li a:hover, #headerNav li .on {background-position:center bottom;text-

decoration:none;}

#topHTML {padding:12px 0;min-height:21px;position:relative;}

#topHTML img {display:none;}

#topHTML form {;height:21px;background:url(images/search.gif) no-repeat 6px 5px;padding:0

12px 0 148px;}

#searchInput {float:left;width:310px;margin-right:10px;}

#topHTML form select {float:left;width:auto;margin-right:10px;}

#searchButton {float:left;background:url(images/btn_search.gif) no-repeat 0

0;height:22px;width:55px;font-weight:bold;font-size:11px;text-

align:center;color:#fff;border:0;padding-bottom:3px;}

#footer {background:#19416a url(images/bkg_footer.jpg) no-repeat 15px 0;clear:both;border-

top:1px solid #496b8d;padding:36px 26px 36px 86px;color:#fff;margin-top:25px;}

#footer a {color:#fff;}

#footer li {position:relative;font-size:10px;margin:12px ;clear:both;}

#footer #footFeedback {font-size:11px;font-weight:bold;padding:0 0 0

20px;background:url(images/icon_siteAssist.gif) no-repeat 0 0;}

#footFeedback .eb_foot {position:absolute;left:170px;}

.clear:after, .clearFix:after {content: ".";display: block;height:0;font-

size:0;clear:both;visibility:hidden;}

.clear, .clearFix {display: inline-block;}

* html .clear, * html .clearFix {height: 1%;}

.clear, .clearFix {display:block;}

html>body pre, html>body kbd, html>body code { font-size: 1.1em; }

* html pre, * html kbd, * html code { font-size: 1em;}

h1 {font-size: 1.3em;margin-left: 5px;}

h2 {background: url(images/pr_bgDkGray_1x30.gif);color:#000;padding:0;margin:7px 0 0

0;font-size:1.1em;clear:both;height:23px;padding:7px 0px 0px 5px;font-weight: bold;}

#rightCol h2 {

background:url(images/pr_bgMdBlue_1x30.gif) 0% 0% repeat-x;

color:#fff;

margin:0px 0 0 0;height:23px;}

h3{font-size:1em;

margin:0;

padding:0;}

Source code for style.css

/* ------------------

styling for the tables

------------------ */

table

{

line-height: 1.6em;

}

#hor-minimalist-a

{

font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;

font-size: 10px;

background: #fff;

width: 480px;

border-collapse: collapse;

text-align: left;

}

#hor-minimalist-a th

{

font-size: 12px;

font-weight: normal;

color: #039;

padding: 10px 8px;

border-bottom: 2px solid #6678b1;

}

#hor-minimalist-a td

{

font-size: 12px;

color: #669;

padding: 9px 8px 0px 8px;}

#hor-minimalist-a tbody tr:hover td

{

color: #009;}

#hor-minimalist-a select

{ font-size: 10px;

color: #039;}

#contentHeader form{padding: 20px 50px;}

FUTURE ASPECTFUTURE ASPECT

Appearance

The final website’s appearance has turned out to be appealing. The theme of the website and the

appearance match, though the colours used may not be appealing to all. The colour scheme may

be changed to what people in general might like. Also, smaller, more compressed images may be

used later if this project reaches the stage of actual hosting on a real web server. In such a case,

the web pages will have to be more interactive and dynamic for better accessibility and intuition

and will also have to be better linked to outside sources.

Hosting on Web Server

The prospects of the project being on the internet depend on several factors. The most important

being the originality of the content. Originality, in the current context, means that the content be

acquired from the source rather than from other people. Although this may not be possible at the

international level, it may prove feasible at the local level. Other content may continue to be

sourced from other repositories with their permission. New content may be added this way only.

Backend and Database

Before hosting the website on the internet, it will require a proper backend to manage the

information that visitors enter into the website and a database to store that information. The

website will also need to have support for online forum threads and the dynamic system that will

manage new posts and append them to the current thread.

All-in-all the site has a future if people appreciate it.

Bibliography

References:

1. www.Englishpremierleague.com

2. www.barclaysfootballleague.com

3. www.epl.com

http://www.barclaysfootballleague.com/

Documents

Epl