Anda di halaman 1dari 13

/1| pgina web - PROPIEDADES

Las PROPIEDADES DE PGINA definen caractersticas propias y bsicas de la pgina en estndares HTML. Suelen denominarse a estas definiciones como "atributo, configuracin o personalizacin de pgina". / Competen slo a la pgina "actual" y en su "totalidad". / La configuracin de Propiedades de Pgina se realiza INDIVIDUALMENTE EN CADA PGINA desde la ventana principal de documento / Pueden DEFINIRSE y MODIFICARSE en cualquier momento de la edicin del documento actual. Podemos diferenciar las Propiedades de Pgina en... Propiedades visuales Definen la apariencia visual (esttica) bsica y general de la pgina en el navegador ante el visitante. / color de fondo BGCOLOR / imagen de fondo BACKGROUND / color de texto TEXT / colores de links LINK-VLINK-ALINK / mrgenes MARGIN A modo de inters... lenguaje HTML del documento dentro la etiqueta <BODY> Propiedades de pantalla / ttulo de pgina TITLE El ttulo se visualiza en la barra superior del navegador y resulta un modo de presentacin de la pgina en la pantalla del navegador ante el vistante. A modo de inters... El ttulo de pgina es la etiqueta <TITLE> en lenguaje HTML. Queda codificada dentro de la etiqueta <HEAD>, donde existen otras configuraciones que no competen a la apariencia visual del documento. Por el contrario, son rdenes HTML "invisibles" en la pantalla del navegador, pero la informacin es muy importante!: datos interpretados por las tecnologas de los sistemas de la red lenguaje, codificacin de idioma, variables de otros lenguajes compatibles con HTML (JavaScripts, Styles y otros), etc., etc., y tambin, las PALABRAS CLAVE (keywords) y otros indicadores exclusivos para los MOTORES DE BSQUEDA. Actividad previa: 1. Fuera del entorno MDW4, es decir, desde el entorno WINDOWS, elegir una imagen de la librera de imgenes del CD P+DW (BACKGROUNDS) 2. Guardar la imagen elegida en la carpeta base de Sitio Local de prctica MI_SITIO (sitio creado en clase 02) Ahora s, el paso a paso para personalizar una pgina web... 1A. DEFINIR PROPIEDADES DE LA PGINA

Todas estas personalizaciones quedan codificadas en el (computadoras). Algunos de estos datos son: tipo de

Desde la ventana de SITIO... elegir cualquier archivo.htm existente y EDITARLO (2 CLIC!) Como ya sabemos, al editar un archivo.htm desde la ventana de Sitio, MDW abre en una nueva instancia la ventana principal de trabajo el documento. PASO 1.

Desde la ventana principal del documento elegido, indicar... MEN Modificar Propiedades de la pgina... [en ingls: MODIFY- PAGE PROPERTIES]

PASO 2. Aparecer el cuadro de dilogo PROPIEDADES DE LA PGINA desde donde personalizamos la pgina actual.

PASO 3.
Comencemos entonces a definir las Propiedades de la Pgina. Los parmetros configurables son los siguientes...

3.1

TTULO / TITLE

Define el ttulo identificatorio de la pgina actual. escribir en el campo blanco editable

Otra opcin para definir o modificar el ttulo de pgina es desde la barra de MEN ICONOS Como vemos, el ttulo se visualiza en la barra superior del navegador. Si bien no existen criterios ni convenciones, en general, los ttulos refieren al "tema de los contenidos" de la pgina actual a modo de presentacin o identificacin para el visitante.

3.2
IMAGEN DE FONDO / BACKGROUND 1- localizar el archivo de imagen... CLIC en Examinar... 2- se abrir un cuadro de dilogo para localizar el archivo de imagen. Seleccionar el icono de la imagen requerida 3- y luego... CLIC en el botn Seleccionar. Atencin!, recordemos que al insertar una imagen en el documento, MDW genera en el cdigo HTML la "ruta" de localizacin para que el navegador reconozca desde donde LEER esa imagen que se visualizar ante el visitante de la pgina como fondo. Por default, MDW buscar en el Sitio Local, por lo que previamente la imagen debi de ser guardada all. Si bien no existen criterios ni convenciones, tener particularemente en cuenta que siempre! es conveniente que el tamao en KB (kilobytes) de la imagen sea muy chico

