INSTITUTO POLITECNICO NACIONAL

Unidad Profesional Interdisciplinaria de

Ingeniera y Ciencias Sociales y
Administrativas

Pgina Web

Integrantes
Luquin Machuca Antonio
Reyes Domnguez Gabriela Jazmn
Reyes lvarez Mara Josefa
Romero Bernal Ivn Michel

Coordinador
Sandoval lvarez Manuel

Introduccin

En esta pgina web se abarcaron todos los temas expuestos durante el curso, con la
finalidad de aplicar en manera prctica cada uno de estos temas y as poder representarlos
de una manera correcta y sobre todo identificarlos fcilmente.

De esta manera puede ser un claro ejemplo de cmo podemos utilizar cada uno de los
elementos, como el contraste, el color en general, las figuras, formas, la percepcin, entre
otros temas.

Para esto necesitamos tener un conocimiento previo de dichos temas entre otros, para as
saber cmo poder realizar esta tarea, ya que es necesario conocer por ejemplo que tipos de
contraste existen, cual es el circulo cromtico, cuales son las formas o figuras, entre otros
temas, ya que conociendo esto, la manera de desarrollar la pgina es an ms fcil

ndice

Introduccin.. 2
Explicacin Pagina Web ....4
Conclusiones.10
Bibliografa.11

En esta pgina web utilizamos los elementos expuestos en clase para as representarlos
fsicamente, usamos el tema de mascaras ya que nos pareci una opcin buena para
representar cada uno de los temas que vimos durante el curso.

En la pgina inicial se puede ver a primera instancia el nombre de la pgina en la parte

central superior, en un color azul claro esto con la finalidad de que resaltara ms al momento
de ingresar, como podemos observar en cuanto al fondo, elegimos tonos fros, adems del
degradado que existe en estos tonos, para un contraste mayor con las letras y las imgenes
que es lo que queremos resalar ms.
Se eligi un tono negro en las letras de la descripcin para que as contrastara an ms con
el fondo y de esta manera pudieran dirigir la atencin a esta parte.
Se aplic la regla Aurea en esta primera parte de la pgina de tal manera que resaltara un
poco ms lo que son las imgenes de las mscaras, como se pude apreciar, utilizamos la
parte de las formas en las imgenes, utilizando cuadrados o rectngulos.
En la parte de abajo se puede observar como hay una pequea galera de imgenes de las
mscaras y van pasando aleatoriamente, esto hace que la persona que ve la pgina centre
su atencin a dicha parte y pueda observar claramente cada una de las imgenes.

Se puede observar tambin que en la parte superior hay un men que te dirige a las
diferentes partes de la pgina. De esta manera apachurrando la opcin de Tienda te redirige
a esta parte de la pgina.
Donde podemos observar de nueva cuenta que en la parte superior sigue apareciendo el
men, el nombre de la pgina, pero lo que cambia esta vez es el fondo, que como se puede
observar sigue dentro de los tonos fros con un morado igualmente en un degradado y con
movimiento, sin perder el punto central que son las imgenes.
Como se puede observar adems del fondo morado, utilizamos un fondo blanco en el rea
de las imgenes para que as contraste de una manera mayor, seguimos utilizando formas
como los cuadrados y en la parte superior se puede observar que dice tienda en un fondo
rosado con letras negras y grandes para que resale an ms esta parte.

Siguiendo con la pgina en la parte de contactamos, de nueva cuenta cambia el color del
fondo, esta vez a un tono azul ms brillante, igualmente con movimiento, se aplic
nuevamente la regla aurea, donde en ambas partes se centra la atencin, tanto en el rea
donde se puede enviar un mensaje, poner el nombre, etc. Como en la parte izquierda. De
igual manera utilizamos un color negro en la palabra contactamos para hacer un contraste
con el fondo y que se perciba an ms y esta vez en lugar de utilizar un color opuesto en el
crculo cromtico, utilizamos las diferentes tonalidades del azul en las letras para un
contraste simultaneo.

En la ltima opcin encontramos el rea de quienes somos donde cmo podemos observar
el fondo de la pgina vuelve a cambiar, pero esta vez sigue dentro de los tonos azules, es
con movimiento, pero sin hacer que nuestra percepcin se enfoque solamente en eso, en la
parte superior sigue apareciendo el men, el nombre de la tienda y un poco ms abajo un
rea que dice acerca de nosotros donde podemos observar que es un rea cuadrada de
color blanco que resalta sobre el fondo que es de tono azul. Aqu utilizamos diferentes
tamaos de letra, grande y pequeo donde los ttulos de cada rea son ms grandes que el
texto en s, utilizamos para el color de la letra un tono negro que contrasta perfectamente
con el tono banco, hace que resalte an ms y nuestra atencin se centre en esa rea.

Conclusiones

Al conocer los diferentes conceptos o temas que abarcamos durante el periodo, nos resulta
ms fcil poner en practica cada uno de estos temas, con este proyecto de realizar una
pgina web creemos que quedo muy bien para poner en prctica los conocimientos
adquiridos y representaros fcilmente ya que esta era una opcin fcil para realizar esta
demostracin.

Para cada parte de la pgina fue fcil elegir que tonos o que colores, podamos utilizar, como
contrastarlos entre s, bsicamente utilizando los conocimientos adquiridos para presentarlo
de una manera ms fcil.

Bibliografa

http://elmundomagicodelcolor.jimdo.com/generalidades/
http://www.uco.es/organiza/departamentos/prodanimal/economia/aula/img/pictorex/07_09_40_4_REVCOLOR.pdf
http://coloresencbt.blogspot.mx/