Web Site

NIALL BRENNAN

C00115263

Introduction

To start my project first I need a platform to design and host my web site so I decided to use WAMP

which can be installed by following this link http://www.wampserver.com/en/ also needed was note pad

which can be got by following this link http://notepad-plus-plus.org/.

After installing the software needed to create my web site I created a folder in the WAMP sever folder to

hold all my data located WAMP/WWW/WEB web is the name of my source folder.

With everything ready to start I first created the main page called index.php this is the default page

WAMP will open when I select the folder web .

Next I created 5 blank documents and saved them with a .php extension this is the lay out of the site

header.php footer.php sidebar.php navbar.php and main.php.

To set the sizes and colour and fonts and text style on these pages I created a style sheet called style.css

and linked it top all the pages using html code eg. <link rel="stylesheet" href="style.css" media="all">

User End

I then linked all the pages together so I only have to open one page to show all content this is shown in the screen shot below

Now with all the pages linked together I first started designing the header which is the logo of the site. After downloading a image from the web I created a folder to store the image locations which is located in the web folder. I linked the image to the header by using the code as show below.

<div id="header">

<div id="logo"><img src="images/Buy_and_sell.jpg" height="255" width="100%"</div>

</div>

User End

Next thing I edited was the navbar.php file I created three links which can be used to view different pages all code shown below.

<div id="Navbar">

<ul id="ul">

<li><a...