3.3
FONDO / BGCOLOR desplegar el men de colores (cubo con flechita) + 1 CLIC para indicar el color elegido Si bien no existen convenciones para los colores de fondo, sugerimos usar la paleta segura (WEB-SAFE COLORS) que nos propone MDW en el desplegable.

3.4
TEXTO / TEXT

Al no indicar color para textos en este campo, los navegadores imponen el color prestablecido en la configuracin por default del software, o bien, el color segn la personalizacin que haya realizado el visitante en su sistema. Insistimos en la conveniencia de que los textos se destaquen del fondo, a los fines de facilitar al visitante la lectura en pantalla. Asimismo, que los textos "normales" se diferencien claramente de los textos con links. Los 3 estados bsicos de los links son... /vnculos: color de los links "no visitados" de la pgina actual. /vnculos visitados: color de los links de la pgina actual que ya hayan sido visitados. /vnculos activos: color que se visualiza al hacer clic sobre un link y comienza la descarga de la pgina solicitada. Si no se indican los colores de vnculos, los navegadores imponen los colores convencionales prestablecidos en la configuracin por default del software (azul=normal, no visitado, bord=visitado, rojo=activo), o bien, la personalizacin que haya realizado el visitante en su sistema. Reiteramos la importancia de que el visitante identifique clara y visualmente los textos normales de los textos con links en la pgina. MDW (al igual que otros editores web) subrayan automticamente el texto con link y sto se visualiza luego en el navegador. Este atributo de subrayado podra considerarse una "convencin por default para los links" prestablecida por los navegadores.

3.6 MRGENES / MARGIN


indicar en pxeles. LISTO! El resto de las opciones del cuadro de dilogo conviene dejarlas configuradas por default.

PASO 4.
Un vez definidas las propiedades de la pgina actual, podemos...

Aplicar (aplica las configuraciones sin cerrar el cuadro de dilogo)


O bien, directamente para finalizar:

OK/Aceptar (confirma, aplica las configuraciones, se cierra el cuadro de dilogo y volvemos a la ventana de
trabajo del documento) Recordamos que, las propiedades de pgina pueden definirse y modificarse en cualquier momento de la edicin del documento actual siguiendo los pasos anteriores.

/2

| HOME PAGE

2 EDICIN / Consideraciones generales y bsicas para la HOME PAGE En este MDULO DISEO trabajamos especficamente con MDW4, aprendiendo tcnicas de edicin y diseo web. La HOME PAGE es un ARCHIVO.HTM como cualquier otro existente en el mismo sitio. Pero... Existen ciertas consideraciones que SIEMPRE debemos tener en cuenta para el archivo.htm que ser la Home Page de un sitio web... A saber...

01.

Competencias de la Home-Page en relacin a HOSTING / ubicacin en la estructura web

Debemos asegurar algunas cuestiones "esenciales" para cualquier servidor y servicio. + + + ? La HOME PAGE de un sitio web siempre deber ubicarse a 1 nivel de la estructura web del sitio. / nombre y extensin A la HOME PAGE tambin le competen los conceptos de "nombres de archivos multiplataformas" = Siempre (y muy preferentemente!) debe nombrarse "index.htm", o bien "index.html". nicamente en el caso de tener asegurado que el server del sitio final funciona bajo sistema operativo minsculas!, sin acentos ni espacios ni caracteres especiales y en este caso sin nmeros!

MS=Microsoft (NT, NTServer, etc., etc) es "viable" que la Home Page se especifique como"default.htm". Igualmente nombrada "index" funcionara OK tambin! x El nombre "home" (htm, o bien html) no es incorrecto. Pero, no resulta seguro, entonces no se recomienda. 02. Competencias de la Home-Page en relacin a / Se v lo ms importante...? + + Para la HOME PAGE es fundamental tener en cuenta el REA SEGURA (1 pantallazo) / Alguna vez... algo se v? En cada avance importante en el diseo de la HOME PAGE comprobar en la Barra de Estado el tiempo de DESCARGA de la pgina y recordar que los visitantes (dicen) son "impacientes": de 7 a 10 segundos se considera la bajada ptima! / Por qu se v as?? + En cada avance importante en el diseo visual de la HOME PAGE previsualizar la pgina en: / los navegadores ms habituales (MS-IE, Netscape) / y en diferentes versiones de cada uno! / y en distintas resoluciones de pantalla! 2b ESTRATEGIA / incumbencias estratgicas bsicas de la HOME PAGE
DISEO - COMUNICACIN - FEEDBACK

