You are on page 1of 9

Sistema de gestión de contenido

Un sistema de gestión de contenido(CMS) es una página web con algunas funciones de
publicación. En concreto, tiene una interfaz administrativa que permite al
administrador del sitio crear u organizar distintos documentos.
En teoría, el CMS debe tener un sistema de flujo de trabajo que permita a un equipo
editorial trabajar de manera simultánea y a un director de publicación aprobar las
contribuciones antes de que se publiquen en línea.
En principio, los artículos y el contenido del sitio se guardan en una base de datos, en
tanto que las plantillas definen el diseño del contenido.
Un CMS estándar muestra un diseño basado en cajas que se organiza, por lo general,
en tres columnas. Muchos CMS tienen un canal RSS que se actualiza automáticamente
cuando
se
publican
artículos
nuevos.

Más información
Las principales herramientas de CMS son:

Wordpress

MAMBO

Typo3

Joomla

Flujo de trabajo (Workflow)
El término "Workflow", que se traduce literalmente como "flujo de trabajo", hace
referencia a la gestión modelada y computarizada de todas las tareas que deben
llevarse a cabo y de los distintos protagonistas involucrados en realizar el proceso de
negocios (también llamado proceso operativo). También puede traducirse el término
Worflow como gestión electrónica de procesos de negocios.
Un proceso de negocios representa interacciones bajo la forma de un intercambio de
información entre los distintos protagonistas, por ejemplo:

Personas

Aplicaciones o servicios

Procesos de terceros
En la práctica, un Workflow puede describir:

El circuito de validación.

En este caso. El editor revisa la copia y la envía al director de sección. Aquí la dirección del Worflow es dinámica. El editor en jefe considera que el documento contiene elementos que no son actuales y lo devuelve al editor. El editor de la sección le echa una mirada al documento y lo valida. Las tareas que deben realizarse entre los distintos participantes de un proceso. El editor en jefe valida el documento para que se publique en línea. El editor propone un artículo al director de la sección. le proporciona a cada protagonista la información necesaria para que pueda completar su tarea. el Workflow da forma a las tareas de la cadena de edición completa. 5.  Los plazos que deben respetarse.  El ejemplo anterior es una representación muy esquemática de cómo puede verse el Workflow para la publicación de un documento en una intranet con la ayuda de una interfaz de publicación: 1. Con este tipo de herramientas se pueden . 2. El director de sección corrige algunos errores tipográficos y envía nuevamente el artículo al editor en jefe. desde la propuesta del editor hasta la validación de la persona a cargo de la publicación.  Workflow ad hoc que se basa en un modelo de trabajo de grupo en el cual los protagonistas participan en la decisión de hacia dónde dirigir el Workflow. 3. en el caso de un proceso de publicación en línea. Además. 4. la dirección del Workflow es más o menos fija. Por ejemplo. Motor de Workflow El motor de Workflow es una herramienta que permite dar forma a y automatizar los procesos de negocios de la empresa. Tipos de Workflow Por lo general se distinguen dos tipos de Workflow:  Workflow procedimental (también denominado Workflow de producción o Workflow administrativo) que corresponde a procesos de negocios conocidos de la empresa y que está sujeto a procedimientos preestablecidos. Los modos de validación. 6.

