EXTREMIDADES PARA ESPECIALIZAR DISEÑAR DEL WEB

El diseño del Web es un proceso de la conceptualización, planeamiento, modelando, y la ejecución de la entrega contenta de los medios electrónicos vía Internet en la forma de tecnologías (tales como idiomas del margen de beneficio) convenientes para la interpretación y la exhibición por un web browser u otro tela-baso' los interfaces utilizador gráficos (GUIs).

El intento del diseño de la tela es crear un Web site (una colección de archivos electrónicos que residen en unos o más servidores de la tela) ese contenido de los presentes (características interactivas incluyendo o los interfaces) al usuario del extremo en la forma de Web pages solicitados una vez. Los elementos tales como el texto, formas, y las imágenes bit-mapped (GIFs, JPEGs, PNGs) se pueden poner en la página usando etiquetas del HTML, de XHTML, o de XML. Exhibir medios más complejos (gráficos del vector, animaciones, videos, sonidos) requiere plug-ins tales como ambiente del flash, de QuickTime, de Java, etc run-time. Los plug-ins también son encajados en Web pages usando etiquetas del HTML o de XHTML.

EXTREMIDADES DEL DISEÑO DEL WEB.
Seleccionando un Web diseñe la lengua para su proyecto del Internet:
Si usted está planeando diseñar y publicar su propio Web site en línea, su primer paso debe ser decidir a qué tipo de presencia del Internet usted está previendo y después elegir la lengua del diseño de la tela que usted desea utilizar.

DISEÑO DEL SITIO DEL WEB:
Un sitio del Web es una colección de información sobre un asunto o un tema particular. Diseñando un Web site se define como el arreglo y la creación de los Web pages que alternadamente hacen para arriba un Web site. Un Web page consiste en la información para la cual se desarrolla el Web site. Un Web site se pudo comparar a un libro, donde está un Web page cada página del libro.

Hay muchos aspectos (preocupaciones del diseño) en este proceso, y debido al desarrollo rápido del Internet, los nuevos aspectos pueden emerger. Para los sitios no comerciales de la tela, las metas pueden variar dependiendo de la exposición y de la respuesta deseadas. Para los sitios comerciales típicos de la tela, los aspectos básicos del diseño están:

El contenido: la sustancia, y la información sobre el sitio deben ser relevantes al sitio y deben apuntar al área del público que el Web site está referido a.
La utilidad: el sitio debe ser de uso fácil, con el interfaz y la navegación simples y confiables.
El aspecto: los gráficos y el texto deben incluir un solo estilo a través de el cual fluya, a la consistencia de la demostración. El estilo debe ser profesional, atractivo y relevante.
La visibilidad: el sitio debe también ser fácil de encontrar vía la mayoría, si no todos, motores de búsqueda importantes y medios del anuncio.

Un Web site consiste en típicamente el texto e imágenes. La primera página de un Web site se conoce como el Home Page o el índice. Un cierto uso de los sitios de la tela qué comúnmente se llama una página del chapoteo. Las páginas del chapoteo pudieron incluir una selección agradable del mensaje, de la lengua o de la región, o la negación. Cada Web page dentro de un Web site es un archivo del HTML que tiene su propio URL. Después de que se cree cada Web page, se ligan típicamente juntos con un menú de la navegación integrado por hyperlinks. Velocidades más rápidas el hojear han conducido a palmos de atención más cortos y más visitantes en línea exigentes y éste ha dado lugar a menos uso de las páginas del chapoteo, particularmente donde se refieren los sitios comerciales de la tela.

Una vez que se termine un Web site, debe ser publicado o uploaded para ser viewable al público sobre el Internet. Esto se puede hacer usando a un cliente del ftp. Una vez que esté publicado, el amo de la tela pueda utilizar una variedad de técnicas para aumentar el tráfico, o los golpes, que el Web site recibe. Esto puede incluir someter el Web site a un Search Engine tal como Google o Yahoo, intercambiando se liga a otros sitios de la tela, creando afiliaciones con los sitios similares de la tela, el etc.