Si, SI!... estos 3 conceptos tambin tienen que ver con la tcnica. Veamos...

La Home Page de un sitio web, recin comienza a editarse para su diseo luego de PLANIFICARLA en el marco de un PROYECTO WEB integral. LA HOME PAGE ES PARTE FUNDAMENTAL DEL XITO DE UN SITIO WEB Su visualizacin integral final en pantalla (esttica y tecnolgicamente) debe ser ptima: en relacin al "medio digital", coherente con "quin se muestra", enfocada a "quin la visita". Que estos aspectos INTERACTEN, NO SLO EN LA HOME PAGE SINO EN EL SITIO WEB INTEGRAL, ES el gran desafo del DISEO WEB ententido como un PROYECTO concreto y acabado de DISEO + COMUNICACIN VISUAL para un MEDIO DIGITAL especfico: la web POR QU LA HOME PAGE TIENE TANTAS RESPONSABILIDADES? La Home Page es la "cara al mundo" y "la 1 impresin es la que cuenta" Desde la HOME PAGE el VISITANTE DECIDE UNIPERSONALMENTE hacer 1 click al interior de nuestro sitio, o bien 1 clic al botn ATRS del navegador

Existen criterios propios del diseo web relacionados especficamente con el medio digital. Uno de ellos es WEB-SAFE-COLOR = COLOR SEGURO PARA WEB. Al igual que los criterios de "nombres multiplataformas" para archivos y carpetas del sitio, existen tambin criterios en relacin al uso de colores PARA la web. Porque aunque no existen restricciones para usar colores EN el diseo web. Cada diseador tiene en sus manos la decisin de hasta 32 millones de colores actualmente. Pero, esto no es recomendable, o mejor dicho NO ES SEGURO!. Es decir, el color no se ver OK!. Un COLOR SEGURO PARA LA WEB es aquel que se "visualiza exactamente igual" en... 1. Navegadores Netscape + 2. Navegadores MS-IE + 3. Sistemas Windows + 4. Sistemas Macintosh + 5. En modo 256 colores Muchas variables!... no? Pero ya est todo consensuado, regulado y fcil de controlar. De los 32 millones de colores disponibles en las computadoras... Existen slo 216 colores comunes a aquellas variables, por lo tanto son los colores seguros para la web. Estos 216 colores componen la WEB SAFE PALLETE o Paleta Segura para la Web.