es decir. Es muy interesante observar cómo cada sitio web organiza la información.formalizar las reglas comerciales de la empresa para automatizar el proceso de toma de decisiones. Las plantillas son imágenes en "carbónico" o páginas web que representan el esquema gráfico de un modelo de página. De cualquier modo. en general. Inspiración necesaria Diseñar una página web es principalmente una tarea artística que combina inventiva y creatividad. Webmastering . sobre todo.Diseño web US ES DE FR IT BR Febrero 2016 Introducción al diseño web El término "diseño web" se refiere a la actividad que consiste en estructurar los elementos gráficos de un sitio web para expresar estéticamente la identidad visual de una compañía u organización. el término diseñador web se refiere a la persona cuyo trabajo es diseñar sitios web. Organización de la página Generalmente al diseñar un sitio web se crean plantillas que se usan como modelo. El objetivo del diseño web es realzar la imagen de una compañía u organización a través de elementos gráficos con el objeto de reforzar su identidad visual y despertar una sensación de confianza en el usuario. qué rama de Workflow elegir según el contexto. cubrir las expectativas del usuario y permitirle encontrar fácilmente la información que busca. también puede encontrarse inspiración en una visita a los sitios web de referencia. Aún así y junto con el criterio de ergonomía. un sitio web debe.y una presentación simple y sencilla que permita a los usuarios encontrar lo que están buscando. cómo se presentan los menús y los bloques de información y. en especial los sitios web profesionales. Por extensión. Por eso. . determinar qué le brinda una apariencia "profesional" a un sitio web. El objetivo de esta guía es listar varios elementos clave que se usan para obtener un diseño eficaz. Se trata de una etapa de diseño virtual más que de diseño funcional (ergonomía. navegación). el diseño web consiste en encontrar un término medio entre una presentación que tenga gráficos impresionantes -y que le proporcione a la compañía tanto credibilidad como imagen de marca.

Un menú localizado a la derecha o a la izquierda. la última actualización. colores y apariencia del texto. Los bocetos permiten a los diseñadores formalizar el diseño del sitio web y casi siempre se usan para validar la fase de diseño antes de pasar a la fase de "realización".  Un pie de página que incluye información útil como ser. Boceto Un boceto es un modelo o prototipo de un sitio web que presenta los gráficos y la navegación del sitio. El estatuto gráfico define el equipamiento gráfico de un sitio web. un banner de navegación y un área reservada para un banner (publicitario o de otro tipo). las imágenes y botones del sitio y también la ubicación que tienen con respecto a otros objetos en la página. en particular los tamaños.La estructura tradicional de una página web es la siguiente:    Un logotipo ubicado en la esquina superior izquierda. un vínculo a un formulario de contacto. . Un encabezado que contiene el nombre del sitio web. etcétera. El diseñador debe definir en la plantilla qué elementos no cambian y son idénticos en cada página y qué elementos varían de una página a la otra. El boceto incluye páginas estáticas que representan las páginas principales del sitio web (sin contenido). Durante la simulación. por ejemplo. un vínculo al mapa del sitio. pueden conducir a una página que contiene resultados inventados. Los usuarios pueden hacer clic en la mayoría de los logotipos y volver a la página de inicio. Estatuto gráfico Un "estatuto gráfico" es un documento integral que detalla las reglas de presentación para los elementos gráficos que transmiten la identidad visual de un sitio web. elementos dinámicos tales como el motor de búsqueda.  El cuerpo principal de la página que contiene la mayor parte de la información. las cuales se usan para simular la navegación.