Requisitos multidisciplinarios.
El diseño del sitio del Web cruza disciplinas múltiples de los sistemas de información, de la tecnología de información y del diseño de la comunicación. El sitio de la tela es un sistema de información que componentes se clasifican a veces como anticipados y back-end. El contenido observable (e.g. disposición de página, interfaz utilizador, gráficos, texto, audio) se conoce como el anticipado. El back-end abarca la organización y la eficacia del código de fuente, invisibles scripted funciones, y los componentes del servidor-lado que procesan la salida del anticipado. Dependiendo del tamaño de un proyecto del desarrollo del Web, puede ser realizada por un individuo de múltiples talentos (a veces llamado un amo de la tela), o un encargado de proyecto puede supervisar diseño de colaboración entre los miembros del grupo con habilidades especializadas.

Diseño accesible del Web.
Artículo principal: Accesibilidad del Web.
Para ser accesibles, los Web pages y los sitios deben conformarse con ciertos principios de la accesibilidad. Éstos se pueden agrupar en las áreas principales siguientes:

margen de beneficio semántico 1)use que proporciona una estructura significativa al documento (es decir Web page).
El margen de beneficio semántico también refiere semántico a organizar la estructura del Web page y a publicar la descripción de los servicios de la tela por consiguiente para poderlos reconocer por otros servicios de la tela en diversos Web pages. Los estándares para la tela semántica son fijados por IEEE.
2)use una lengua válida del margen de beneficio que se conforma con un DTD o un esquema publicado
equivalentes del texto 3)provide para cualquieres componentes del no-texto (e.g. imágenes, multimedias).
los hyperlinks 4)use que tienen sentido cuando están leídos fuera de contexto (e.g. evitan "chascan aquí.")
marcos del uso 5)don't.
tablas de 6)use CSS más bien que del HTML para la disposición.
7)author la página de modo que cuando el código de fuente es línea por línea leído al lado de los agentes del usuario (tales como lectores de una pantalla) siga siendo inteligible. (usar las tablas para el diseño dará lugar a menudo a la información que no es.)
Sin embargo, W3C permite una excepción donde las tablas para la disposición cualquier marca detectan cuando está linearizada o una versión alterna (quizás linearizado) se hace disponible.

La accesibilidad del Web site también está cambiando mientras que es afectada por los sistemas de gerencia de Content que permiten que los cambios sean realizados a los Web pages sin la necesidad de obtener conocimiento del lenguaje de programación.

Planeamiento Del Web site.
Antes de crear y de uploading un Web site, es importante tomar la época de planear exactamente qué se necesita en el Web site. A fondo en vista del mercado de las audiencias o de blanco, así como definir el propósito y decidir qué contenido será desarrollado sea extremadamente importante.

Propósito.
Es esencial definir el propósito del Web site pues uno del primer camina en el proceso del planeamiento. Una declaración del propósito debe demostrar el foco basado en lo que logrará el Web site y lo que conseguirán los usuarios de él. Un propósito claramente definido ayudará al resto del proceso del planeamiento como identifican a la audiencia y el contenido del sitio se desarrolla. Fijando brevemente y las metas a largo plazo para el Web site ayudarán a hacer el claro y el plan del propósito para el futuro en que ocurrirán la extensión, la modificación, y la mejora. También, meta-fijar prácticas y objetivos mensurables se debe identificar para seguir el progreso del sitio y para determinar éxito.

Audiencias.
Definir a las audiencias es un paso dominante en el proceso del planeamiento del Web site. La audiencia es el grupo de la gente que se espera que visite su †del Web site "el mercado que es apuntado. Esta gente verá el Web site por una razón específica y es importante saber exactamente lo que él está buscando cuando ella visita el sitio. Un propósito o una meta claramente definido del sitio así como una comprensión de lo que los visitantes quisieran que haga o se sintiera cuando vienen a su sitio ayudará a identificar a las audiencias de blanco. Sobre la consideración quién es más probable a la necesidad o utiliza el contenido, una lista de las características comunes a los usuarios por ejemplo:

Características De las Audiencias.
Preferencias De la Información.
Especificaciones De la Computadora.
Experiencia del Web.
Considerar las características de las audiencias permitirá que un Web site eficaz sea creado que entregará el contenido deseado a las audiencias de blanco.

