Como insertar imagenes en HTML

En esta leccion veremos como insertar imagenes en HTML, ademas como hacer una imagen de sustitucion, crear vinculo a esa imagen y crear un fondo en degradado en Photoshop para pasarlo como imagen de fondo de nuestra pagina web.

curso gratis paginas web

Las imagenes de sustitucion las hacemos con la ayuda de Dreamweaver puesto que codificar todo el procedimiento es un tanto engorroso y Dreamweaver codifica todo por nosotros, la idea de una imagen de sustitución es que muestre una imagen distinta cuando se pase el Mouse encima de ella, muy util cuando pensamos en un Menu de Navegacion que cambie los colores.

Por su parte utilizamos imagenes degradado para aplicar una apariencia distinta al blanco de fondo en una pagina web, los navegadores reproducen infinitamente una imagen para que abarque el total del ancho y alto de la pantalla del monitor que visualiza la pagina, si utilizamos esta propiedad a nuestro favor podremos tener una imagen de menos de 1Kb de peso para que ocupe toda la pantalla sin que esto interfiera en la carga total del sitio.

Mira el video:

Esta es la leccion No. 5 del curso gratis de paginas web. Si tienes dudas las puedes plantear en los comentarios y te respondo a la brevedad.

Si te gustó compartelo:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay
  • BarraPunto
  • Bitacoras.com
  • Diigo
  • FriendFeed
  • Identi.ca
  • Meneame
  • Ping.fm
  • Reddit
  • StumbleUpon
  • Suggest to Techmeme via Twitter
  • Tumblr
  • Twitter
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • PDF

Si te gusto el articulo suscribete al Feed. Gracias por tu visita!.

Articulos Relacionados:

Ver mas de:

 Recibenos en tu Email

Escriba la direccion de su Email abajo:

Delivered by FeedBurner

Siguenos en Facebook

Soluciones SEO on Facebook

Autor Walter Alvarez

Presidente de Soluciones SEO empresa de diseño web y hospedaje web. Escribe en este blog articulos SEO, promocion web, tutoriales de Photoshop. Al empezar a utilizar Wordpress se dio cuenta de lo facil que es utilizar este CMS que ahora recomienda abiertamente.

Lo mas nuevo en el Blog:

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

7 Comentarios

  1. Informaci�n de BlogESfera.com……

    Puedes valorar este post en BlogESfera.com haciendo click aqui….

  2. Rafael dice:

    Muy buena la lección 5, Gracias por el aporte.
    Eso si tengo una pregunta:
    Si yo tengo un anuncio que contiene una foto vinculada a una página y quiero pegarla a mi Facebook por medio de la aplicación FBML ¿Cómo exporto el código html o lo copio para pegarlo en la página de Facebook? ¿HAy que tener las imágenes o el anuncio previamente arriba de un sitio?
    Ojalá me puedan responder
    De antemano gracias

  3. Ignacio Hernández dice:

    Buenisimo Soluciones SEO!
    Excelente la lección de hoy…
    Todo claro!

  4. Rafael dice:

    Muchas gracias! se me aclaró la duda
    Saludos y espero que sigan subiendo más tutoriales.
    Rafa

Deja un comentario