agosto 2020

Son diseños que se basan en porcentajes del tamaño actual de la ventana del navegador. Estos se ajustan incluso cuando el visitante cambia el tamaño de la ventana mientras ven el sitio. Los diseños líquidos en anchura permiten hacer un uso eficiente del espacio disponible por cualquier ventana de navegador o resolución de pantalla. Estos son preferidos por diseñadores que tienen un montón de información que mostrar en el menor espacio posible, mientras que se mantenga consistente en tamaño relativo a quién este viendo la página.

Un diseño elástico es un estilo de diseño que utiliza porcentajes o ems de ancho y un ancho máximo para garantizar que el contenido no sea demasiado grande. Los tamaños del diseño cambian cuando el tamaño de la fuente se aumenta o se disminuye.

Diseños fijos son aquellos que empiezan con un tamaño específico, determinado por el diseñador Web. Estos mantienen su anchura, sin tener en cuenta el tamaño de la ventana del navegador con el que vemos la página. Los diseños de ancho fijo permiten al diseñador un control más directo sobre como la página se mostrará en la mayoría de situaciones. Estos son a menudo preferidos por los diseñadores, porque permiten realizar ajustes al diseño que se mantienen consistentes a través de los distintos navegadores y ordenadores.

El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo. Se lo considera dentro del diseño multimedial.

Un diseñador web es una persona que diseña la parte visible de la página web: concepto, imágenes, estilo, etc. definiendo así parte de los requisitos de uso de ésta. Normalmente hacen uso de editores WYSIWYG más que escribir el código HTML directamente.

Una dirección IP es la identificación numérica de un ordenador conectado a Internet. Estas son escritas a menudo como 4 grupos de 3 números (IPv4). Los nombres de dominio utilizan las direcciones IP como su dirección de forma que los navegadores Web puedan encontrarlos en Internet.

Dynamic HTML; LA fusión de XHTML, el DOM, CSS y JavaScript para crear un documento web interactivo y dinámico.

Un desarrollador web es un creador de páginas web que enfoca su trabajo en el desarrollo interno del funcionamiento de una página web. Las técnicas usadas normalmente por estos son:

Deprecated: Obsoleto, ya no forma parte de la especificación actual.

Dado que los navegadores han estado desde el principio con la Web, es posible tener clientes visitando tus páginas Web en navegadores que son extremadamente viejos y que les faltan características de los navegadores modernos. La degradación gradual es una estrategia para manejar los diseños de páginas en diferentes navegadores. Un diseño Web que ha sido construido con degradación gradual esta hecho para ser visto primero por el más moderno de los navegadores, y entonces cuanto más viejo, menos características pero de manera que la degradación sea siempre funcional. La principal diferencia entre la estrategia de degradación gradual y la mejora progresiva es donde empiezas tu diseño. Si empiezas con las cosas comúnes más bajas y después añades características para los navegadores modernos, entonces estas utlizando la mejora progresiva. Sin embargo si empiezas con las características más modernas, y entonces vas hacia atras, en este caso utlizas la degradación gradual. La degradación gradual no significa que estes diciendo a tus lectores que se descarguen la última versión de su navegador. Una de las razones por la que muchos de los diseñadores modernos no les gusta la degradación gradual es porque a menudo se convierte en una petición para que los lectores se descarguen la última versión del navegador para hacerla funcionar la página Web. Pero esto no es degradación gradual. Si te encuentras a ti mismo queriendo escribir un mensaje de “descargar el navegador X para obtener dicha característica”, entonces has abandonado el reino de la degradación gradual y te has mudado a un diseño centrado en un navegador.

Es un prólogo (prolog) que indica la versión que está siendo usada además como el DTD contra el que se valida. Los documentos XML no tienen por qué indicar su DTD asociado para estar bien formados, pero sí para ser válidos.Ejemplo: <?xml version=»1.0″> html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd»>