En HTML, los colores se expresan con valores HEXADECIMALES (por ejemplo, #FF0000) y estos 216 colores se expresan combinando de a pares valores RGB (R=red, G=green, B=Blue / Rojo, Verde y Azul). /1 COLORES SEGUROS con MDW

Desde cualquier opcin de la interface de MDW que tenga posibilidad de configuracin de COLOR , al activar la flechita del cubo, se despliega la PALETA DE COLORES SEGUROS PARA LA WEB. Observen que: al "pasear" el mouse por los cubos de colores, automticamente en la barra superior se indica el cdigo hexadecimal del color actual, y a la extrema izquierda una muestra del color actual. al hacer "clic!" sobre un cubo, se confirma la seleccin de color, se cierra el cuadro de dilogo y en la ventana de trabajo del documento ya est aplicado el color segn corresponda.

/1A OTRAS PALETAS DE COLORES El cuadro de dilogo de cubos de colores de MDW presenta la opcin de trabajar con otras paletas de colores.

al hacer "clic!" sobre la flecha a la extrema derecha, se activa un cuadro de opciones para definir OTROS
TIPOS DE PALETAS DE COLORES que representarn los cubos de colores. CUBOS DE COLORES Es la paleta predeterminada de MDW y corresponde a COLORES SEGUROS PARA LA WEB

TONO CONTINUO Colores que tambin son SEGUROS SO Windows / SO Mac / Escala de grises: Colores propios de los sistemas operativos (SO) Windows y Macintosh respectivamente, y una opcin de cubos en escalas de grises. Ninguna de estas 3 opciones corresponden a la Paleta de Coloreds Seguros para la Web.

AJUSTAR A VALORES PARA LA WEB Si estamos usando alguna de las opciones de paletasde colores "no seguras" (activada = indicada con tilde), al al hacer clic! en "Ajustar...", automticamente MDW reemplazar el color seleccionado actualmente por el (mejor) correspondiente en el modo "seguro para la web" y probablemente exista bastante diferencia entre uno y otro.

/1B OTRAS HERRAMIENTAS Otras opciones del cuadro de dilogo de colores de MDW son... COLORES DEL SISTEMA: Activa un nuevo cuadro de dilogo de configuracin de colores personalizados que depender de la cantidad de colores de la resolucin de colores de pantalla de nuestra PC. Ninguno de los colores seleccionados desde este cuadro de dilogo son "seguros para la web". TACHAR: Si en la ventana de trabajo tenemos en seleccin algn elemento con definicin de color, con este icono quitamos la configuracin de color. /2 SUGERENCIAS Cundo usar colores seguros para la web? SIEMPRE

/1 FORMATOS DE IMGENES ADMITIDOS EN LA WEB Los formatos grficos pixelares visualizables en los navegadores web son: .GIF .JPG Admitidos por todos los navegadores y versiones Admitidos por todos los navegadores y versiones

.PNG Solo las versiones 4 o superiores de navegadores son capaces de visualizar este formato. Si bien ya hace tiempo se supone un gran porcentaje de usuarios navega con versiones 4 a superiores, prcticamente ningn sitio web presenta imgenes en este formato (y a pesar de que en s es un formato con que define imgenes ptimas en KB = Kilobytes y tiene las propiedades tanto de los JPG como de los GIF). Sugerimos de momento no utilizar archivos .PNG para el diseo de pginas web. . BMP / . TIFF Prcticamente inexistentes en las pginas web y totalmente NO RECOMENDADOS!, ya que resultan extremadamente pesados en KB = Kilobytes /1A USAR .GIF o .JPG?

En el siguiente cuadro estableceremos algunas propiedades de estos formatos comparativamente, a partir de las cuales evaluar y decidir si utilizar .GIF o .JPG... . JPG | colores | compresin | transparencia | animacin Slo millones Prdidas (para + calidad compresin) No admite No admite + - fotos - degrads . GIF Hasta 256 No tiene Si admite Si admite RGB / 72 dpi + - animaciones - transparencias - titulos / textos - botones / bullets / iconos - grfica de colores planos en general /2 IMGENES & SITIO LOCAL TODOS los componentes de SITIO LOCAL, deben estar alojados en la carpeta definida base local del sitio en desarrollo SIN EXCEPCIONES ! Archivos.htm, imgenes en general, hojas de estilos.css, pelculas shockwave flash, etc., etc., Entonces... Al insertar una imagen, en realidad estamos definiendo una ruta en la pgina actual, hacia la ubicacin del archivo-imagen en determinado lugar de estructura web del "sitio local". Por lo tanto... Si la imagen NO est alojada en el SITIO LOCAL, ni MDW ni el navegador web la podrn leer, y no se visualizar. ! NADIE (pero nadie!) podr visualizar el isologo de la empresa, si la ruta de ste es C:/ Mis Documentos/Mis Imgenes/iso1.gif. ! En fciles palabras: esos son TUSdocumentos y TUSimgenes, y NO los de ELServidor y mucho menos los delUSUARIO Antes de la prctica... Actividad previa 1. Fuera del entorno MDW4, es decir, desde el entorno WINDOWS, elegir una o varias imgenes Por ejemplo, de la librera de imgenes del CD P+DW, o las que ustedes quieran que tengan en su PC 2. Guardar las imgenes elegidas en la carpeta base de Sitio Local de prctica MI_SITIO 3. Abrir MDW4 con MI_SITIO 4. Editar cualquier archivo.htm existente el el sitio, o crear y editar uno nuevo. Si desean, pueden ir definiendo propiedades a esta pgina practicando lo aprendido en clase 03 Ahora si... ya estamos listos. Manos a la obra!

| optimizacin para web RGB / mx. 80% (8 9)

/3

INSERTAR IMAGEN Desde la ventana de trabajo del documento...

Las imgenes se insertan de a una! PASO 1 common] PASO 2

