CURSO DE DISEÑO WEB
En este espacio compartiremos experiencias e intercambiaremos contenidos referentes al curso de diseño web.
lunes, 25 de febrero de 2013
Cómo centrar una página web con FIREWORKS
1.- Exportar archivos HTML
2.- Se crearán un cierto número de archivos HTML dependiendo del número de páginas de nuestro sitio
3.- Abrir CADA archivo HTML con el programa NOTEPAD
4.-Localizar al inicio la etiqueta Body y reemplazarla con la siguiente etiqueta <body><div align="center">
5.- Localizar al final la etiqueta Body y reemplazarla por </div></body>
6.-LISTO
2.- Se crearán un cierto número de archivos HTML dependiendo del número de páginas de nuestro sitio
3.- Abrir CADA archivo HTML con el programa NOTEPAD
4.-Localizar al inicio la etiqueta Body y reemplazarla con la siguiente etiqueta <body><div align="center">
5.- Localizar al final la etiqueta Body y reemplazarla por </div></body>
6.-LISTO
jueves, 14 de febrero de 2013
¿TAMAÑO DE MI SITIO WEB?
When a visitor to your Website is viewing your pages through a browser, you want them to be able to see the entire width of the page without having to scroll left and right. People don't mind scrolling up and down, but they can get aggravated when they also have to scroll left and right.
As a Web designer, you want to design your pages to work with as many browsers and screen resolutions as possible, but you have to find a "happy middle ground" since there are a variety of screen resolutions and sizes in use.
- Many popular sites are set up to display a full 1024 pixel page width with Graphics and Content.
- Others will even go beyond 1024 pixels.
- Some sites keep their pages to a narrower 750 to 800 pixel width.
- Still, others sites will hold their Graphics and Content within the 750 to 800 pixel width, but will place advertisements beyond the 800 pixel width on the right hand side of the page.
- You will even find a few sites that still use a page width of 640 pixels.
Now days, most all computer users have a monitor that can display a resolution of 800 x 600 pixels or higher and a majority of them have 1024x768 or higher resolutions. There are very few people who still use a 640 x 480 resolution screen.
Many Web designers design for a screen width of around 750 pixels. This page size will fit on an 800 x 600 screen and allows a little extra room for borders. This width will also work for all higher resolutions as there will just be a little more space between the edge of the Web page and the edge of the screen.
There is no "right or wrong" answer to the question. You'll have to decide which size you want to design for, but the 750 to 800 pixel width page will fit onto the most screens without users having to scroll left and right, although a wider 1024 pixel page allows for more information.
I recommend that you don't go wider than the 1024 width and don't go narrower than the 750 pixel width. The pages for Web Builder's Cafe are constructed at a width of 900 pixels.

