A ver si te he entendido bien, quieres crear una pagina que parezca una especie de libro o album de fotos e ir pasadno de paginas.
Si es esto lo que quieres es algo bastante sencillo de hacer.
Primero consigue algun programa como el html-kit que te puedes descargar desde la pagina web. Leete los apartados "Descargar Html-Kit", "La instalación", "Configuración", "En Castellano" y "Simplificando" del menu lateral izq.
Despues tienes que crear 2 paginas diferentes, una le vamos a llamar index.html y a la otra plantilla.html Si no tienes ni idea de como crear y modificar estas paginas leete el curo que te he dejado completo y despues prosigue con lo que te explico yo.
El index.html tiene que ser la pagina inicial, a la que accedes cuando tecleas la direccion arriba. Si lo que tu querias es hacer un cuaderno convendria obtener una imagen de un cuaderno para ponerla dentro de una capa de dimensiones 800px de ancho y los que tu quieras de alto pero igual para todas las paginas.
Una vez crees esa capa (<div id="fondoportada"></div>) la dejas vacia por el momento y vas a la hoja de estilo y pones
Código:
#fondoportada {background-image:url(AQUI; DENTRO DEL PARENTESIS IRIA LA URL RELATIVA) ; width:800px ; height:XXXpx}
Mi idea es que la imagen del fondo sea un cuaderno de estos de anillas al lado, ya veras por que.
El index ya lo tienes casi acabado, solo faltaria meter un par de capas dentro de la de fondo para poner titulos autor etc y establecerles el estilo en el css (no te olvides de la frase).
Y otra cosilla, tienes que buscar una manera de pasar de pagina, que en el indice podria ser una simple imagen con link a la siguiente pagina.
Todas las demas paginas se elaborarian a partir de la plantilla, en la que vamos a crear una capa llamada fondo dentro de la cual crearemos una capa llamada contenidos que sera donde metamos todo, a la capa contenidos convendria darle unos pequeñois margenes por todos los lados.
La portada, la plantilla y la hoja de estilos de momento quedarian asi:
portada.html:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Portada</title>
<link rel="stylesheet" href="URL_DE_TU_HOJA_DE_ESTILOS" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="fondoportada">
Aqui meteras toda la informacion que quieras que aparezca en la portada.
</div>
</body>
</html>
plantilla.html:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Plantilla</title>
<link rel="stylesheet" href="URL_DE_TU_HOJA_DE_ESTILOS" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="fondo">
<div id="contenido">
Aqui meteremos todo el contenido cuando creemos las paginas.
</div>
</div>
</body>
</html>
estilo.css:
Código:
#fondoportada {background-image:url(AQUI; DENTRO DEL PARENTESIS IRIA LA URL RELATIVA DE LA IMAGEN DE LA PORTADA) ; width:800px ; height:XXXpx}
#fondo {background-image:url(AQUI; DENTRO DEL PARENTESIS IRIA LA URL RELATIVA DE LA IMAGEN DE LAS DEMAS PAGINAS) ; width:800px ; height:XXXpx}
#contenido {}
Una vez que hayas llegado aqui seria ir copiando la plantilla portada y guardarla como el nombre de cada pagina, ponerles un enlace abajo a cada una a la pagina interior y anterior, retocar el css y meter contenido.
Despues la subes y la pruebas y la retocas hasta que te guste
OLA.............. GRACIAS POR TOMAR EL TIEMPO DE ESTAR HAY SENTADO LEYENDO ESTO.
Citar
Marcadores