Exámen de recuperación de Páginas web

La información presentada a continuación es sólo una referencia de lo que vendrá en las evaluaciones 1a, 2a y 3a, deben tomar en cuenta que tienen que practicar en casa lo siguiente:

1er. Parcial. Comprender y saber aplicar a un diseño los siguientes conceptos:

• Minimalismo.
• Conceptualismo.
• Equilibrio.
• Zona aurea.
• Colorimetría y contrastes.
• Hipervínculos.

El exámen será práctico y consiste en aplicar dichas definiciones.

2o. Parcial. Consiste en crear una única página web con una tabla, en block de notas, y dentro de ella los siguentes elementos:

• Colores de texto y fondo.
• Imágenes.
• Sonidos.
• Videos.
• Animaciones.
• Marquesinas.
• Secciones de mapeo.
• Listas.

La página deberá contener cada uno de los elementos mensionados, además de alinearlos debidamente.

3er. Parcial. Consistirá en crear un SITIO web comprendido por el home y dos subpáginas (tres paginas):

• Serán diseñadas en macromedia dreamweaver 8.0.
• Se enlazarán entre si las páginas.
• Las páginas deberán contener un isologotipo y una animacion de flash por lo menos en cada una.
• Una vez terminado el sitio deberán subirlo (upload) a un servidor web. Para ello deberán traer su cuenta de hosting lista.

Nota: Es necesario que sepan que no necesitan de 10 para acreditar, es decir, que pueden pasar con 6, 6 y 6. Les sugiero hagan el intento por que el de regularización vendrá similar pero MÁS DIFICIL.

Pasos para la creación de un sitio web.

1. Conseguir toda la información:

• Textos: Misión, visión, valores, políticas, datos de ubicación, correo electrónico, teléfono, cuenta de facebook o twitter, concepto del negocio e historia.
• Imágenes: Fotos del negocio y de los productos, logotipo, isologotipo,etc.
• Botones de navegación.
• Fondos para las páginas.
• Barras, divisores y demás objetos de decoración.
• Croquis o mapa del sitio, con referencias (norte, sur, etc.)

2. Crear la estructura (organigrama). Consiste en definir la manera en como se organisa el site.

3. Crear los diseños de las páginas.

• Se debe considerar que el formato de las páginas es similar dentro del mismo nivel del organigrama, por ejemplo: página 1, 2, 3, y 4 llevan un mismo diseño.
• Al diseñar las páginas se debe tomar en cuenta el EQUILIBRIO de los objetos, el CONCEPTUALISMO, la COLORIMETRIA con sus respectivos constrastes y el MINIMALISMO. El cuidado de los conceptos anteriores favorece un buen diseño.
• Los requisitos para la página de inicio son: Debe contar con logo e isotipo, además al menos una imágen, una animación publicitaria de la misma empresa, y debe presentar solo la barra de navegación principal.
• Los requisitos para las demás páginas son: Contar con por lo menos una imágen , una animación, la barra de navegación principal y la navegación correspondiente al segundo nivel.

4. Crear los enlaces correspondientes. Cuidar y verificar todos los enlaces que comprende el sitio. Es de suma importancia que sea una NAVEGACION SIMPLE.

5. Conseguir un servidor gratuito en la Internet, al hacer esto se les asignará un usuario, contraseña y dirección URL, con los cuales podrán accesar a administrar dicho servidor.

6. Subir el sitio web al servidor y hacer las pruebas necesarias para verificar el diseño y la navegación.

7. Realizar ajustes y/o correcciones.

Zonas Aureas, Equilibrio, Dirección y Sentido.

ZONAS AUREAS

La zona áurea en temas de diseño, está relacionada con el manejo de la proporción y el encuadre. En este sentido, las propiedades geométricas hacen de la razón áurea algo bastante más interesante que una división simple. Con ella podemos establecer una asimetría donde las partes siguen compartiendo un sentido común, el de una progresión geométrica. En todas las composiciones simples y de mucho impacto visual está presente de "zona Áurea". El esquema más simple de "zona áurea" lo dan cuatro líneas divisorias: dos verticales y dos horizontales, cada una divide el ancho o el alto empezando por un extremo o por el otro. Trazándolas todas, cada magnitud se divide en tres zonas. Una zona lateral es sección áurea del resto, y la zona central es sección áurea de cualquiera de las laterales.




EQUILIBRIO