Tamaños de la página El tamaño de una página web depende principalmente de la definición que tenga la pantalla del usuario (no de su resolución). Con respecto al largo. Existen varias estrategias para garantizar que la página se vea de manera óptima en la mayoría de los equipos de los visitantes:  Elegir el ancho más pequeño admitido por la mayoría de los equipos (por ejemplo: entre 600 y 800 píxeles de ancho). Una página angosta permite a los visitantes hojear la información fácilmente para encontrar lo que les interesa. especialmente los del logotipo. Este método requiere que el visitante utilice un navegador con JavaScript activado y la creación de tantas páginas como anchos solicitados. y es recomendable que expresen una sensación en particular. Se deben elegir uno o varios colores secundarios más brillantes y dinámicos y usarse en proporciones menores para destacar los elementos de la página. . las páginas excesivamente largas corren el riesgo de no leerse por completo y además toma mucho tiempo descargarlas. debe elegirse un color dominante y usarse como el color principal de la página web. Elección de los colores No se recomienda usar más de tres colores distintos en un sitio web para cumplir con el criterio de simplicidad.  Usar un script (por ejemplo.  Elegir una página que contenga tablas invisibles con ancho variable (definido por porcentaje). De hecho. Los colores deben corresponderse con los colores de la organización. Teniendo en cuenta el ancho. El posicionamiento de la información Cómo se posiciona la información es un elemento importante en el diseño web. es preferible seleccionar un tamaño menor que la definición horizontal de la pantalla de la mayoría de los visitantes para que éstos no tengan que desplazar la pantalla con la barra de desplazamiento. Si se tiene en cuenta la dirección en la que los usuarios leen la información (en diagonal desde la esquina superior izquierda hacia la esquina inferior derecha). Sin importar qué colores se elijan. es aconsejable no exceder de tres a cinco veces la altura de la pantalla. JavaScript) para detectar la resolución de la pantalla del usuario y redireccionarlo a una página con el ancho adecuado. la información que esté ubicada en la parte superior de la página tendrá más probabilidades de ser leída por los usuarios de Internet.

