Colocando el banner en nuestra web

 

Hola nuevamente amigos supongo que si ya llegamos a este punto es porque ya tendremos nuestro banner  ¿Verdad?...

Ahora lo que sigue es tan solo colocarlo en nuestro index.

Abrimos nuestro dreamweaver, luego abrimos nuestra hoja de estilos: estilos.css. Recordemos ahora que el nombre del div que asignamos para esta parte de la pagina se llama banner precisamente, entonces nos ubicamos dentro de los corchetes de ".banner".

Cada vez que ustedes abran una línea nueva en una hoja de estilo, siempre les saldrá una especie de ventana de ayuda. Esta ventana ira dándoles opciones de etiquetas cuando ustedes escriban algo. Esta es una de las herramientas de autocompletado de dreamweaver que nos ayuda a manejar con mas rapidez las diferentes etiquetas del css. Ahora nosotros si bien podemos usar esta ayuda no dependemos de ella, ya que nosotros vamos viendo a cada paso el código html y aprendiendo el porqué de las cosas. Es por este motivo que el curso se puede seguir de cualquier editor html del mercado y no solo del dreamweaver. Bien después de este pequeño cherry sigamos con lo nuestro je.

Como dije en el apartado de crear un banner, la imagen la llamaremos para objeto del curso banner y tendrá una extensión .jpg de medidas 770 x 130.

Al tener esto ya esto listo y dentro de nuestra carpeta objetos(importante) ya procedemos a escribir el código en nuestra hoja de estilos. Dentro de los corchetes correspondientes a .banner escribimos esto:

background-image:url(imagenes/banner.jpg);

 

Como ven es muy parecido a lo que vimos en apartados pasados donde enseñe a poner imágenes de fondo. Guardamos los cambios y ahora nos dirigimos a nuestro index.html. como observaran ya podemos ver la imagen en la pestaña diseño de nuestro index, pero vemos que sobrescrita a la imagen esta la palabra “banner” que pusimos anteriormente para que recordemos que div era.

 

Simplemente lo que hacemos es ubicar el div banner y borrar la palabra que esta escrita ahí.

Solamente nos queda ver la vista previa y comprobar como nos quedo, bien verda? Esperaban otra cosa de axside? Je je. Aca ya podrán subir nuevamente su pagina al servidor y darnos el link para ver como les va quedando. Esto lo pueden hacer registrándose al FORO de axside.

 

Por lo pronto a mi me quedo ASI.

 

<<<< Anterior Siguiente >>>>