Many Web designers design for a screen width of around 750 pixels. This page size will fit on an 800 x 600 screen and allows a little extra room for borders. This width will also work for all higher resolutions as there will just be a little more space between the edge of the Web page and the edge of the screen.
There is no "right or wrong" answer to the question. You'll have to decide which size you want to design for, but the 750 to 800 pixel width page will fit onto the most screens without users having to scroll left and right, although a wider 1024 pixel page allows for more information.
I recommend that you don't go wider than the 1024 width and don't go narrower than the 750 pixel width. The pages for Web Builder's Cafe are constructed at a width of 900 pixels.
lunes, 28 de enero de 2013
Formatos de archivos de gráficos
http://msdn.microsoft.com/es-MX/library/at62haz6(v=vs.80).aspx
Hay muchos formatos estándar para guardar mapas de bits en archivos de disco. GDI+ admite los formatos de archivos de gráficos que se describen en los párrafos siguientes.
BMP (Bit MaP, mapa de bits)
BMP es un formato estándar que Windows utiliza para almacenar imágenes independientes del dispositivo e independientes de la aplicación. El número de bits por píxel (1, 4, 8, 15, 24, 32 o 64) de un archivo BMP determinado se especifica en un encabezado de archivo. Los archivos BMP con 24 bits por píxel son muy comunes. Los archivos BMP no suelen comprimirse y, por tanto, no son muy apropiados para su transferencia a través de Internet.
GIF (Graphics Interchange Format, formato de intercambio de gráficos)
GIF es un formato común de las imágenes que aparecen en páginas Web. Los archivos GIF funcionan bien para dibujar líneas, imágenes con bloques de color sólido e imágenes con límites definidos entre colores. Los archivos GIF se comprimen, sin que se pierda información durante el proceso de compresión; una imagen descomprimida es exactamente igual que la imagen original. En un archivo GIF se puede especificar un color como transparente, de forma que la imagen tenga el color de fondo de cualquier página Web en la que se muestre. Una secuencia de imágenes GIF puede almacenarse en un único archivo para formar un GIF animado. Los archivos GIF almacenan como máximo 8 bits por píxel, por lo que se limitan a 256 colores.
JPEG (Joint Photographic Experts Group, grupo conjunto de expertos en fotografía)
JPEG es un esquema de compresión que funciona muy bien para escenas naturales como fotografías escaneadas. Durante el proceso de compresión se pierde algo de información, pero la pérdida suele ser imperceptible para el ojo humano. Los archivos JPEG almacenan 24 bits por píxel, por lo que son capaces de mostrar más de 16 millones de colores. Los archivos JPEG no admiten transparencia ni animación.
El nivel de compresión de las imágenes JPEG puede configurarse, pero cuanto mayor sea el nivel de compresión (archivos más pequeños), mayor será la pérdida de información. Una razón de compresión de 20:1 suele generar una imagen que el ojo humano apenas distingue de la imagen original. En la siguiente ilustración se muestra una imagen BMP y dos imágenes JPEG que se han comprimido a partir de dicha imagen BMP. La primera imagen JPEG tiene una razón de compresión de 4:1 y la segunda imagen JPEG tiene una razón de compresión en torno a 8:1.
La compresión de archivos JPEG no es apropiada para el dibujo de líneas, bloques de color sólido o límites definidos. En la siguiente ilustración se muestra un archivo BMP junto con dos archivos JPEG y un archivo GIF. Los archivos JPEG y el archivo GIF se han comprimido a partir del archivo BMP. La razón de compresión es de 4:1 para el archivo GIF, de 4:1 para el archivo JPEG más pequeño y de 8:3 para el archivo JPEG más grande. Tenga en cuenta que el archivo GIF mantiene los límites de las líneas nítidos, mientras que los archivos JPEG tienden a difuminar los límites.
JPEG es un esquema de compresión, no un formato de archivo. El formato de intercambio de archivos JPEG (JFIF) es un formato de archivos comúnmente utilizado para almacenar y transferir imágenes que se han comprimido conforme al esquema JPEG. Los archivos JFIF que muestran los exploradores Web utilizan la extensión .jpg.
EXIF (Exchangeable Image File, archivo de imagen intercambiable)
EXIF es un formato de archivo utilizado para las fotografías que se capturan con cámaras digitales. Un archivo EXIF contiene una imagen comprimida conforme a la especificación JPEG. Un archivo EXIF contiene también información acerca de la fotografía (fecha de toma, velocidad de obturación, tiempo de exposición, etcétera) e información acerca de la cámara (fabricante, modelo, etcétera).
PNG (Portable Network Graphics, gráficos de red portátiles)
El formato PNG conserva muchas de las ventajas del formato GIF pero también aporta más funciones que las del formato GIF. Al igual que los archivos GIF, los archivos PNG se comprimen sin que se pierda información. Los archivos PNG pueden almacenar colores con 8, 24 o 48 bits por píxel y escalas de grises con 1, 2, 4, 8 o 16 bits por píxel, mientras que los archivos GIF sólo pueden utilizar 1, 2, 4 u 8 bits por píxel. Un archivo PNG puede almacenar también un valor alfa para cada píxel, que especifica el grado de mezcla de ese píxel con el color de fondo.
El formato PNG supone una mejora con respecto al formato GIF por su capacidad para mostrar una imagen progresivamente; es decir, para mostrar aproximaciones cada vez mejores de la imagen a medida que ésta llega a través de una conexión de red. Los archivos PNG pueden contener información sobre la corrección de gamma y la corrección de color para que las imágenes puedan mostrarse con precisión en varios dispositivos de presentación.
TIFF (Tag Image File Format, formato de archivo de imágenes con etiquetas)
TIFF es un formato flexible y extensible, compatible con una amplia variedad de plataformas y aplicaciones de procesamiento de imágenes. Los archivos TIFF pueden almacenar imágenes con un número arbitrario de bits por píxel y pueden emplear varios algoritmos de compresión. Se pueden almacenar diversas imágenes en un único archivo TIFF de varias páginas. La información relacionada con la imagen (marca del escáner, equipo host, tipo de compresión, orientación, muestras por píxel, etcétera) puede almacenarse en el archivo y organizarse mediante el uso de etiquetas. El formato TIFF puede extenderse cuando se precise con la aprobación y adición de nuevas etiquetas.
Suscribirse a:
Entradas (Atom)