Es la nivelación de los componentes que actúan en el diseño. Viene determinado por la fuerza de gravedad de los objetos dentro del Área de diseño. Un diseño no equilibrado es el que pesa más de un lado que de otro, esta mal diseñado, es un error. Según el principio de Equilibrio todas las formas deben distribuirse de tal manera que la estructura total, la forma resultante, sea equilibrada. Es buscar armonía entre elementos diversos. Es el estado de un cuerpo en el cual las fuerzas que operan en el, se compensan mutuamente. La mejor prueba de que el equilibrio formal no es una ciencia exacta es que el fotógrafo adiestrado puede encuadrar, en pocos segundos, una composición aceptable en términos de equilibrio, sin importar demasiado la dirección a la que apunte el objetivo de su cámara. Jugando con el zoom y con ligeras variaciones en el ángulo de enfoque, no será difícil que encuentre una disposición correcta de los elementos prácticamente a todos los lados hacia los que mire. Cualquier pintor que se haya detenido a observar lo que le rodea a través de un marco de cartón, sabe que es relativamente simple, la mayor parte de las veces, dar con ese punto preciso en que la reunión casual de unos objetos dentro del rectángulo .Según la física el equilibrio es el estado en el cual las fuerzas que operan en él se compensan mutuamente. Es la distribución de las partes por la cual el todo ha llegado a una situación de reposo. No obstante, la idea de equilibrio implica fuerza y dirección, por lo tanto también movimiento.

DIRECCION Y SENTIDO

Dirección es para donde va uno o varios elementos del diseño puede tener un elemento 15 grados o 45, etc.*El diseño gráfico tiene como propósito la conceptualización y posterior confección o facturación de objetos en serie. El diseño viene a redescubrir la forma de los objetos; viene de hecho a presentarlos y representarlos según la ocasión, gustos del consumidor, necesidades del producto, factores económicos, sociales e históricos..-

Teoría del color, Contraste, Modelos RGB y CMY.

TEORIA DEL COLOR


En el arte de la pintura, el diseño gráfico, la fotografía, la imprenta y en la televisión, la teoría del color es un grupo de reglas básicas en la mezcla de colores para conseguir el efecto deseado combinando colores de luz o pigmento. La luz blanca se puede producir combinando el rojo, el verde y el azul, mientras que combinando pigmentos cian, magenta y amarillo se produce el color neutro.

Aquí están algunos ejemplos te esta Teoría aplicada:

CÍRCULO CROMÁTICO

El círculo cromático es una clasificación de los colores. Se denomina círculo cromático al resultante de distribuir alrededor de un círculo los colores que conforman el segmento de la luz. Los colores más comunes de encontrar en un círculo cromático son seis: amarillo, anaranjado, rojo, violeta, azul y verde, aunque para las artes gráficas en el formato digital los colores sean amarillo, rojo, magenta, azul, cian y verde. La mezcla de estos colores puede ser representada en un círculo de 12 colores : tres colores primarios, tres colores secundarios (creados por la mezcla de dos primarios), y seis colores terciarios (la mezcla de los colores primarios y los secundarios), haciendo una mezcla de un color con el siguiente y así sucesivamente se puede crear un círculo cromático con millones de colores.

Los colores primarios son: el rojo, el azul y el amarillo.

Los colores secundarios son: el verde, el violeta y el naranja.

Los colores terciarios son: el rojo violáceo rojo anaranjado, amarillo anaranjado, amarillo verdoso, azul verdoso y azul violáceo.


CONTRASTE

El contraste se define como la diferencia relativa en intensidad entre un punto de una imagen y sus alrededores.
Un ejemplo simple es el contraste entre un objeto de brillo constante sobre un fondo de un brillo constante. Si ambas superficies tienen el mismo brillo, el contraste será nulo, y el objeto tanto física como preceptivamente será indistinguible del fondo. Según se incrementa la diferencia en brillo el objeto será perceptivamente distinguible del fondo una vez alcanzado el umbrañ de contraste, que se sitúa alrededor del 0,3% de diferencia en brillo.

Existen diversos tipos de contrastes como:

MODELO DE COLOR RGB

La mezcla de colores luz, normalmente rojo, verde y azul (RGB), se realiza utilizando el sistema de color aditivo, también referido como el modelo RGB o el espacio de color RGB. Todos los colores posibles que pueden ser creados por la mezcla de estas tres luces de color son aludidos como el espectro de color de estas luces en concreto. Cuando ningún color luz está presente, uno percibe el negro. Los colores luz tienen aplicación en los monitores de un ordenador, televisores, proyectores de vídeo y todos aquellos sistemas que utilizan combinaciones de materiales que fosforecen en el rojo, verde y azul.



