insertar codigos hechos en photoshop a html-kit

hola.. tengo avanzada mi pagina web.. y he descubierto como hacer una galeria de fotos con adobe bridge .. hasta ahí todo bien. el problema es una vez terminada la presentacion.. que por cierto me quedo muuy bien .. es insertarla a mi html-kit (mi web). es una galeria que hice con 10 fotos. podrian alguien guiarme¿?

ESTE ES MI HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Esther en Ángeles Colombianas</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">


<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
</div>
<div id="navegacion">
<ul>
  • PORTADA
  • ACERCA DE
  • ÁNGELES
  • ÁNGELES V.I.P
  • SERVICIOS
  • FORO
  • QUIERES SER ANGEL?

    </div>


    <div id="contenido">






    <h1 style="font-size: 2.2em; color:#4A708B ; font-weight: bold ; text-decoration: underline ; text-align: center ; margin-top: 15px ; margin-bottom: 25px">ESTHER</h1>

    <table width=50%" border="2px" bordercolorlight="red" bordercolordark="maroon">

    <tr align="center">
    <td bgcolor="#CD3333">Nombre</td>
    <td bgcolor="#9BCD9B">Esther</td>
    </tr>

    <tr align="center">
    <td bgcolor="#CD3333">Edad</td>
    <td bgcolor="#9BCD9B">20 Años</td>
    </tr>

    <tr align="center">
    <td bgcolor="#CD3333">Estatura</td>
    <td bgcolor="#9BCD9B">1.65 mts</td>
    </tr>

    <tr align="center">
    <td bgcolor="#CD3333">Peso</td>
    <td bgcolor="#9BCD9B">52 Kilos</td>
    </tr>

    <tr align="center">
    <td bgcolor="#CD3333">Color de Piel</td>
    <td bgcolor="#9BCD9B">Blanca</td>
    </tr>

    <tr align="center">
    <td bgcolor="#CD3333">Color de Ojos</td>
    <td bgcolor="#9BCD9B">Negros</td>
    </tr>

    <tr align="center">
    <td bgcolor="#CD3333">Color de Pelo</td>
    <td bgcolor="#9BCD9B">Rubio</td>
    </tr>

    <tr align="center">
    <td bgcolor="#CD3333">Medidas</td>
    <td bgcolor="#9BCD9B">90 - 60 - 90</td>
    </tr>

    <tr align="center">
    <td bgcolor="#CD3333">Idiomas</td>
    <td bgcolor="#9BCD9B">Español</td>
    </tr>

    <tr align="center">
    <td bgcolor="#CD3333">Telf. de Contacto</td>
    <td bgcolor="#9BCD9B">00000000</td>
    </tr>

    <tr align="center">
    <td bgcolor="#CD3333">Disponibilidad al Día</td>
    <td bgcolor="#9BCD9B">Solo Tardes</td>
    </tr>

    <tr align="center">
    <td bgcolor="#CD3333">Dias Disponibles</td>
    <td bgcolor="#9BCD9B">Lunes a Viernes</td>
    </tr>

    <tr align="center">
    <td bgcolor="#CD3333">Correo Electrónico</td>
    <td bgcolor="#9BCD9B">[correo eliminado]</td>
    </tr>

    <tr align="center">
    <td bgcolor="#CD3333">Servicio que Presta</td>
    <td bgcolor="#9BCD9B">Trios</td>
    </tr>

    <tr align="center">
    <td bgcolor="#CD3333">Tarifa</td>
    <td bgcolor="#9BCD9B">1 Hora: $ 80.000</td>
    </tr>

    <tr align="center">
    <td bgcolor="#CD3333">Tiempo Adicional</td>
    <td bgcolor="#9BCD9B">1/2 Hora: $ 30.000</td>
    </tr>

    </table>

    <div id="fotos">
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    </div>


    </div>


    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>
    </div>



    <div id="curva-inferior"></div>
    </div>

    <div id="copyright">Copyright &copy; 2010 - Página Creada por Giovanni C. - Todos los Derechos Reservados</div>

    </body>
    </html>




    ESTA ES LO QUE ME DA PHOTOSHOP

    <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    </meta>
    <meta name="KEYWORDS" content="photography,software,photos,digital darkroom,gallery,image,photographer">

    </meta>
    <meta name="generator" content="Adobe Lightroom" />
    <title>Ángeles Colombianas</title>
    <link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="129167315680056217_custom.css" />
    <link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="../resources/css/master.css" />
    <script type="text/javascript">
    window.AgMode = "publish";
    cellRolloverColor="#a1a1a1";
    cellColor="#800080";
    </script>
    <script type="text/javascript" src="../resources/js/liveUpdate.js">

    </script>



    </head>
    <body>
    <div id="wrapper">
    <div id="sitetitle">
    <h1 onclick="clickTarget( this, 'siteTitle.text' );" id="liveUpdateSiteTitle">Ángeles Colombianas</h1>
    </div>
    <div id="collectionHeader">
    <h1 onclick="clickTarget( this, 'groupTitle.text' );" id="liveUpdateCollectionTitle">Trios</h1>
    <p onclick="clickTarget( this, 'groupDescription.text' );" id="liveUpdateCollectionDescription"></p>
    </div>
    <div id="stage">
    <div id="index">
    <div class="thumbnail borderTopLeft " onclick="window.location.href='trio1_large.html'">
    <div class="itemNumber">1</div>
    <div onmouseover="window.gridOn( this.parentNode, 'ID0_1291673156806_thumb' );" onmouseout="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="trio1_large.html" onclick="return needThumbImgLink;">
    [contenido no disponible]

    </img>
    </a>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="thumbnail borderTopLeft " onclick="window.location.href='trio2_large.html'">
    <div class="itemNumber">2</div>
    <div onmouseover="window.gridOn( this.parentNode, 'ID1_1291673156807_thumb' );" onmouseout="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="trio2_large.html" onclick="return needThumbImgLink;">
    [contenido no disponible]

    </img>
    </a>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="thumbnail borderTopLeft borderRight " onclick="window.location.href='trio3_large.html'">
    <div class="itemNumber">3</div>
    <div onmouseover="window.gridOn( this.parentNode, 'ID2_1291673156808_thumb' );" onmouseout="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="trio3_large.html" onclick="return needThumbImgLink;">
    [contenido no disponible]

    </img>
    </a>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="clear">

    </div>
    <div class="thumbnail borderTopLeft " onclick="window.location.href='trio4_large.html'">
    <div class="itemNumber">4</div>
    <div onmouseover="window.gridOn( this.parentNode, 'ID3_1291673156809_thumb' );" onmouseout="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="trio4_large.html" onclick="return needThumbImgLink;">
    [contenido no disponible]

    </img>
    </a>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="thumbnail borderTopLeft " onclick="window.location.href='trio5_large.html'">
    <div class="itemNumber">5</div>
    <div onmouseover="window.gridOn( this.parentNode, 'ID4_1291673156809_thumb' );" onmouseout="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="trio5_large.html" onclick="return needThumbImgLink;">
    [contenido no disponible]

    </img>
    </a>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="thumbnail borderTopLeft borderRight " onclick="window.location.href='trio6_large.html'">
    <div class="itemNumber">6</div>
    <div onmouseover="window.gridOn( this.parentNode, 'ID5_1291673156810_thumb' );" onmouseout="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="trio6_large.html" onclick="return needThumbImgLink;">
    [contenido no disponible]

    </img>
    </a>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="clear">

    </div>
    <div class="thumbnail borderTopLeft borderBottom " onclick="window.location.href='trio7_large.html'">
    <div class="itemNumber">7</div>
    <div onmouseover="window.gridOn( this.parentNode, 'ID6_1291673156810_thumb' );" onmouseout="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="trio7_large.html" onclick="return needThumbImgLink;">
    [contenido no disponible]

    </img>
    </a>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="thumbnail borderTopLeft borderBottom " onclick="window.location.href='trio8_large.html'">
    <div class="itemNumber">8</div>
    <div onmouseover="window.gridOn( this.parentNode, 'ID7_1291673156811_thumb' );" onmouseout="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="trio8_large.html" onclick="return needThumbImgLink;">
    [contenido no disponible]

    </img>
    </a>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="thumbnail borderTopLeft borderRight borderBottom " onclick="window.location.href='trio9_large.html'">
    <div class="itemNumber">9</div>
    <div onmouseover="window.gridOn( this.parentNode, 'ID8_1291673156812_thumb' );" onmouseout="window.gridOff( this.parentNode );" class="alignmentOuterGrid">
    <div class="alignmentMiddle">
    <div class="alignmentInner">
    <div class="AdjustZIndex">
    <a href="trio9_large.html" onclick="return needThumbImgLink;">
    [contenido no disponible]

    </img>
    </a>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="clear">

    </div>
    </div>
    </div>
    <div class="clear">

    </div>
    <div class="pagination">
    <ul>
    <li class="current">1

  • 2

    <li class="previous">Anterior
    <li class="next">
    Siguiente


    </div>
    <div id="contact">
    <a href="mailto:[correo eliminado]">
    <span onclick="clickTarget( this, 'contactInfo.text' );" id="liveUpdateContactInfo">Ángeles Colombianas</span></a>
    </div>
    <div class="clear">

    </div>
    </div>
    </body>
    </html>