Contenido.
La evaluación y la organización contentas requiere que el propósito del Web site esté definido claramente. Recoger una lista del contenido necesario entonces que la organiza según las necesidades de la audiencia es un paso dominante en el planeamiento del Web site. En el proceso de recolectar el contenido que es ofrecido, cualquier artículo que no apoye el propósito definido ni logra objetivos de las audiencias de blanco debe ser quitado. Es una buena idea probar el contenido y el propósito en un grupo principal y comparar las ofrendas a las audiencias necesita. El paso siguiente es organizar la estructura básica de la información categorizando el contenido y la organización de él según usuario necesita. Cada categoría se debe nombrar con un título sucinto y descriptivo que se convierta en un acoplamiento en el Web site. El planear para el contenido del sitio se asegura de que desea o necesita de las audiencias de blanco y el propósito del sitio sea satisfecho.

Documentación del planeamiento.
La documentación se utiliza para planear visualmente el sitio mientras que considera el propósito, las audiencias y el contenido, de diseñar la estructura, el contenido y las interacciones del sitio que son las más convenientes para el Web site. La documentación se puede considerar un prototipo para el †del Web site "un modelo que permita que a disposición del Web site sean repasados, dando por resultado cambios sugeridos, las mejoras y/o los realces. Este proceso de la revisión aumenta la probabilidad del éxito del Web site.

Primero, se categoriza el contenido y se formula la estructura de la información. La estructura de la información se utiliza para desarrollar un diagrama del documento o de la representación visual llamado un mapa de sitio. Esto crea una representación visual de cómo los Web pages serán interconectados, que ayuda en decidir a qué contenido será puesto en qué páginas. Hay tres maneras principales de diagramming la estructura del Web site:

Los diagramas lineares del Web site permitirán que los usuarios se muevan en una secuencia predeterminada;
Las estructuras jerárquicas (de los diagramas del Web site del diseño del árbol) proporcionan más de una trayectoria para los usuarios a la toma a su destinación;
Los diagramas del Web site del diseño del rama permiten muchas interconexiones entre los Web pages tales como hyperlinks dentro de oraciones.
Además de planear la estructura, la disposición y el interfaz de páginas individuales se pueden planear usando un storyboard. En el proceso de storyboarding, un expediente se hace de la descripción, del propósito y del título de cada página en el sitio, y se ligan juntos según el tipo del diagrama más eficaz y más lógico. Dependiendo del número de las páginas requeridas para el Web site, los métodos de la documentación pueden incluir con pedazos de papel y dibujando líneas para conectarlas, o creando el storyboard usando software.

Algunas o todas las páginas individuales se pueden diseñar en mayor detalle como wireframe del Web site, una mofa encima de la disposición modelo o comprensiva de lo que parecerá la página realmente. Esto se hace a menudo en un programa gráfico, o programa del diseño de la disposición. El wireframe no tiene ninguna funcionalidad de trabajo, planeando solamente.

PROBLEMAS GENERALMENTE QUE SE PRESENTAN EN EL CAMPO:
Contra cómo mira. Cómo trabaja.
Algunos reveladores de la tela tienen un fondo gráfico de los artes y pueden prestar más atención a cómo una página mira que en vista de otras ediciones tales como cómo los visitantes van a encontrar la página vía un Search Engine. Algunos pudieron confiar más en la publicidad que los motores de búsqueda para atraer a visitantes al sitio. En el otro lado de la edición, los consultores de la optimización del Search Engine (SEOs) se refieren a cómo esta' bien un Web site trabaja técnico y textual: cuánto tráfico genera vía los motores de búsqueda, y cuánto ventas hace, si se asume que miradas no contribuya a las ventas. Consecuentemente, los diseñadores y el SEOs terminan a menudo para arriba en los conflictos donde el diseñador desea más gráficos ' bonitos ', y el SEO desea porciones de texto, de listas de la bala, y de acoplamientos palabra-ricos ' feos ' del texto. Uno podría discutir que esto sea una dicotomía falsa debido a la posibilidad que un diseño de la tela puede integrar las dos disciplinas para una solución de colaboración y sinérgica. Porque algunos gráficos responden a propósitos de la comunicación además de la estética, cómo esta' bien un sitio trabaja puede depender de las ideas visuales de la comunicación del diseñador gráfico así como las consideraciones de SEO.

Otro problema al usar porciones de gráficos en una página es que los tiempos de la transferencia directa se pueden alargar grandemente, a menudo irritando al usuario. Éste se ha convertido en menos de un problema mientras que el Internet se ha desarrollado con Internet de alta velocidad y el uso de los gráficos del vector. Esto es un desafío de la ingeniería para aumentar anchura de banda además de un desafío artístico para reducir al mínimo gráficos y tamaños del archivo gráfico. Esto es un desafío en curso pues la anchura de banda creciente invita cantidades crecientes de contenido.