En inglés «declaration». El bloque de declaración o declaración en CSS es la sección de una regla de estilo que define los estilos que se aplicarán.p { color: #f00; }
«{ color: #f00; }» es el bloque de declaración y define los párrafos de color rojo.

Below the fold: Representa la parte que es invisible cuando se carga una página Web, es decir, aquella que se comienza a ver cuándo bajamos.

Above the fold: Representa la parte visible de una página Web.

Se refiere al espacio entre letras en una misma palabra; definirlo es especialmente útil para lograr que el contenido logre una mejor estética y que sea más agradable para la lectura.

Este código muestra la proporción de rojo, verde y azul, en el color que estamos usando, entendiendo que un color es el resultado de la mezcla de los primeros tres. La ausencia de color está representada por el 0 y la presencia total del mismo se representa con 255, así, el color blanco seria RGB (255, 255,255)

Es un tipo de nomenclatura para definir los colores. Está constituido por 6 dígitos que pueden ser letras o números, o una combinación de ellos, siendo ffffff la representación del blanco y 92960 la representación del negro.

Un tema hijo no es más que aquel que hereda ciertas características de un tema padre. Por ende, el tema padre es aquel que da ciertas características a sus temas hijos. Se usan con la finalidad de reciclar código y hacer el trabajo de diseño y programación más sencillo.

Una red de distribución de contenido no es más que un servicio que te permite alojar una versión de tu sitio Web en varios servidores para mejorar la velocidad de carga de tu página Web. De manera sencilla, se almacena la información en estos servidores y, dependido de dónde se haga la consulta, se redirige la petición al servidor más cercano, esto ahorra recursos en el servidor original, porque disminuye el número de solicitudes que se hacen en un mismo periodo de tiempo.

Un mapa de sitio no es más que un documento que indica cómo está estructurado un sitio Web. Su función es hacer más sencillo el rastreo del sitio.

Es un elemento que te permite mostrar múltiples imágenes en un solo espacio; las imágenes se muestran por transición entre ellas. Seguramente lo has visto en páginas de inicio, pues es el lugar típico para este tipo de banner rotatorio. JQuery es el lenguaje en que son programadas las acciones de transición de las imágenes

¿Has visto el icono de las tres líneas horizontales en los menús de las versiones móviles de páginas Web? Seguro que sí, a eso se refiere la navegación hamburguesa. Simplemente es un elemento que guarda en su interior otros elementos para que el diseño sea mucho más práctico en pantallas pequeñas.

Al no estar expuesto todo el menú, el usuario puede dar con la información en la página; si quiere navegar otras páginas dentro del sitio, solo debe desplegar el menú.

Es un tipo de navegación que define un camino lógico para la exploración de un sitio Web. La idea con este tipo de navegación es facilitar la experiencia del usuario al proveer un camino que pueda recordar. De manera general, se va de lo más general, a lo más específico, por ejemplo, pasas de productos a una categoría de productos y de allí a los artículos en esa categoría.

Es la imagen que aparece en la pestaña del navegador de tu página Web. Según el sistema con que trabajes, será posible cargar un Favicon en formato .jpeg, .png, .gif o .ico.

Es un proceso que se usa en edición de imagen y audio digital en el cual se agrega ruido aleatorio para evitar que los elementos, audio o imagen, se distorsione ante alguna condición establecida. Por ejemplo, con este proceso se puede lograr que una imagen se adapte mejor cuando esta junto con otra imagen con una paleta de color más limitada.

Es un tipo de condición usada en lenguajes de programación como JavaScript. Básicamente, cuando se programa sobre la condición Mouseover, le estamos dando instrucciones al elemento a que reaccione de una manera particular cuando el puntero de mouse esta sobre él.

Así como existe mouseover, podemos programar acciones cuando el mouse ya no está sobre el elemento o cuando clicamos dicho elemento. Por lo general, a nivel de diseño, se usa el Mouseover para cambiar una condición estética del elemento, por ejemplo, su color o su forma.

Son elementos que se usan para brindar información variada sobre un sitio Web. En las metaetiquetas puedes colocar información acerca de todo, desde la descripción del sitio Web, hasta el idioma en que está escrito el contenido.

Evidentemente, los metadatos son la información contenida en las metaetiquetas. Estos elementos, las metaetiquetas, son muy útiles para la optimización del sitio Web, pues es la primera información que lee el motor de búsqueda cuando rastrea el sitio.

Hojas de estilo en cascada, así traduce en español, no es más que un documento que incluye las reglas de estilo de un sitio Web. Cuando hablo de reglas de estilo me refiero a cómo se ven los elementos que conforman cada página, por ejemplo, el color de fondo, el tipo de fuente, incluso contempla el comportamiento de elementos tras acciones específicas.

Por lo general, cuando clicas un botón y éste despliega un menú, es porque está declarado de esa forma en el CSS.

El diseño plano o sencillo no ataca el impacto visual, sino más bien es diseño pensado en la funcionalidad. Actualmente el Internet está tendiendo hacia el diseño más sencillo, y aunque eso es bueno porque las páginas cargan más rápidamente, muchos piensan que se pierden oportunidades de diferenciarse del resto.

El uso de un diseño sobre el otros siempre va a depender del usuario al que esté dirigido, quizá para un público más joven, los diseños que apuestan al falso realismo sea más exitosos, mientras que para adultos, un diseño sencillo es la mejor apuesta; también va a depender de los objetivos del dueño de la página.

Este diseño apuesta por el falso realismo, es decir, está constituido por una serie de elementos que cuentan con sombras, colores y texturas que dan la sensación de realidad. En términos más sencillos, este tipo de diseño suele ser más sobrecargado que el diseño plano o sencillo, muchas veces las páginas suelen pesar más, pero también causan un mayor impacto visual al usuario.

La experiencia del usuario es un concepto que ha ido ganando relevancia en los últimos años. Ya no se trata de servir la información, sino de que ésta sea lo más agradable para el usuario. Esta experiencia depende de muchas cosas, no solamente del diseño, por ejemplo, depende de la velocidad de carga del sitio y de la calidad de la información.

La interface de usuarios es el conjunto de elementos que ve la persona que visita tu página Web, desde los colores hasta los botones y el contenido. La idea es que la interface sea amigable con el usuario, incluso que sea atractiva y que invite a navegar. De la necesidad de una buena interface es que se genera la importancia del trabajo de los diseñadores Web y para cualquier empresa de diseño y desarrollo de páginas web.

Este es un término que puede ser conocido por ti. La resolución no es más que esas especificaciones de alto por ancho que muestran las imágenes, por ejemplo, 200x150px. Mientras mayor sean los números de la resolución, más nítida se verá la imagen en grandes tamaños. Sé que te has dado cuenta que cuando alargas una imagen suele verse borrosa o pixelada, eso es porque no tiene una buena resolución.

Evidentemente, la resolución tiene un límite donde la imagen pierde la calidad, por muy buena que sea la resolución. Por ejemplo, una imagen de 3000x3000px puede verse muy bien en ordenadores, pero si la imprimes para un banner podría verse pixelada.

Es importante que sepas esto, pues la selección de la resolución adecuada puede ayudarte a ahorrar tamaño en las imágenes y así lograr que carguen más rápidamente.

El diseño Web Responsive o Adaptive nace a partir del diseño fluido, pero introduce una variante muy útil. Ya te había dicho que con el diseño fluido, la página se veía igual en todos los dispositivos y que muchos elementos podrían no ser accesibles.

Seguramente navegaste en tu móvil por páginas fluidas, y necesitabas hacer zoom para poder clicar el menú u otro elemento, con el diseño responsivo se elimina ese problema.

La idea del responsivo es la misma que del diseño fluido, es decir, es porcentual y se adapta según la pantalla, solo que con éste, puedes cambiar cómo se ven los elementos según un rango de tamaño de pantalla en particular. En este caso si es común ver variaciones de disposición y apariencia.

Para dispositivos con pantallas pequeñas, como los móviles, el diseño responsivo puede poner en uso una distribución sencilla, por lo general más simple, a fin de que los elementos sean más accesibles.

Sé que te has fijado que las versiones móviles no son exactamente iguales que las versiones de escritorio, esas son versiones responsivas.

Te pongo un ejemplo muy común, en blogs de WordPress donde aparece una barra lateral en la versión de escritorio, ésta pasa al final de la página (en versiones responsivas para móviles) para que el contenido principal ocupe el ancho de la pantalla; el menú también cambia para ser más accesible.

Fíjate que el diseño responsivo se ha presentado como la mejor alternativa para ofrecer una buena experiencia en dispositivos móviles, la otra opción sería crear una versión móvil de nuestra Web, lo que terminaría siendo como si tuviésemos dos.

Fíjate que aquí se aplica el principio de la proporcionalidad del que te hablaba anteriormente. Los elementos son diseñados de tal manera que ocupen una porción del ancho total de la pantalla, incluso se puede poner un límite máximo de pantalla.

Este es un diseño que trabaja netamente en porcentajes y suele ser muy útil porque se adapta a todos los tipos de pantallas.

Algo que debes considerar con este tipo de diseño, o configuración, es que, en pantallas muy pequeñas, los elementos internos, como botones, imágenes o textos, pueden ser muy pequeños, afectando así la experiencia del usuario.

Este tipo de diseño no contempla una variación de los elementos (ni de posición, ni de forma, ni de existencia, para algún tamaño en específico), es decir, se diseña una versión de escritorio que se adapta a los distintos tamaños de pantallas sin cambiar su disposición; te lo digo porque no debes confundirlo con los diseños responsivos.

El diseño de ancho fijo es aquel que no contempla ninguna flexibilidad, lo que puede causar problemas de visualización en dispositivos cuyas pantallas son de menor tamaño que el ancho especificado. Actualmente no se usan diseños de ancho fijo, o por lo menos no es recomendable.

Lo que sí es común ver son las relaciones de las anchuras de los distintos elementos para que se mantenga un diseño proporcional. Por ejemplo, puedo decidir que el área de contenido de mi página Web sea de un tercio del ancho total de la pantalla y el resto será reservado para un área lateral; esto corresponde a otro estilo de diseño.

Resumiendo, el diseño de ancho fijo, es eso, aquel que no contempla variaciones, por ejemplo, el ancho es 500 px, sin opción a cambios.

Es una colección de ficheros de hojas de estilo que se utiliza para hacer que el desarrollo de páginas web basadas en estándares XHTML y CSS sea rápido y sencillo.

Es un fragmento de información que se almacena en el disco duro del visitante de una página web a través de su navegador, a petición del servidor de la página. Esta información puede ser luego recuperada por el servidor en posteriores visitas.

En castellano «embudo de conversión». Es un término técnico usado en las operaciones de comercio electrónico para describir el camino que un consumidor toma a través de un anuncio en Internet, el sistema de búsqueda, la navegación de un sitio web de comercio electrónico y, finalmente, se convierte en una venta. La metáfora de un embudo se utiliza para describir la disminución en número que se produce en cada paso del proceso.

En los sitios web de comercio electrónico, las conversiones son muy importantes. Una conversión ocurre cuando un cliente que está viendo el sitio realiza una acción pretendida por marketing. Normalmente, esto significa:

     * una compra
     * rellenar un formulario y enviarlo
     * inscribirse en un boletín de noticias o feed RSS
     * completar otro objetivo para el sitio

Algunos diseñadores olvidan que incluso si un sitio no se centra en el comercio electrónico, las conversiones son importantes. Un sitio de información que se basa en anuncios vistos necesita convertir a un cliente que entra por primera vez en un cliente que vuelve.

Es la sustancia de las páginas web. Es el texto y los gráficos que nos dan información sobre una página web. No es su diseño.

Un comentario en informática, se refiere a anotaciones en el código para que los desarrolladores entiendan qué se está haciendo. Los comentarios sólo se verán editando el código fuente.

Los códigos HTML son carácteres especiales o entidades de carácteres que pueden ser utilizados en páginas Web para mostrar carácteres que de otra forma sería difíciles de escribir o utilizar.

Tipos de códigos HTML Hay dos tipos de códigos HTML que se pueden utilizar en páginas Web: Carácteres que no se pueden escribir con un teclado estándar, como ã or Ç, estos pueden ser escritos con teclas de opción en algunos programas, pero si no indicamos el código HTML para la página Web, entonces no se mostrarán o se mostrará un carácter extraño (como una caja negra o algo peor). Carácteres que son utlizados por el mismo HTML y que causarán problemas con los navegadores si se utilizan en la página Web, como (<, >, &). Utilizando códigos HTML Cada carácter que forma parte del conjunto de carácteres de tu página Web puede ser escrito codificado con códigos HTML o entidades de carácteres.

El código HTML normalmente significa el lenguaje de marcas HTML que permite a los navegadores Web renderizar el contenido. Mucha gente se refiere al lenguaje para construir páginas Web como código HTML. HTML es el lenguaje que se utiliza para escribir páginas Web. Pero el término código es engañoso. Mucha gente considera que el código significa un lenguaje de programación como C++ o Perl, y no consideran HTML como código.

Content Management System, en castellano Sistema de Gestión de Contenidos, es una herramienta para gestionar el contenido, generalmente de una web, que separa los datos, el diseño y la interactividad para permitir a los autores proveer contenidos de una forma sencilla.

Es catellano lo podríamos traducir como hijo. Es un elemeto XML contenido dentro de otro.

(Common Gateway Interface). Es una tecnología que permite a un cliente (navegador web), solicitar datos de un programa ejecutado en el servidor. Especifica un estándar para transferir datos entre el cliente y el programa. Las aplicaciones que se ejecutan en el servidor se suelen llamar CGIs.

(Channel Definition Format). Es un estándar XML para definiar el contenido y la estructura de una página web. Es similar a RSS.