Diseño web

#1 (**permalink**) 07/09/2015, 20:47

Hola a todos, como introducción estoy aprendiendo de apoco sobre diseño web, y me pidieron que desarrolle una web que es bastante estética y yo no soy bueno para eso, la idea es que debe ser de esta manera:

Tiene que ser más o menos así

http://www.blueseventy.com/

Me podrían ayudar un poco porfavor, cualquier ayuda es bien recibida

Muchas gracias.

AngelKrak · #2 (**permalink**) 07/09/2015, 22:22

y en que es lo que ocupas ayuda amigo? nomas dices quiero esto, ocupo que se vea como esto pero y tu codigo? cuanto llevas hecho? con que exactamente necesitas ayuda?

Nadie te va a hacer una pagina como la del link gratis nomas por que quieres.

#3 (**permalink**) 08/09/2015, 08:14

Sí disculpa esto es lo que llevo

Código HTML:

<html>
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
	<body style="padding:0px; margin:0px; font-family:'Arial';">
		<div style="width:100%; padding:0px; margin:0px; background-image:url('images/trans.png');">
			<div style="width:900px; height:140px; padding:0px; margin:0 auto;">HEADER ACA</div>
		</div>
		<div style="width:900px; padding:0px; margin:0 auto;">Cont. WEB</div>
	</body>
</html>

No se como poner la imagen en el header

AngelKrak · #4 (**permalink**) 08/09/2015, 12:33

lo mas parecida que la hice es asi jajaja xD

http://codepen.io/AngelKrak/pen/LpVmKL

#5 (**permalink**) 08/09/2015, 15:08

Gracias voy a ver.

En cuanto a este problema que tengo es solamente la estructura, el menú y el slider que se muestra en la pág. de blueseventy, ya lo tengo programado.

El tema es que no sé como insertar la imagen en el header y que quede abajo

Gracias.

AngelKrak · #6 (**permalink**) 08/09/2015, 17:16

puedes hacerlo mediante una imagen <img> en el header y la vas moviendo hacia abajo con un margen y tambien con un Background y lo mueves con CSS ;) ahi muchas maneras para hacerlo amigo, solo es cuestion de investigar e informarte ;)

Morod0 · #7 (**permalink**) 09/09/2015, 03:28

Deberías acostumbrarte a dejar los estilos en un archivo css, es más como que ir picando código a base de styles en el html...

Me paso por aqui de vez en cuando, haz preguntas concretas y te echaré una mano!

#8 (**permalink**) 09/09/2015, 09:27

Lo logré pero creo que no es nada ortodoxo mi solución, ¿Existe alguna otra manera de lograrlo?

Esto hice

Código HTML:

<html>
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
		
	</head>
	<body style="margin:0px; padding:0px;">
		<div style="width:100%;"> 
			<img src="images/1.jpg" style="position:absolute; height:600px; width:100%; padding:0px; margin:0 auto; z-index:-1; ">
			
			<div style="position:absolute; margin:0px; width:100%; background-image:url('images/trans.png');">
				<div style="width:900px; height:140px; padding:0px; margin:0 auto; ">HEADER</div>
			</div>
		</div>
		
		<div style="position:relative; padding-top:630px; margin:0 auto; width:900px;">CONT WEB</div>
	</body>
</html>

Saludos

AngelKrak · #9 (**permalink**) 09/09/2015, 11:08

amigo como te dijo @Morod0 no uses Styles en HTML, has mejor una hoja css aparte y deja de poner los estilos en HTML

#10 (**permalink**) 09/09/2015, 11:19

Cita:

Iniciado por AngelKrak

amigo como te dijo @Morod0 no uses Styles en HTML, has mejor una hoja css aparte y deja de poner los estilos en HTML

Ok lo haré, pero en el fondo hay otro método para lograr lo que pido ya que lo encuentro "Muy forzado".

Saludos

AngelKrak · #11 (**permalink**) 09/09/2015, 17:47

amigo nose que es lo que pides exactamente .-. ahi te deje una pagina de ejemplo y es casi como la tienes tu, checala y dime que es lo que quieres exactamente ;)