Como en diseños de colaboración, hay conflictos entre las metas y los métodos que diferencian de diseños del Web site. Éstos son algunos los en curso.

Carencia de la colaboración en diseño.
En los primeros tiempos de la tela, no había tanta colaboración entre los diseños de la tela y campañas publicitarias más grandes, las transacciones del cliente, el establecimiento de una red social, los intranets y los extranets como hay ahora las páginas del Web eran principalmente folletos en línea estáticos desconectados de los proyectos más grandes.

Muchos Web pages todavía se desconectan de proyectos más grandes. Las consideraciones especiales del diseño son necesarias para el uso dentro de estos proyectos más grandes. Estas consideraciones del diseño se pasan por alto a menudo, especialmente en casos donde hay una carencia de la dirección, la carencia de la comprensión de porqué y del conocimiento técnico de cómo integrar, o la carencia de la preocupación por el proyecto más grande para facilitar la colaboración. Esto da lugar a menudo a la competición o al compromiso malsana entre los departamentos, y el uso menos que óptimo de Web pages.

Líquido contra disposiciones fijas.
En la tela el diseñador no tiene ningún control sobre varios factores, incluyendo el tamaño de la ventana de browser, el web browser usado, los dispositivos de entrada usados (ratón, pantalla del tacto, comando de la voz, texto, cojín del número de teléfono de la célula, los etc.) y el tamaño y las características de fuentes disponibles.

Algunos diseñadores eligen controlar el aspecto de los elementos en la pantalla usando designaciones específicas de la anchura. Este control se puede alcanzar con el uso de un diseño tabla-basado HTML o de un diseño div-basado más semántico con el uso del CSS. Siempre que el texto, las imágenes, y la disposición de un diseño no cambien mientras que el browser cambia, esto se refiere como diseño fijo de la anchura. Los autores del diseño fijo de la anchura prefieren control exacto sobre la disposición de un sitio y la colocación de la precisión de objetos en la página. Otros diseñadores eligen un diseño líquido. Un diseño líquido es uno, como Wikipedia, adonde el diseño se mueve al contenido del flujo en la pantalla entera, o una porción de la pantalla, no importa qué el tamaño de la ventana de browser. Los autores del diseño líquido prefieren mayor compatibilidad y usar el espacio de la pantalla disponible. El diseño líquido se puede alcanzar con el uso del CSS, evitando labrando la página en conjunto, o usando las tablas del HTML (o divs más semánticos) fijan a un porcentaje de la página. Los reveladores líquidos y fijos del diseño deben tomar decisiones sobre cómo el diseño debe degradar encendido resoluciones más altas y más bajas de la pantalla. La opción pragmática se hace a veces para fluir el diseño entre una anchura mínima y máxima. Esto permite que el diseñador evite la codificación para las opciones del browser que hacen encima de la cola larga, mientras que todavía usa todo el espacio disponible de la pantalla. Dependiendo del propósito del contenido, un diseñador de la tela puede decidir utilizar las disposiciones fijadas o líquidas sobre una base del caso-por-caso.

Similar a la disposición líquida es el ajuste opcional a la característica de la ventana con el contenido del flash del adobe. Ésta es una disposición fija que escala óptimo el contenido de la página sin cambiar el arreglo o el texto que se envuelve cuando se vuelve a clasificar según el tamaño el browser.

Flash.
El flash del adobe (antes flash de Macromedia) es programa un propietario, una animación robusta de los gráficos o de un desarrollo del uso usado para crear y para entregar el contenido dinámico, los medios (tales como sonido y vídeo), y los usos interactivos sobre la tela vía el browser.

El flash no es un estándar producido por una organización de estándares vendedor-neutral como la mayoría de los protocolos y de los formatos de la base en el Internet. El flash es mucho más restrictivo que el formato abierto del HTML, aunque, requerir un propietario plugin ser visto, y lo no integra con la mayoría de las características del web browser UI como el botón "trasero".

Según un estudio, [2 ] el 98% de los usuarios del Web de los E.E.U.U. haga que los números de destello del jugador installed.[3 ] varíen dependiendo del esquema y de la investigación demographics.[4 de la detección ]

