Tutorial

Las imágenes pueden ser de muchos formatos diferentes: bmp, gif, jpg, etc. Pero no todos estos formatos son adecuados para una web, debido a que pueden ocupar mucha memoria o a que no son compatibles con algunos navegadores.

Los formatos más utilizados son el GIF y el JPG, que a pesar de ser imágenes de menor calidad que las imágenes BMP, son más recomendables debido a que ocupan menos memoria. Vamos a ver un poco más sobre estos formatos:

Formato GIF:

Utilizan un máximo de 256 colores, y son recomendables para imágenes con grandes áreas de un mismo color o de tonos no continuos. Suelen utilizarse con gran frecuencia, ya que permiten contener transparencias y animación.

Formato JPG:

Las imágenes son de mayor calidad que las GIF, al poder contener millones de colores, pero el tamaño de la imagen es mayor y tarda más en descargarse.

Puedes incluir imágenes en otros formatos a través de Dreamweaver, que podrán ser visualizadas en algunos navegadores. Este es el caso de las imágenes BMP y PNG.

Si introduces una imagen BMP en Dreamweaver, te aparecerá un cuadrado gris Imagen no existente en su lugar. La imagen solo se mostrará correctamente en el navegador.

Puedes cambiar el formato de las imágenes mediante la utilización de algún programa de tratamiento de imágenes, como pueden ser Fireworks, Photoshop, Corel Draw, etc.

Dependiendo del programa utilizado existirá una mayor o menor cantidad de opciones a la hora de modificar las imágenes. Para realizar modificaciones sencillas, como la de recortar las imágenes y cambiar los colores, puedes utilizar incluso el programa Paint de Windows.

25 diciembre, 2014
dreamweaver

Formatos de imagenes web

Las imágenes pueden ser de muchos formatos diferentes: bmp, gif, jpg, etc. Pero no todos estos formatos son adecuados para una web, debido a que pueden […]
25 diciembre, 2014
dreamweaver

Calcular el Peso y el Tiempo de Carga de una Web

Aunque DreamWeaver nos indica automáticamente el peso y el tiempo de carga de la página web si miramos abajo a la derecha, en la barra de […]
25 diciembre, 2014
dreamweaver

Regla Horizontal en DreamWeaver

El elemento que suele utilizarse para separar secciones dentro de una misma página es la regla horizontal. Una regla horizontal no es más que una línea […]
25 diciembre, 2014
dreamweaver

Resolución de Pantalla

Consideraciones relativas a los distintos tipos de pantalla que pueden tener los visitantes y el espacio disponible para cada caso. Las aplicaciones encargadas de presentar las […]
25 diciembre, 2014
dreamweaver

Navegador de etiquetas en DreamWeaver MX 2004

En Dreamweaver MX 2004 desapareció el panel inspector de etiquetas, pasando el nombre al panel donde se muestran los paneles de comportamientos, CSS relevante y atributos, […]
25 diciembre, 2014
dreamweaver

Creación de fragmentos de XSLT para transformaciones en el lado del servidor

El lenguaje de formato ampliable (XML) es un lenguaje que permite estructurar e intercambiar la información. Algunas de las aplicaciones típicas de XML son la distribución […]
25 diciembre, 2014
dreamweaver

Utilización de un agregador RSS 1.0 remoto con Dreamweaver 8

Macromedia Dreamweaver 8 supone un importante avance en el desarrollo XML, al igual que Dreamweaver MX 2004 en el caso de CSS. El equipo de desarrollo […]
25 diciembre, 2014
dreamweaver

Paleta de Objetos y Barra de Propiedades en DreamWeaver

Hagamos click en File > New Windows y nos encontramos con nuestra página en blanco lista para diseñar. Ahora veamos las herramientas del Dreamweaver. Cuando uno […]
25 diciembre, 2014
dreamweaver

Optimización de la página web para todas las resoluciones

Actualmente casi todas las páginas están optimizadas únicamente para una resolución de 800 x 600 píxeles, y aunque la mayoría de equipos actualmente están configurados a […]
25 diciembre, 2014
dreamweaver

Atajos de teclado en documentos

Este artículo explica las teclas de acceso rápido en HTML; porqué parecen una buena idea, y porqué no ayudan tanto como era de esperar. En Fundosa […]
25 diciembre, 2014
dreamweaver

Anclas en DreamWeaver

Las anclas son marcadores que nos permiten enlazar a una parte concreta de un documento HTML. Cuando hacemos un enlace normal y corriente el navegador visualiza […]
25 diciembre, 2014
dreamweaver

Imprimir Página DreamWeaver

Poner un enlace "Imprimir Página" es algo muy fácil de hacer pero no es una opción que esté dispnible directamente en DreamWeaver así que muchos usuarios […]
25 diciembre, 2014
dreamweaver

Insertar Fecha en DreamWeaver

En DreamWeaver se puede insertar fácilmente la fecha actual en un documento y además dando la posibilidad de escoger varios formatos. Para insertar la fecha colocamos […]
25 diciembre, 2014
dreamweaver

Código HTML: Programación vs Diseño

No soy programador, no tengo por qué saber códigos HTML”. He escuchado a mucha gente decir esto. También he escuchado cosas como “Hay programas que hacen […]
25 diciembre, 2014
dreamweaver

Centrar una página web con DreamWeaver

Cuando diseñamos una página lo solemos hacer para una resolución en concreto, por ejemplo 800×600 o 1024×768 y es posible que nuestra web, a la resolución […]
25 diciembre, 2014
dreamweaver

Estilos CSS en DreamWeaver

Imagínate que tu jefe, luego de 2 meses de arduo trabajo en esos preciados 235 archivos .html para ese gran megaproyecto, se le ocurre que esa […]
25 diciembre, 2014
dreamweaver

Enviar Formulario por E-Mail con DreamWeaver

Aunque la mejor opción para enviar formularios por e-mail es tener un script server-side que maneje el envío, por ejemplo en PHP, ASP, Perl, etc. O […]
25 diciembre, 2014
dreamweaver

Las Etiquetas HTML y DreamWeaver

Hola, antes que nada, este es un artículo técnico, para usuarios nuevos e intermedios (Queda hecha la aclaración). Prólogo Las “gracias” del HTML en su concepción […]
25 diciembre, 2014
dreamweaver

Los Modos de Diseño de DreamWeaver

DreamWeaver soporta 3 modos de diseño, Estándar, Ampliada y Diseño, todos ellos accesibles desde la vida Diseño (Ver > Diseño). Para acceder a cada modo debemos […]
25 diciembre, 2014
dreamweaver

El problema del Ancho de Banda y DreamWeaver

Todos soñamos con un pelito de fibra óptica o al menos una T3, pero la realidad es que probablemente nuestra conexión a Internet sea por un […]
25 diciembre, 2014
dreamweaver

Informe de Errores en DreamWeaver

DreamWeaver MX 2004 posee una interesante herramienta para comprobar los posibles errores de visualización de nuestra página en varios navegadores. Para ver un informe sobre los […]
25 diciembre, 2014
dreamweaver

CSS en tiempo Diseño con DreamWeaver

A muchos os habrá pasado alguna vez si utilizáis archivos incluidos en vuestros documentos: la imposibilidad de ver realment como quedan realmente si estáis utilizando CSS, […]