Activar la paleta OBJETOS Ventana Objetos/Comn [en ingls: WINDOW - OBJETCS/

1 clic! en el icono de Insertar Imagen


PASO 3 Se abrir un cuadro de dilogo del sistema para localizar el archivo de imagen en el sitio local. Localizamos la imagen en la estructura de MI_SITIO, seleccionamos... Seleccionar para confirmar. Listo! Ya est inserta la imagen en la pgina de edicin. Observen al volver a la ventana del documento, la imagen presenta un recuadro con NODOS: esto siginifica que la imagen est en "seleccin"

/4

PROPIEDADES de imgenes

Las propiedades se definen individualmente para cada imagen seleccionada Desde la ventana de trabajo del documento... /1 /2 Activar la paleta PROPIEDADES Ventana Propiedades Seleccionar la imagen a configurar... [en ingls: WINDOW - PROPERTIES] 1 clic! sobre la imagen

Como dijimos, se visualiza un recuadro con NODOS indicando que la imagen est en "seleccin" /3 Al seleccionar la imagen, automticamente la interface del panel Propiedades es similar a... Observen que a la izquierda extrema superior del panel Propiedades, se visualiza iconogrficamente la imagen activa para configuracin.

/4 4.1

En la Paleta de Propiedades, las opciones de Propiedades de Imagen son... AN = ancho AL = alto

En pxeles, el alto y ancho originales de la imagen (MDW completa automticamente estos campos). Si modificamos el tamao original de la imagen estos campos muestran los nmeros en negrita. Para restablecer el tamao, clic! sobre AN o Al segn se necesite originales de la imagen, sta no se visualice correctamente en el navegador. Posiblemente al modificar los valores

Si lo que necesitamos es achicar la imagen para reducir el tiempo de descarga en el navegador, esta opcin no lo consigue. Es sumamente aconsejable editar previamente las imgenes con un editor externo (Photoshop, Fireworks, etc.) y lograr la optimizacin de tamao deseada. 4.2 ESPACIO V = espaciado vertical ESPACIO H = espaciado horizontal - Horizontal = a los lados derecho e izquierdo de la En pxeles, agregan un espacio-relleno a los lados de la imagen. - Vertical = a los lados superior e inferior de la imagen imagen 4.3 4.4 ORIGEN ALINEAR Es la ruta de localizacin de la imagen en relacin al sitio local. (MDW completa automticamente este campo al insertar la imagen)

Alinea la imagen de acuerdo a ubicaciones absolutas a seleccionar en el desplegable y en relacin a la zona de insercin de la imagen y/o a otros objetos u elementos de la zona. Estas opciones suelen utilizarse, en general, para componer conjuntamente textos e imgenes. |Predeterminado: Asume la alineacin predeterminada de la zona de insercin (segn prrafo, u alineacin de celdas de tablas, etc.)

|Lnea de base e Inferior: Alinea la imagen a la lnea de base inferior de la zona segn el punto de insercin (o en relacin a la lnea inferior de textos u otros elementos existentes en la zona segn el punto de insercin) |Predeterminado: Asume la alineacin predeterminada de la zona de insercin (segn prrafo, u alineacin de Alinea la imagen a la lnea de base inferior de la zona segn el punto de insercin (o en celdas de tablas, etc.) |Lnea de base e Inferior: |Superior: |Medio: relacin a la lnea inferior de textos u otros elementos existentes en la zona segn el punto de insercin) Alinea la imagen a la parte superior de la zona de insercin, o bien, en relacin al elemento ms alto de Alinea a la altura media de la zona de insercin. Alinea la imagen con la parte superior absoluta del carcter ms alto de la lnea de texto. Alinea otros objetos con el punto medio absoluto de la imagen. Alinea la imagen a la parte inferior absoluta del punto ms bajo de la zona de insercin la zona segn el punto de insercin. |Superior Texto: |Medio absoluta: |Inferior absoluta: |Izquierda:

Ubica a la imagen seleccionada en el margen izquierdo absoluto, dejando independiente de la

alineacin de otros elementos en la zona. |Derecha: Ubica a la imagen seleccionada en el margen derecho absoluto, dejando independiente de la alineacin de otros elementos en la zona. 4.5 ALT alternative text En este campo escribimos (si fuera necesario) un breve texto indicativo de la imagen. /no compatible para sistemas Macinstosh!

Es til para: / navegadores sin soporte grfico / usuarios que navegan inhabilitando la visualizacin de imgenes (minora). / en la mayora de los navegadores actuales, el alternative text aparece al pasar el mouse sobre la imagen. Por esta posibilidad es que muchos sitios web presentan esta opcin para sus botones de navegacin (haciendo referencia al link a seguir) 4.6 4.7 VNCULO DESTINO Indica un hipervnculo para la imagen. (si fuera necesario) Haciendo clic! sobre el icono de carpeta a la derecha de este campo, localizamos y seleccionamos el archivo al cual queremos vincular. Slo habilitado si a la imagen se le ha especificado un vnculo. En este campo indicamos en qu tipo de ventana o en que marco (frames) se descargar la pgina vinculada. La opciones son:_blank, _top, _self, _parent) 4.8 BORDE En pxeles, indicamos un borde para la imagen. Por default este campo queda vaco y la mayora de los navegadores toma esta ausencia de atributo como nula. No obstante, con el valor 0 indicamos "sin borde". 4.9 4.10 original. Editar Inicia el editor de imgenes que se haya especificado en las opcin de Preferencias de MDW Restablece los valores de ancho y alto (AN - AL) volviendo la imagen a su tamao (clase 01/3) para editores externos de imgnes, y abre la imagen seleccionada en ese editor. Restab. Tamao