MODELO CMY

Para impresión, los colores usados son cian, magenta y amarillo; este sistema es denominado modelo CMY. En el modelo CMY, el negro es creado por mezcla de todos los colores, y el blanco es la ausencia de cualquier color (asumiendo que el papel sea blanco). Como la mezcla de los colores es substractiva, también es llamado modelo de color sustractivo. Una mezcla de cian, magenta y amarillo en realidad resulta en un color negro turbio por lo que normalmente se utiliza tinta negra de verdad. Cuando el negro es añadido, este modelo de color es denominado modelo CMYK. Recientemente, se ha demostrado que el modelo de color CMY es también más preciso para las mezclas de pigmento.

Se debe tener en cuenta que sólo con unos colores "primarios" ficticios se puede llegar a conseguir todos los colores posibles. Estos primarios son conceptos arbitrarios utilizados en modelos de color matemáticos que no representan las sensaciones de color reales o incluso los impulsos nerviosos reales o procesos cerebrales. En otras palabras, todos los colores "primarios" perfectos son completamente imaginarios, lo que implica que todos los colores primarios que se utilizan en las mezclas son incompletos o imperfectos.

Práctica Integradora

Práctica Integradora de Microsoft Power Point

Crear una presentación con las siguientes características:

• Tema: Vida Estudiantil.
• Mínimo 12 diapositivas
• Fecha y Hora: actualizar automáticamente
• Pie de página: Nombre completo y número de diapositiva
• En la primera diapositiva: Título, Nombre y grupo
• Utilizar diferentes Diseños.
• Utilizar un tema, pero con diferente estilo de fondo
• Imágenes, sonido
• Transiciones y diferentes efectos de animación
• Crear en la segunda diapositiva un menú con botones de acción.
• Cada diapositiva tenga los botones de siguiente y después de cada tema devolverse al menú.

Presentaciones Electrónicas

Introducción.

Por presentaciones entenderemos no sólo el medio de proyectar imágenes con apoyo de computadora y cañón, sino todo tipo de medios y técnicas que actúan para soportar una exposición cualquiera, excepción hecha del pizarrón y del pintarrón. En este sentido, lo que aquí se comenta es aplicable también al uso de rotafolios, retroproyector, transparencias, multimedia, datashow, etc.

Utilidad de las presentaciones.

Las presentaciones no constituyen una simple decoración. Cuando hablamos en público, normalmente utilizamos elementos auxiliares como notas, mapas mentales, pizarrón, rotafolios o instrumentos más elaborados como proyecciones multimedia.

Existen diversas motivaciones por las que realizamos presentaciones: informar, persuadir, motivar, enseñar, vender. Resulta obvio que la motivación de la charla incidirá sobre el resto de los aspectos relacionados con la presentación. Después de todo, compartimos la convicción de que toda presentación eficaz crea un cambio en el público: lo motiva, lo disuade, le ofrece conocimientos nuevos, refuerza conocimientos previos, lo convence. En otras palabras, si queremos realizar una presentación eficaz, si queremos provocar un cambio en el público, es preciso tener claros nuestros propósitos y apoyarlos adecuadamente con todos los medios disponibles para ello.

En este sentido, las presentaciones electrónicas cumplen objetivos bien definidos.

Es un programa donde puedes armar una presentación y después proyectarla con la ayuda de una computadora un televisor o proyector. Ejemplo: hagamos de cuenta que quieres hablar acerca de animales entonces puedes conseguir fotos de distintos animales y juntarlas por medio de PowerPoint colocarles un texto que te sirva de descripción a cada foto y después PowerPoint te crea una presentación, así mientras tu estas exponiendo te puedes ayudar con la presentación que ya armaste de fotos de animales y haces mas interactiva tu presentación y atraes mas la atención del auditorio.

Que es Microsoft Power Point?

Microsoft PowerPoint es un programa de presentacion desarrollado para sistemas operativos Microsoft windows y Mac- os Ampliamente usado en distintos campos como en la enseñanza, negocios, etc. Según las cifras de Microsoft Corporation, cerca de 30 millones de presentaciones son realizadas con PowerPoint cada día. Forma parte de la suite Microsoft Office. Es un programa diseñado para hacer presentaciones con texto esquematizado, fácil de entender, animaciones de texto e imágenes, imágenes prediseñadas o importadas desde imágenes de la computadora. Se le pueden aplicar distintos diseños de fuente, plantilla y animación. Este tipo de presentaciones suele ser muy llamativo y mucho más práctico que los de Microsoft Word.