Web site que diseña los pilares (part2)

| by Pavel Lenshin | January 09, 2005
UTILIDAD

La utilidad es de lo que hace tus W agradables tratar. Mientras que cada uno define personalmente para su uno mismo (él) cómo hacer diseño agradable mirar, memorable (por lo que se refiere a calificar) y el cliente del servicio/las necesidades del negocio de la mejor manera posible, del lado técnico de la poder de la utilidad y debe ser corregido usando los requisitos estándares.

OPTIMIZACIÓN DEL CÓDIGO DE FUENTE

En primer lugar sobre los cuatro problemas que vienen a mi mente con código de fuente “sucio” del HTML:

  •  El cruz-browser potencial está en conflicto mientras que algunas etiquetas inútiles particulares (un pedazo del código de fuente del HTML) pueden ser descuidadas por un browser sino crear algunos errores visuales, cuando está visto en el otro browser.

  •  El Web page más inútil de las etiquetas del HTML tiene, más espacio de la impulsión que ocupa.

  •  Como el derivado del problema anterior, más el tamaño de ese Web page, más de largo lleva el visitante a la carga y la ve.

  •  Motores de búsqueda como la información textual llana y clara para la búsqueda y la exploración fáciles. Teniendo muchos de pedazos inútiles del código del HTML, previenes arañas del SE al índice apropiado tus Web pages. El resultado es el disminuir obvio de tus graduaciones del Search Engine. Ése es porqué el corregir de las etiquetas del Meta no es la única cosa que debes prestar la atención a.

La estadística demuestra que más entonces el 85% de todo el WSs en línea exige la optimización de los gráficos o del código del HTML. Ése es realmente un problema común, la base de el cual miente en el uso “a casa” de los redactores de tela altamente populares como Frontpage u otro.

El “ganador” entre el peor es compositor bien conocido de Netscape, debido al código extremadamente “sucio” del HTML que genera mientras que corrige viejo o crea nuevos Web pages. Si has utilizado siempre a compositor y nadie “ha limpiado” esos Web pages luego, contienen definitivamente muchos de HTML “basura”.

De acuerdo con el Web page de mi propio experiencia cada compositor de 50Kb Netscape se puede optimizar fácilmente al tamaño del archivo 40Kb o menos, como resultado simple de las etiquetas del HTML de la chatarra que suprimen. Si pones la hoja del estilo de la cascada y el compresor del HTML en ejecución conseguirás igual, pero el totaling “limpio y brillante” 25-30Kb (40-50% ahorros del Web page de espacio) con los efectos visuales realzados.

El ejemplo sobre las demostraciones que ahorran en un solo Web page, pero si hablamos en términos de 50-60 pagina los W, que ocupa (sin los gráficos) 3-5Mb del espacio de la impulsión dura, los ahorros potenciales como resultado de la optimización del HTML puede alcanzar 1-3Mb. Tan si estás experimentando la carencia del espacio de la impulsión dura con tu abastecedor de recibimiento, la solución a las mentiras de ese problema en la optimización simple de los W. No sólo ahorra muchos de espacio, pero, como sabemos, elimina errores potenciales del cruz-browser, ayuda a arañas del SE a poner en un índice correctamente tus Web pages y a hacer a tus visitantes que practican surf más rápido y liso y por lo tanto agradable.

OPTIMIZACIÓN DE LOS GRÁFICOS

Cuando hablamos sobre gráficos mal optimizados conseguimos dos problemas: más espacio ocupado y tiempo de carga peor. Dado que el primer obstáculo puede ser superado adquiriendo el servidor personal con varios gigabytes de espacio de la impulsión dura, el problema de la letra continuará existiendo pues la mayoría de visitantes de la tela tiene conexión de marcado manual de poca velocidad.

Para hacer tus gráficos optimizados en el nivel básico, debes ahorrarlo en el formato gráfico apropiado. Muchos cuadros populares de las cubiertas del eBook se pueden optimizar fácilmente simplemente por el formato de re-ahorro .JPG en .GIF o viceversa dependiendo de archivo particular. Esa táctica solamente puede traer el archivo 15Kb para ocupar 7-10Kb en materia de 2 Min.

La matemáticas básica demuestra que 10 cuadros optimizados (sin la optimización del HTML) en un Web page son capaces disminuir el tamaño total de él de 120Kb a 70Kb sin pérdida visual en la calidad del cuadro. ¿Estás enterado de estadística cuántos visitantes salen de tu sitio justo porque son cansados esperar hasta que todos los cuadros cargan? No significa que tienes que suprimir simplemente estos cuadros totalmente como alguna gente sugiere, qué significa es que son mejores ser optimizado porque en caso de que con el eBook cubre, ellos demostraste triplicar la venta de potencial y su ausencia será compensada apenas por los nuevos visitantes.

Para elegir el formato derecho, seguir una regla simple: “Si el cuadro de la blanco es más probable ser una foto, con muchos colores, unshaped objetos y diversas luces, este archivo se deben ahorrar en formato de .JPG. Si, en el contrario, un cuadro es más probable consiste en un número de objetos del vector como los círculos, triángulos, cuadrados, no hace que demasiados colores o similar a alguno ahoguen los tebeos, después el formato de .GIF es el mejor a utilizar.”

Si es duro determinarse, después excepto él en ambos formatos y comparar cociente de la calidad/tamaño. No mucho trabajo, efecto grande.

