Como podria hacerlo?

Ri0Ga #1 Jun '11

Bueno chicos, abro esto para pedir un poquito de ayuda, explico mi problema. Tengo que hacer una "portada" en HTML, con "8" hojas, es para una tarifa, poder ponerlo en una tele de 32 pulgadas, os pongo una imagen para que veais lo que quiero decir:

Lo que pone 1,2,3... hasta el 8, son cada hoja de la tarifa que necesito poner, donde pone video ira un video, en logo el logo de la empresa y debajo un banner publicitario.

Mi pregunta es... tengo que añadir algunas imagenes en flash, algun efecto q otro en algun texto o imagen, y ademas estas tarifas se modifican cada 3 o 4 dias, se añaden cosas nuevas, se quitan... etc, asi que necesito algo útil y sencillo. Como pensais que lo podría hacer? no soy ningun experto, pero creo que si me guiais un poco podria hacerlo.

Dadme ideas porfavor! Gracias!!

oho #2 Jun '11

¿Necesitas ayuda para maquetar tu página web como en ese prototipo? ¿Necesitas ayuda para hacer una web que permita al cliente añadir, quitar o modificar ofertas? ¿Quieres saber como se añaden imágenes en flash? no eres ningún experto pero ¿conoces algo de XHTML? ¿CSS? ¿PHP? ¿MYSQL? ¿Las ofertas las administras tu o un cliente?

Si especificas un poquito más que tipo de ayuda necesitas, en que consiste exactamente lo que quieres hacer y que sabes hacer, quizás se te pueda echar una mano.

Ri0Ga #3 Jun '11

Bueno, no es para ningun cliente, es para el curro, el jefe me ha dicho que estaba harto de tener colgados 8 folios en una pared... y ha comprado unas teles de 32", no busco nada muy complejo, simplemente poder añadir todo lo que he dicho, lo modificaré todo yo, tampoco necesito bases de datos, creo que podria hacerlo manual, almenos de momento ya que me ha pedido prisa para hacerlo y la verdad que tampoco tengo grandes conocimientos, no necesito nada muy profesional como ya he dicho, simplemente una portada en html donde salga todo lo que he dicho, con 4 efectos chorras en flash y ya esta, se algo de css y habia pensado hacerlo asi, pero nose si dará buen resultado. Un saludo.

oho #4 Jun '11

Entonces creo que lo más sencillo es que lo hagas todo con imágenes.

La estructura sería algo así:

HTML

<html>
<body>
<div id="envoltorio">
<div id="tablon">

<div id="ofertas">
<ul>
<li><img src="http://ebasesoft.com/seo/pollosgar/images/stories/institucional/nofoto.jpg" /></li>
<li><img src="http://ebasesoft.com/seo/pollosgar/images/stories/institucional/nofoto.jpg" /></li>
<li><img src="http://ebasesoft.com/seo/pollosgar/images/stories/institucional/nofoto.jpg" /></li>
<li><img src="http://ebasesoft.com/seo/pollosgar/images/stories/institucional/nofoto.jpg" /></li>
<li><img src="http://ebasesoft.com/seo/pollosgar/images/stories/institucional/nofoto.jpg" /></li>
<li><img src="http://ebasesoft.com/seo/pollosgar/images/stories/institucional/nofoto.jpg" /></li>
<li><img src="http://ebasesoft.com/seo/pollosgar/images/stories/institucional/nofoto.jpg" /></li>
<li><img src="http://ebasesoft.com/seo/pollosgar/images/stories/institucional/nofoto.jpg" /></li>
</ul>
</div>
			
<div id="video">
Aquí el objeto flash
</div>
		
<div id="logo">
<img src="http://failuremag.com/images/uploads/articles/nologo_10.jpg" />
</div>
			
<div id="publicidad">
<img src="http://pagead2.googlesyndication.com/pagead/imgad?id=CJSxgZmOqqqSqwEQ2AUYWjIIQmfmQhKFWWo" />
</div>

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

CSS

body, ul {
	padding: 0px;
	margin: 0px;	
}
	
#envoltorio, #tablon {
	width: 1000px;
	margin:0px auto;
}
		
#tablon {
	float: left;
}
		
#ofertas {
	margin: 20px 0px;
	float: left;	
}
#ofertas ul {
	list-style: none;
}	
#ofertas ul li {
	margin-left: 40px;
	float: left;
}
#ofertas ul li img {
	width: 200px;
	height: 200px;	
}
		
#video {
	border: 2px solid #666;
	margin-left: 40px;
	width: 546px;
	height: 296px;
	float: left;
}
		
#logo {
        float: left;	
	margin-left: 40px;
}
#logo, #logo img {
	width: 320px;
	height: 300px;
}
		
#publicidad {
	margin: 20px 0px;	
	width: 100%;
	float: left;
}
#publicidad img {
	align: center;
	width: 920px;
	margin-left: 40px;
}

Pruébalo, lo he hecho rápido y puede tener algún error. Configura los tamaños y los márgenes a tu antojo, las imágenes te las he cogido con rutas absolutas, lo ideal es que las metas dentro de una carpeta y si les pones un nombre del tipo oferta1.jpg, oferta2.jpg oferta3.jpg ... oferta8.jpg, logo.jpg y publicidad.jpg, solo las remplazas cuando tengas algo que cambiar sin tener que tocar el código.

*Insertar un objeto flash

Espero que te sirva de ayuda.

2

Ri0Ga #5 Jun '11

De momento me ha ido perfecto! he empezado a modificarlo y es exactamente lo que queria, muchisimas gracias ya dire que tal va quedando!!

Como podria hacerlo?

Usuarios habituales

Tags