/5

criterios para el uso de imgenes en la web

Podramos decir que no existen "convenciones" para la definicin de usar tal o cual "formato grfico". En la introducin de esta clase hemos detallado algunas pautas en relacin a los formatos pixelares en general y, especficamente, hemos comparado caractersticas de GIF y JPG que de alguna manera van definiendo ciertos criterios y decisiones a tener en cuenta. Tampoco existen "convenciones" en relacin al "tamao en KB= kilobytes" de una imagen para la web. Pero si existen diferencias en el tiempo de decarga de la pgina si las imgenes son muy pesadas! / Una imagen puede resultar "fea" al usuario, pero seguramente le resultar "ms fea" an si tuvo que esperar 6 minutos para visualizarla. / Una imagen puede resultar "atractiva" al usuario y pero si tuvo que esperar 6 minutos para que se descargue, probablemente no ingrese ms al sitio. SI!!!! decimos que existen CRITERIOS Estos criterios no se basan en cuestiones estticas solamente, sino, en realidad, estn enfocados a una visin funcional y operativa del sitio web. Los criterios para el uso de imgenes en la web, adems de tener en cuenta los objetivos planteados para con el sitio, para con el emisor y para con el pblico consumidor (el usuario navegante) en la etapa del PROYECTO, deben establecerse, a su vez, en relacin al medio digital e interactivo en el que se desarrolla el sitio: la WEB. Comprender que este medio digital tiene sus propias reglas, performance, comprensin, actitud y comportamiento del usuario frente a la pantalla, es esencial para el diseo web profesional. Entonces... CANDO USAR IMGENES? / siempre

/ nunca / depende /... corresponde a la "imagen en general" que el emisor quiere transmitir en si sitio? /... ayuda o entorpece la comprensin en pantalla de la navegacin y contenidos? /... atrae? ... por qu? ... para qu? / ... baja rpido? /... etc. Y una vez ms, para sacar conclusiones y definir criterios, tendremos que recurrir al Mdulo Proyecto ... Un sitio web es un PROYECTO de COMUNICACIN VISUAL exclusivamente ideado para Internet. Y en Internet HOY existen criterios, entre otros, de USABILIDAD, que integran tanto cuestiones de comprensin del mensaje u objetivo del sitio por parte del usuario, como cuestiones de potenciacin del feedback entre el sitio y los navegantes, y cuestiones hasta puramente "tcnicas" que delinean ciertos comportamientos tpicos de los usuarios ante la pantalla. /5A DATOS DE INTERS... 1- DESCARGA!!! Se estima como tiempo ptimo para la descarga total de la pgina tan slo 7 segundos!. La descarga en ese tiempo debe incluir tanto a textos, imgenes, etc. :-( Utilizar la referencia tcnicas que MDW ofrece automticamente el la Barra de Esta (clase 01) para controlar desde la edicin web el tiempo de descarga en relacin a los KB totales de la pgina actual. Igualmente no nos desesperemos!, porque no es fcil conseguir ese tiempo ptimo, simplemente tener en cuenta los datos a modo de referencia para evaluar decisiones "caprichosas" de diseo grfico. 2- BANNERS Tamao en .px - Pxeles: aprximadamente 468x64 Tamao en KB - kiloBytes: nunca deben superar los 10 12 KB . Tener en cuenta que en general los banners tiene fines "comerciales", y estos 2 aspectos tienen en cuenta una ptima visualizacin en diferentes resoluciones de pantalla y una ptima descarga para que el usuario "consuma" 3- BOTONES / ICONOS Si vamos a utilizar botones o iconos pixelares (formato imagen) para la navegacin principal del sitio, debemos asegurarnos que se descarguen a la brevedad!. Esto es, que sean "livianos, muy, muy livianos!!!" en su tamao tamao en KB, y ms an si van a ser botones con roll-over

Anda mungkin juga menyukai