Jump to content
  • 0

Necesito ayuda html

Zatte

Preguntado por Zatte,

 Share

Question

Zatte Newbie

Zatte

Posteado
Posteado

Buenas noches a todos

 

Necesito ayuda, quiero hacer una pagina de inicio con distintas opciones por así decirlo, anteriormente había encontrado una y la edite pero por un cagazo perdi el archivo y no me acuerdo de donde  lo saque. 

 

Ne3J0zo.png

 

Algo así

 

Quiero que al colocar mi dominio aparezca esto de pagina de inicio, y así colocar donde quiere ir, portal o tienda

 

L = Logo

1=  Imagen 

2=  Codigo publicidad

3=  Imagen

4=  Fondo

 

Si me pudieran echar una manito se los agradecería muuuuuucho, ya que no tengo idea de como hacer una página asi

Link to comment
Compartir en otros sitios

6 Respuestas a esta pregunta

Recommended Posts

  • 0
Sir Thorondor Rookie

Sir Thorondor

Posteado
Posteado

vas a ocupar algun framework para el html (como bootstrap) o quieres hacerlo asi nomas?

Link to comment
Compartir en otros sitios
  • 0
Danser Newbie

Danser

Posteado
Posteado

mmm lo mas rapido es  dejar todo con float  y establecer margenes  a 4 divs.   el L seria un div solo y los otros 3 deberias encagornarlos en otro div.

Tambien hay otra forma mucho mas simple pero no tan amigable con los navegadores que es si vas a usar  imagenes para los 4 botones, ponerlas en modo fixed y establecer su posicion en la pantalla mediante porcentaje o px .  Esta manera igual te permitiria establecer un tamaño variable con porcentajes para las 4 imagenes y de esa manera ajustarse a cualquier dispositivo.

Link to comment
Compartir en otros sitios
  • 0
Zatte Newbie

Zatte

Posteado
  • Author
Posteado

mmm lo mas rapido es  dejar todo con float  y establecer margenes  a 4 divs.   el L seria un div solo y los otros 3 deberias encagornarlos en otro div.

Tambien hay otra forma mucho mas simple pero no tan amigable con los navegadores que es si vas a usar  imagenes para los 4 botones, ponerlas en modo fixed y establecer su posicion en la pantalla mediante porcentaje o px .  Esta manera igual te permitiria establecer un tamaño variable con porcentajes para las 4 imagenes y de esa manera ajustarse a cualquier dispositivo.

 

Seria mucha molestia que me ayudes por mp?

Link to comment
Compartir en otros sitios
  • 0
Danser Newbie

Danser

Posteado
Posteado

Seria mucha molestia que me ayudes por mp?

revisa esto... http://www.w3schools.com/css/css_positioning.asp  es todo lo que necesitas.

Link to comment
Compartir en otros sitios
  • 0
Morbid Newbie

Morbid

Posteado
Posteado

Lo que necesitas es sencillo por lo que leyendo un poco podrías hacerlo.

 

Necesitas saber y como utilizar la etiqueta DIV, IMG, Link y CSS (para dejar las cajas DIV en la posición que quieres).

 

La estructura en general la puedes hacer con DIV's que son especie de cajas (como los cuadrados con números que muestras), al darle un ancho y largo específico (con CSS) se dibujará en el navegador al igual como se muestra en tu imagen.

 

A estos Div's les puedes poner contenido dentro, en tu caso es posible cargarle una imágen con <img src="ruta_de_mi_imagen.jpg">

 

A la vez a esa misma imágen le puedes asignar una dirección URL, donde al presionarla te lleve a X sitio. Se combinaría de la siguiente forma <a href="URL_de_la_página"><img src="ruta_de_mi_imagen.jpg"></a>

 

Y todo eso lo envuelves con un DIV (caja) que contenga todo el contenido más pequeño.

 

Para acomodar los DIV donde tú quieras necesitas usar algo de CSS.

 

A grandes rasgos con eso podrías hacer el index que necesitas.

  • Upvote 1
Link to comment
Compartir en otros sitios
  • 0
K4naK Newbie

K4naK

Posteado
Posteado

Usando Bootstrap, y te lo recomiendo, es bastante facil, quedaria de la siguiente manera:

 

<html>

  <head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Test</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">

  </head>

  <body>

    <div class="container">

<div class="row">

<div class="col-md-12">

LOGO ACA

</div>

</div>

<div class="row">

<div class="col-md-4">

IMAGEN 1

</div>

<div class="col-md-4">

IMAGEN 2

</div>

<div class="col-md-4">

IMAGEN 3</div>

</div>

</div>

  </body>

</html>

Link to comment
Compartir en otros sitios

Inicia sesión para comentar

You will be able to leave a comment after signing in



Iniciar Sesión Ahora
 Share
Ir al listado de preguntas
×
×
  • Create New...

Información Importante

Al usar nuestro sitio, aceptas a nuestros Términos de Uso y Reglas y Política de Privacidad.

  I accept
HN Datacenter en Chile