Para decorar tu sitio web o blog acorde a las fechas, una buena idea es adornarlo con un fondo de fuegos artificiales para recibir el año nuevo.
Además, en este blog podrás encontrar todo tipo de recursos en cuanto a diseño gráfico... fondos, íconos, wallpapers, texturas etc
Descarga: Clic aqui
Mostrando las entradas con la etiqueta Imagenes. Mostrar todas las entradas
Mostrando las entradas con la etiqueta Imagenes. Mostrar todas las entradas
29 diciembre 2011
26 julio 2007
Muchas webs tienen un icono que los representa en la barra de direcciones al lado izquierdo y que al agregarlos a favoritos tambien aparece lo que los hace recordables a la hora de buscarlos.
Si tambien quieres poner uno en tu web y no sabes como, La solucion es muy sencilla.
Para empezar debes crear una imagen de ancho y alto del mismo tamaño, por ejemplo 80x80 pixeles en formato gif o jpg.
Luego debes convertir esa imagen en icono (.ico) de 32x32 o 16x16 pixeles, para ello vamos a recurrir a una pagina convertidora: Chami.com
Das clic en examinar, buscas la imagen que deseas convertir a icono en tu pc y haces clic en "Generate FavIcon.ico".
Luego de convertirla la bajas a tu pc, haciendo clic en "Download FavIcon", y luego la descomprimes.
Verás 4 archivos, el que necesitamos es el "favicon.ico".
Lo subes a un servidor como Ripway
Recuerda que no es una imagen jpg o gif, es un .ico por lo tanto no podrás subirla a ImageShack o otros sitios alojadores de imagenes.
Insertar el Código.
Editas tu web en HTML y antes de </HEAD> Pegas el siguiente codigo:
<link href="http://tuservidor.com/favicon.ico" type="image/x-icon" rel="shortcut icon"/>
Editas la direccion en donde quedo alojado el icono. En el ejemplo esta alojado en Geocities, en la cuenta del señor imaginario "icono".
Luego Guardas los cambios y Listo!
Ahora ya tienes un icono en la barra de direcciones y cuando te agreguen a favoritos sabran identificarte facilmente.
Saludos!
Si ya te aburriste del color de fondo de tu página web y quieres darle más estilo con una imágen de fondo o cambiar el color predeterminado de los links y no sabes cómo, ahora te lo explico. =)
Con el Editor | Por medio de HTML
Con el Editor
Es muy simple. Vas a Formato -> Color y fondo de pagina y Eliges la imágen.
Se abrirá una ventana como esta:
Aqui tienes muchas imágenes de fondo donde elegir. Bajalas a tu pc y subelas a tu servidor. Si no sabes cómo, lee la Lección 6
Recuerda!! La imágen debe estar en internet, no la busques con "Elegir archivo" porque sino, hará referencia a tu disco duro y no a la direccion de la imágen y nadie la podrá ver.
Nota: La imágen se repetirá hasta completar la página. Nunca pongas imágenes pesadas si no quieres que tarde horas en cargar.
Si quieres puedes cambiar los colores predeterminados de los enlaces, aunque no es recomendable ya que el todo el mundo está acostumbrado a los colores estandar.
En el ejemplo todos están de color azul, asi el enlace no cambiará de color luego de visitarlo.
El color de fondo es negro (aunque con la imágen de fondo no se verá) y cambie el color del texto por blanco.
Texto de enlace: Como se verán los enlaces (Recomendado azul)
Enlace activo: El color que muestra al mantener pulsado el enlace.
Enlace visitado: Es el color que vemos cuando ya hemos visitado el enlace.
Por medio de HTML
Cambiar color del fondo
Para cambiar el fondo, en vista HTML debes buscar el siguiente "Tag" <body>
Y le agregamos el atrivuto "bgcolor" que hace referencia al fondo, asi:
<body bgcolor="black"> Significa que tendrá ell fondo de color negro.
Se puede sustituir el nombre en inglés o con los valores hexadecimales. Aqui hay una tabla con el codigo de cada color. Debes poner el signo numeral (#) antes del codigo.
Ej: Para el color azul: <body bgcolor="#0000ff">
Poner Imágen de fondo
En el mismo body, pero ahora usamos el atrivuto: background
<body background="http://direccion_de_la_imfagen.gif">
Es recomendable usar imágenes de poco tamaño, Aquí hay una galería donde puedes elegir algúna. (La descargas y la subes a tu hosting. Si no sabes cómo, lee la Lección 6)
Color de los Enlaces
En la etiqueta body nuevamente. Solo agregamos otro atrivuto al lado del que ya usamos.
<body background="http://direccion_de_la_imagen.gif" link="blue" alink="yellow" vlink="#0000ff">
Donde link es el color del Enlace; alink el del Enlace activo (Cuando mantienes pulsado el enlace); y vlink es el Enlace visitado.
Suerte!
17 mayo 2007
¿Como subir una imágen? ¿Por qué no se ven las imágenes?
¿¡ Por que veo una X donde debiera estar mi imágen!?
¡Solo yo puedo ver las imágenes en mi página web, pero los demás no las ven!
En esta lección responderemos todas estas interrogantes :D
*Por medio de HTML al final
Las imágenes en una pagina web son muy importantes para darle un buen aspecto visual al diseño de tu web. Por lo que debes aprender bien como ponerlas
No es cosa de apretar el boton IMAGEN y buscarla en tu pc. Porque al subirla a internet esas imagenes no se verán ya que la dirección hace referencia a tu disco duro (Por ej: c://misdocumentos/casa.gif) y las demás personas no pueden acceder a el.
Lo primero que tienes que hacer es subir las imágenes a Internet porque si no lo haces, nadie podrá verlas!
Importante! Recuerda que el titulo de las imagenes no puede tener espacios.
Si una imágen tiene por titulo: "estoy en la playa.jpg" le cambiaremos el nombre a "estoy-en-la-playa.jpg" o "estoyenlaplaya.jpg"
Para subir imágenes a Internet puedes usar el FTP de la misma web del hosting y EXAMINAR en tu pc, buscar las imágenes y subirlas.
>Si leiste la lección 7, puedes usar un programa FTP, Conectarte (Poniendo usuario, contraseña y dirección ftp del Hosting) y subirlas
Por ejemplo: Subiremos una imagen que se llama "casa.gif" a Geocities por medio del programa WS_FTP.
Lo primero que hize fue conectarme en el programa poniendo
El usuario: creandoweb (Obviamente no existe)
La contraseña: *********
y el Host, en este caso, Geocities: ftp.es.geocities.com
Ahora del lado izquierdo busque la imagen "casa.gif" en mi computador, y Le di a la flecha ->
Las sube y listo
La dirección de las imágenes quedo asi: http://es.geocities.com/creandoweb/casa.gif (Anótala)
Páginas que lo hacen por ti
Otra alternativa más fácil para subir tus imágenes a Internet es con la ayuda de las páginas que se dedican a alojar solamente imágenes, el problemas es que nunca estarás seguro de que las imágenes estarán ahí por mucho tiempo. Aquí tienes dos, la primera es la más usada:
ImageShack
ImageChile
Utilizar una imágen que encontraste en Internet
Si quieres poner una imágen que ya esta en Internet, por ejemplo, una imagen que encontraste en Google. Haz clic con el botón secundario sobre la imágen y seleccionas propiedades, ahí copias toda la dirección de la imágen y te ahorras subirla por ti mism@.
Cuando ya tengas las imágenes en internet debes copiar la direccion de las mismas para ponerlas en tu web.
Ahora voy al editor mozilla composer
Clickeas en el botón IMAGEN
y NO busco la imágen en mi pc, sino que pongo la dirección donde está alojada la imágen en Internet.
Consejo: Es el texto que se verá al poner el puntero del mouse sobre la imágen
Texto Alternativo (Siempre Usar!): Es el texto que se verá cuando la imágen este cargando o cuando el navegador no pueda cargarlas. El buscador Rastrea ese texto por lo que debes describir bien la imágen.Por medio de HTML
Si vas a usar HTML para poner las imágenes debes usar el siguiente código:
*gif lo reemplazas según la extensión de la imágen.
Ves, es muy fácil!Sube tus imágenes y dale un estilo único a tu web. ^^