Muchos artistas gráficos utilizan el flash porque les da control exacto sobre cada parte del diseño, y cualquier cosa puede ser animada y "jazzed generalmente encima de". Algunos diseñadores de uso gozan del flash porque los deja crear los usos que no tienen que ser restaurados o ir a un nuevo Web page ocurre cada vez una acción. El flash puede utilizar fuentes encajadas en vez de las fuentes estándares instaladas en la mayoría de las computadoras. Hay muchos sitios que renuncian el HTML enteramente para el flash. Otros sitios pueden utilizar el contenido de destello combinado con el HTML tan conservador como los gifs o los jpegs serían utilizados, pero con tamaños del archivo más pequeños del vector y la opción de animaciones más rápidas del cargamento. El flash se puede también utilizar para proteger el contenido contra la duplicación o buscar desautorizada. Alternativomente, los objetos de destello pequeños, dinámicos se pueden utilizar para substituir elementos estándares del HTML (tales como jefes o acoplamientos del menú) por la tipografía avanzada no posible vía el HTML regular o el CSS (véase el reemplazo de destello de Scalable Inman).

Destella la demanda de los detractores que los Web site de destello tienden para ser diseñados mal, y utiliza a menudo usuario-interfaces confusos y no estándar. Encima de hasta hace poco tiempo, los motores de búsqueda han no podido poner en un índice objetos de destello, que ha evitado que los sitios tengan su contenido encontrado fácilmente. Esto es porque muchas correas eslabonadas del Search Engine confían en el texto para poner en un índice Web site. Es posible especificar el contenido alterno que se exhibirá para los browsers que no apoyan el flash. Usar el contenido alterno también ayuda a los motores de búsqueda a entender la página, y puede dar lugar a una visibilidad mucho mejor para la página. Sin embargo, la mayoría extensa de Web site de destello no es inhabilidad accesible (para los lectores de la pantalla, por ejemplo) o la sección 508 obediente. Una edición adicional es que los sitios que utilizan comúnmente el contenido alterno para los motores de búsqueda a sus visitantes humanos están juzgados generalmente para ser motores de búsqueda del Spamming y prohibidos automáticamente.

La encarnación más reciente de la lengua scripting del flash (llamada "ActionScript", que es una lengua de ECMA similar al Javascript) incorpora características esperadas desde hace mucho tiempo de la utilidad, tales como respetar el tamaño de fuente del browser y permitir que los usuarios ocultos utilicen a lectores de la pantalla. Actionscript 2.0 es una lengua Objeto-Orientada, permitiendo el uso del CSS, XML, y el diseño de los usos clase-basados de la tela.

Compatibilidad y restricciones.
Debido a la cuota de mercado de browsers modernos (dependiendo de su mercado de blanco), la compatibilidad de su Web site con los espectadores es restricta. Por ejemplo, un Web site que se diseña para la mayoría de websurfers será limitado al uso de XHTML válido las hojas de conexión en cascada terminantes o más viejas llano 1 de 1.0, del estilo, y resolución de la exhibición 1024x768. Esto es porque el Internet Explorer no es completamente estándares de W3C obedientes con la modularidad de XHTML 1.1 y la mayoría de CSS más allá de 1. Un mercado de blanco de usuarios más alternativos del browser (e.g. Firefox y ópera) permite más conformidad de W3C y así una mayor gama de las opciones para un diseñador de la tela.

Otra restricción en diseño del Web page es el uso de diversos formatos del archivo de la imagen. La mayoría de usuarios puede apoyar el GIF, el JPEG, y el png (con restricciones). El Internet Explorer es otra vez la restricción principal aquí, no completamente apoyando las características avanzadas de la transparencia del png, dando por resultado el formato del GIF todavía que es el formato lo más extensamente posible usado del archivo gráfico para las imágenes transparentes.

Muchas incompatibilidades del Web site van inadvertidas por el diseñador y no denunciadas por los usuarios. La única manera de estar seguro que un Web site trabajará en una plataforma particular es probarla en esa plataforma.

CUALQUIER Manera, el DISEÑAR De Web HA EMERGIDO HACIA FUERA COMO UNO DEL ENCANTADORA ENTRE TRABAJOS de I.T CON Un SALARY.SO ALTO MUY BIEN DEFINIDO VA A CONTINUACIÓN Y EMERGE HACIA FUERA COMO WEB CREATIVO DESIGNER-THE I.T. WORLD IS QUE LE ESPERABA...