Jah 't antwoord is niet moeilijk hé...
Gewoon uw pagina aanpassen hé, maar 'k veronderstel dat je daar niet veel meer mee bent.
je hebt dus je index.html (is je eerste pagina dat de mensen gaan zien)
Die open je met kladblok of ergens een of andere, andere HTML-editor.
't makkelijkste (aangezien ik veronderstel dat je niet zo goed bent in HTML) is gewoon de tabel-structuur behouden zoals photoshop u hem voorgeschoteld heeft en u bezig houden met de dingen die belangrijk zijn, namelijk, uw content erinstoppen.
Je wil alles veronderstel ik boven (lagergewijs gezien dan) de index_03.gif zetten. Dit kan maar (laten we het enkel bij HTML en dus het simpelste houden) als je die image als achtergrond gebruikt. Je het een tabel met enkele cellen. Je hebt een tabel met drie cellen waarvan één cel die index_03 bevat, in die cel zet je index_03.gif als achtergrond en tik je in die cel de content

Belangrijke opmerking: je moet nu wel de hoogte en de breedte gaan bepalen van je cel anders verlies je een deel van je achtergrond. (alhoewel hier in dit geval de hoogte genoeg zou zijn)
Idem dito als je de bar.jpg wilt gebruiken om je links in te zetten.
Hier is een voorbeeldje
Code:
<HTML>
<HEAD>
<TITLE>.:fightingyouth.tk:.</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<DIV ALIGN=CENTER>
<!-- ImageReady Slices (Photoshop_File.psd) -->
<TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/header.gif" WIDTH=780 HEIGHT=182 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/bar.gif" WIDTH=780 HEIGHT=32 ALT=""></TD>
</TR>
<TR>
<TD background="images/index_03.gif width="780" height="341">
Hier komt de inhoud van je site!</TD>
</TR>
<TR>
<TD WIDTH=780 HEIGHT=45>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>