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

DECLARATION

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

CERTIFICATE

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.

ACKNOWLEDGEMENT

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: 17506000876

ABSTRACT

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.

INDEX

 INTRODUCTION

 CODING

1. HTML
2. CSS
3. JAVASCRIPT

 SCREENSHOTS

 FUTURE ASPECTS

 BIBLIOGRAPHY

INTRODUCTION

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

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)
}

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>

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

<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 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

Epl

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (10)

Ähnlich wie Epl

Ähnlich wie Epl (20)

Mehr von Paritosh Sachdeva

Mehr von Paritosh Sachdeva (6)

Epl