Tener redactores gráficos semi o completamente profesionales permitirá que consigas incluso resultados mejores seleccionando la tarifa de la compresión, suavidad, agudeza de bordes - si hablamos sobre formato de .JPG; o la gama de colores, colores, índice de la transparencia, animación ofrece el etc. - si nos ocupamos de formato de .GIF.

Las oportunidades tecnológicas de hoy son extensas, así que es tú para decidir en a cómo deseas profundamente “zambullirse”.

CROSS-BROWSER Y OPTIMIZACIÓN DE LA RESOLUCIÓN DE LA PANTALLA

Los números son los siguientes:
  •  los 2% tienen '' anticuado 14 con los pixeles 640*480 en anchura y altura respectivamente.
  •  los 49% de tela-personas que practica surf utilizan 15 " los monitores con resolución “estándar la” preferible de la pantalla de los pixeles 800*600;
  •  la resaca del 45% la tela con 17 " supervisa con la resolución razonable 1024*768;
  •  los 4% de usuarios gozan de 18-19 " los monitores con los ajustes de la pantalla 1152*864-1280*1024.

¿Qué deben estos números decirte? La cosa muy simple - si creaste los W en tus 15 " monitor, no asumir que parecerá tan bueno en otros monitores como en el tuyo.

Dejarme dibujar varias notas aquí sobre la tendencia que el mercado del monitor seguirá en el futuro más cercano. Primero es que los 14 " los monitores van gradualmente a su resto eterno merecido. Incluso la parte de cuadernos con 15 " TFT defiende el crecimiento exponencial. Hay incluso varias nuevas versiones con 16 " las matrices activas. También no olvidarte de que 14 de los cuadernos " pantalla de TFT casi tienen las mismas pulgadas diagonales que 15 monitores generalmente " de la CRT (tubo Cathode-ray). En segundo lugar, el número de 15 " los monitores es también el disminuir, debido al número creciente de 17 " dueños del monitor que es el tercer punto.

Una conclusión de la oración de la estadística antedicha es de que tus W miren muy bien, por lo menos, bajo resoluciones 800*600 y 1024*768. Esto es una demanda del mercado a tus W y, como sabemos, mejoras no broma con el mercado.

Sin entrar profundamente teoría, hay dos maneras:
  •  más simple;
  •  más complejo.

Correcto, ambos satisfacen la demanda sobre pero la manera de la letra, dada la es más complejo, cabe generalmente perfectamente cualquier resolución de la pantalla, si es 14 " o 21 " y más favorable a los W espacian uso.

La manera más fácil sería hacer las fronteras de tu Web page (tablas de tu Web page) que se fijará con cierto número de pixeles.

Los ajustes más populares están algo entre 650 a 750 pixeles apenas para caber esa pantalla de la anchura de 800 pixeles debajo de los 15 más populares " resolución del monitor 800*600. Si vas que la manera tu Web page tendrá la misma mirada bajo diversos sistemas de resoluciones.

Si intentamos verla en 14 " monitor con 640 pixeles en anchura, el scroller horizontal desagradable aparecería porque nuestro ajuste fijo en 700 pixeles es entonces 640 más anchos y apenas no cabrá en él. Si, por otra parte, miramos nuestro sitio imaginable debajo de 1152*864 o 1280*1024, él parece demasiado estrecho, pues ocupará el solamente 60% de la anchura de la pantalla (nuestros 700 con respecto a anchura de 1200 pixeles de la pantalla). ¿Por qué esta manera el diseñar más simple? Apenas no tendrás ninguna problemas el construir de él: no se lee ninguna necesidad de la resolución o de la optimización del cruz-browser, como pixeles fijos correctamente bajo casi cada browser.

La manera más compleja es tener anchura de una o varia columnas de las tablas del HTML en tu sitio que se fijará en por ciento como el 75% o 100% y, por lo tanto, las actitudes la capacidad de ensanchar o de enangostar automáticamente según los por ciento especificados, dependiendo de qué resolución de la pantalla se está viendo el sitio debajo.

Si tienes ajustes de la pantalla 600*800 (la anchura de la pantalla eres 600 pixeles) y uno de la anchura de la tabla de tu sitio se fija a 100%, entonces esta tabla particular junto con todo el texto y gráfico incluidos enangostará a 600 pixeles, si fijamos el monitor a la resolución 1200*1024, es decir teniendo 1200 pixeles anchos, la tabla de nuestro sitio estira al especificado 100%, en ese caso, 1200 pixeles.

Ése es porqué mira diversas resoluciones inferiores más atractivas pero la optimización adicional de las demandas, incluyendo la optimización del cruz-browser, como browser del Netscape Navigator Tiene algunos problemas con interpretar apropiado de los ajustes de los por ciento en multi tablas de la columna. Qué manera de elegir depende de las tareas y de tu preferencia.

Te deseo creatividad sin fin y más entonces 70Kb por la página

copyright (c) Pavel Lenshin

Article Source: http://www.articleset.com



About the Author

Pavel Lenshin is a devoted Internet entrepreneur, founder of ASBONE.com, where you can find everything to make your business prosper. Discounted Internet services,
FREE ebooks http://ASBONE.com/ebooks/
FREE reports http://ASBONE.com/reports/
info@asbone.com » Read more articles by Pavel Lenshin
You are welcome to publish or reprint this article free of charge, provided: