He creado un encabezado en photoshop cs3 y quiero trasladarlo a dreamweaver
Después de dividirlo en sectores lo he guardado en formato css .
El Código generado por photoshop es el siguiente:
“#Tabla_01 {
position:absolute;
left:0px;
top:0px;
width:1000px;
height:298px;
}
#Header-01_ {
position:absolute;
left:0px;
top:0px;
width:1000px;
height:113px;
}
#Header-02_ {
position:absolute;
left:0px;
top:113px;
width:1000px;
height:185px;
}
-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#FFFFFF;">
<!-- ImageReady Slices (Header.psd) -->
<div id="Tabla_01">
<div id="Header-01_">
<img id="Header_01" src="recortes/Header_01.gif" width="1000" height="113" alt="" />
</div>
<div id="Header-02_">
<img id="Header_02" src="recortes/Header_02.gif" width="1000" height="185" alt="" />
</div>
</div>
<!-- End ImageReady Slices -->
------------------------------------------------------------------------------------------------------
Este código quiero insertarlo en el fichero index.dwt.php donde ya tenía establecidas unas áreas de maquetación en divs y quiero mantenerlas incluyen los divs de los sectores dentro de las mismas.
El Código xhtml es el siguiente “ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW" />
<!-- ImageReady Styles (Header.psd) -->
<title>Documento sin título</title>
<!--[if IE]>
<style type="text/css">
/* coloque las reparaciones de css para todas las versiones de IE en este comentario condicional */
.twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
</style>
<![endif]-->
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../httpdocs/ip.css" rel="stylesheet" type="text/css" />
<link href="../SpryAssets/ip_horiz.css" rel="stylesheet" type="text/css" />
<link href="../httpdocs/index.css" rel="stylesheet" type="text/css" />
<link href="../SpryAssets/ippcv_Vertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Estilo1 {
font-size: 95%
}
.Estilo3 {
font-size: 20px
}
.Estilo6 {font-size: 20%}
.Estilo7 {font-size: 50%; }
.Estilo8 {font-size: 85%; }
.Estilo10 {font-size: 85%; font-style: italic; }
-->
</style>
</head>
<body style="background-color:#FFFFFF;">
<body class="twoColLiqLtHdr">
<div id="header">
<h1 align="center"> INSTITUTO </h1>
</div> “.
----------------------------------------------------------------------------------------------------
El Código del fiecher index.css es el siguiente “
.twoColLiqLtHdr #header
{
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
width: 100%;
height: 125px;
} “.
Las preguntas son las siguientes:
¿como acoplar el encabezado en el div. Header del index.dwt.php. y que se posicione correctamente sin que estropee la maquetación?.
¿ el fichero images lo debo incluir dentro de la carpeta por defecto del sitio
es decir imagenes y los ficheros psd lo debo incluir en el directorio htppdosc?
Es decir, ¿ que rutas debo seguir para visualizar bién los gifs y no me dé problemas?
