Comunidad de diseño web y desarrollo en internet online

Insertar galeria de imagenes

Citar            
MensajeEscrito el 02 Jun 2014 06:04 pm
Hola a todos en mi primera intervencion:
Hace un mes no tenia ni idea de hacer paginas web (creo que ahora menos), y me puse a construir una para mi mujer (que es fotografa) con CSS 3 y HTML 5 usando DIV PA con medidas en porcentajes.
He conseguido crear la estructura , los enlaces entre las paginas e inserto texto, imagenes fijas dentro de los DIV PA. Pero quiero usar una galeria de imagenes creada en Adobe Bridge y no consigo insertarla
en el DIV PA que le corresponde, Como se hace.
Gracias

Por jbr

1 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 02 Jun 2014 06:43 pm
¿Qué es "DIV PA"? :S

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 02 Jun 2014 07:08 pm
Un marco flotante, lo he usado con Dreamweaver 5

Por jbr

1 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 03 Jun 2014 01:45 pm
¿Marco flotante?. Me temo que estás usando terminología de un software particular y no de HTML/CSS.

La ayuda que podrías recibir aquí requiere que sepas escribir el código a mano y no usando un programa. De hecho, para poder ayudarte (y comprender el problema) necesitaríamos ver el sitio que estás haciendo.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 04 Jun 2014 03:02 am
Un div PA es un div posicionado absolutamente según dreamweaver.

Ahora, más allá del software que uses, evitá usar elementos posicionados absolutamente, pues ten la seguridad que lo que vos bien en tu pantalla, en otras pantallas/resoluciones se va a ver desastroso.

Lo que te recomendaría es que revises el tipo de archivo que te da el adobe bridge. Es un elemento que se puede insertar en HTML???? Tene en cuenta que hacer una web no es tan sencillo y menos si no tenes conocimientos previos de HTML/CSS, pues más allá que uses dreamweaver, el programa no puede hacer las cosas por vos, necesitas saber del tema.

No sé, quizá fíjate de mandar a hacer la web con un profesional, pues más allá que sea una web casera, si queda mal, le estarías haciendo un mal a tu esposa, pues sus servicios profesionales de fotógrafa, quedarían mal vistos si su website no está bien desarrollado.

Por jap_solo

21 de clabLevel



Genero:Masculino  

Maquetador Docente Web

mozilla
Citar            
MensajeEscrito el 04 Jun 2014 10:02 am
Gracias por vuestra respustas y consejos, he usado Dreamweaver para hacerla, os adjunto el codigo de una de las paginas que en el div "contenidoblanco" queria insertar una galeria, si con bridge creeis que daria problemas se podria hecer de otra forma?.
Textos, imagenes fijas e incluso videos no he tenido problemas, pero las galerias
se me resisten, a lo mejor es por usar Adobe Bridge'.
Llevo poco tiempo pero me he enterado bastante, incluso de mi ignorancia en el asunto , pero me esta gustando y voy a intentar instruirme en el tema ya que como fotografos seria interesante para aconsejar a nuestros clientes en el tema y poder
hecer imagenes mejor adaptadas a la web.

Codigo:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Documento sin título</title>
<link href="css/indexblanco.css" rel="stylesheet" type="text/css">
<style type="text/css">
#bodyblanco {
position:absolute;
width:100%;
height:100%;
z-index:1;
top: 0;
left: 50%;
background-color: #FFFFFF;
margin-left:-50%;

}
#contenedorblanco {
position:absolute;
width:80%;
height:100%;
z-index:1;
top: 0;
left: 10%;
}
#tituloblanco {
position:absolute;
width:100%;
height:10%;
z-index:1;
left: 0;
top: 0;
}
#menublanco {
position:absolute;
width:100%;
height:4%;
z-index:2;
left: 0;
top: 10%;
}
#contenidoblanco {
position:absolute;
width:100%;
height:84%;
z-index:3;
left: 0;
top: 14%;
visibility: hidden;
}
#pieblanco {
position:absolute;
width:100%;
height:2%;
z-index:4;
left: 0;
top: 98%;
}
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<style type="text/css">
#apDiv1 {
position:absolute;
width:60%;
height:100%;
z-index:1;
left: 20%;
top: 0;
}
</style>
</head>

<body>
<div id="bodyblanco">
<div id="contenedorblanco">
<div id="tituloblanco"></div>
<div id="menublanco">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li>
<div align="center"><a href="file:///Macintosh HD/Users/macmini1/Desktop/PAGINA WEB COL/Index negra/indexnegro.html">inicio/home</a> </div>
</li>
<li>
<div align="center"><a href="#" class="MenuBarItemSubmenu">colecciones</a>
<ul>
<li><a href="agualuces.html">agualuces</a></li>
<li><a href="autoretratos.html">autoretratos</a></li>
<li><a href="espejos.html">espejos</a></li>
<li><a href="huellas.html">huellas</a></li>
<li><a href="elpapel.html">el papel todo lo aguanta</a></li>
<li><a href="ojosmiradas.html">ojos distintos identicas miradas</a></li>
<li><a href="delagua.html">del Agua</a></li>
<li><a href="retratos.html">retratos</a></li>
</ul>
</div>
</li>
<li>
<div align="center"><a class="MenuBarItemSubmenu" href="#">textos</a>
<ul>
<li><a href="textocatalogos.html">catalogos</a> </li>
<li><a href="textopublicaciones.html">publicaciones</a></li>
<li><a href="textovarios.html">varios</a></li>
</ul>
</div>
</li>
<li>
<div align="center"><a href="c.v..html">c.v.</a></div>
</li>
<li>
<div align="center"><a href="contacto.html">contacto</a></div>
</li>
<li>
<div align="center"><a href="info print.html">info print</a></div>
</li>
</ul>
</div>
<div id="contenidoblanco"> </div>
<div id="pieblanco"></div>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Por jbr

1 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.