intimidad. oro. riqueza. moda. a felicidad. naturaleza. bienestar. esperanza. rabia. medicina Violet a delicadeza. dinamismo. riqueza. vida. la temperatura corporal. Los colores tienen influencia sobre el comportamiento de los individuos:  A nivel físico (sobre el apetito. energía. descanso. lo potencia. paz. aroma. dignidad. amabilidad. placer. tolerancia. triunfo. melancolía. confianza. orgullo. IT. seriedad. misticismo. autoridad. advertencia Verde naturaleza. política Rosa encanto.Los colores tienen un simbolismo implícito. viajes. juventud. inmortalidad engaño. deportes. virtud. religión tristeza. medios sangre. etcétera). sueño pacificación. etcétera). serenidad. lujo. discreción. confianza. fuerza. La tabla que sigue es una lista de los significados que se asocian característicamente  con colores específicos: Color Significados positivos Significados negativos Áreas Azul calma. sol. navegación. marketing. belleza ingenuidad diarios íntimos. turismo celos. cítricos. cielo. etcétera). vida vegetal. vitalidad fuego. entusiasmo violencia. coraje. peligro. decepción Cultura. modestia. pena. deportes. infierno Naranj tibieza. educación . restricción. la concentración. alegría. equilibrio. viajes Amaril luz. urgencia. amor. pasión. se los debe elegir en función de objetivo. seguridad. el descanso.  A nivel emocional (sobre sensaciones de miedo. frío. agua. feminidad. alegría. Por este motivo. nuevas tecnologías. pacificación. advertencia entretenimiento. ayuda. descubrimientos. soberbia. mujer Rojo calor. protección. A nivel psicológico (sobre la energía. egoísmo.

riqueza modas. inocencia. lujo. pulcritud. azul. Incluye los siguientes colores:  Los colores primarios (rojo. verde) o "puros". arte. amarillo). que no pueden obtenerse mezclando otros colores. Es una representación de los colores en forma circular. noticias Gris diseño. El círculo cromático es una herramienta útil para comprender cómo interactúan los colores. tristeza.  Los colores secundarios (cian. asociaciones. monotonía cine. filosofía. noche muerte. frescura. magenta. nieve. Los colores también se dividen en "cálidos" (tonos que se acercan al rojo) y "fríos"  (tonos más próximos al azul). organizaciones sin fines de lucro neutralidad. oscuridad. La composición de colores puede dar una sensación de bienestar. fotografía. tanto en una casa hermosamente decorada como en un sitio web. Los colores terciarios. que se obtienen al mezclar un color primario con uno secundario. campo n suciedad medio ambiente Blanco pureza. restricción La composición de colores también tiene influencia sobre cómo se perciben los volúmenes.caridad Marró calma. . que se obtienen al mezclar en partes iguales dos colores adyacentes. respeto Negro simpleza. Los colores secundarios son diametralmente opuestos a sus colores complementarios (sustractivos) en el círculo cromático.

El azul al lado de el rojo se verá más verdoso. colores que estén lejos unos de otros dentro del círculo cromático. Cuando se elijan dos colores. estos deben ser diametralmente opuestos. Así. Los webmaster principiantes gustan de vitalizar sus sitios web con divertidas imágenes animadas encontradas en la Web. A grandes rasgos.Existen leyes universales que dominan la armonía entre los colores y que responden a las propiedades físicas del ojo. Esto se llama "contraste simultáneo". los objetos de colores cálidos perecerán más grandes que aquellos de colores fríos. etcétera. Para finalizar. para tres colores. existen dos maneras de elegir colores que armonicen:  Seleccionar matices del mismo color o colores dentro de la misma gama con tonalidades similares. esto es lo que se llama "armonía de colores". o sea. los colores lindantes en el diagrama cromático crean una sensación de equilibrio para el ojo debido a la ausencia de contraste. . imágenes mal utilizadas pueden perturbar la comodidad visual como también la descarga de una página. Esto se debe evitar al máximo porque dichas imágenes pueden molestar a los lectores y provocar que el sitio web transmita una sensación de poco profesionalismo. en términos generales. el amarillo se verá más anaranjado al lado de un azul y el azul se verá más púrpura. Mezclar colores complementarios (cálidos y fríos). la forma en que se percibe un color depende de los colores que lo rodean. complementarios.  Selección de imágenes Las imágenes sirven para darle vitalidad y hacer más alegre un sitio web. Cuando el ojo ve un color. etcétera. crea automáticamente un filtro para el color complementario a su alrededor. Por eso. Tomando eso en cuenta. los colores seleccionados deben estar ubicados en un triángulo equilátero. Además.

Símbolos gráficos Se recomienda usar pictogramas e íconos para establecer signos visuales. Por lo tanto. tenga en cuenta que con las fuentes no estándar se corre el riesgo de que no se visualicen correctamente en algunas pantallas. o pequeños adornos. Tipografía Se recomienda no usar más de dos tipos de fuente en un sitio web. se pueden crear imágenes transparentes que contengan el texto. Un sobre representa la opción de contactar al webmaster a través del correo electrónico. el color de fondo debe ser algo pálido. etcétera). Por último. Si se desea crear títulos con este tipo de fuente y para evitar la limitación mencionada antes. se debe tener cuidado al elegir símbolos porque los usuarios pueden malinterpretarlos. en especial si se trata de sitios web internacionales. suelen facilitar la lectura ya que las serifas ayudan a los lectores a seguir el texto. porque puede obstaculizar la lectura y transmitir una sensación general de amateurismo. helvética.  Un signo de interrogación simboliza la ayuda en línea  Una casa representa el vínculo a la página de inicio. En los textos impresos tradicionales. Es por esto que se aconseja no elegir un fondo con gráficos. dependiendo de la definición de la pantalla del usuario. pueden deformarse y parecer garabatos que obstaculizan la lectura. . verdana.  Una bandera simboliza el idioma de la página actual o la posibilidad de cambiarla a otro idioma. Generalmente. las fuentes con serifas (serif). Pero no se recomienda usar serifas en Internet porque. Es esencial elegir un contraste apropiado entre el color de primer plano y el color de fondo dominante. es una opción más adecuada usar fuentes de palo seco o sin serifas (sans-serif) más redondeadas. para un título) y para la mayor parte del sitio web conviene utilizar una fuente clásica (arial. Estos son los pictogramas que más se usan:   Una lupa simboliza característicamente la función de búsqueda.Colores de fondo La correcta elección de los colores de fondo es vital ya que un fondo mal elegido puede dificultar la lectura. Las fuentes estilizadas se deben usar con moderación (por ejemplo. De cualquier manera.