Entradas

Proyecto del Curso(III): Entrega final

Imagen
Proyecto del Curso(III): Entrega final  Cambios realizados respecto al proyecto del curso(II): Inicio: Antes: Ahora: Cambios realizados: -El color de la barra del menú , pasa de ser de un color marrón verdoso sucio a un amarillo anaranjado mucho más limpio. -Se ha eliminado el fondo amarillo del logo en el favicon ,barra del menú e inicio de la página. Sección ¿Quiénes somos?: Antes: Ahora: Cambios realizados: -El color de fondo pasa de ser un amarillo triste a un amarillo mucho más alegre y bonito. -Se ha ajustado el tamaño de la imagen ya que antes se veía muy pequeña y estaba alejada del texto. Tutoriales: Antes:   Ahora: Cambios realizados: -El color de fondo pasa de ser un amarillo triste a un amarillo mucho más alegre y bonito. -Se han hecho mucho más llamativos los botones de los tutoriales ,destacando el botón de todos. -Se ha añadido una barra horizontal al inicio de cada tutorial para que no de lugar a confusión entre dos tutoriales. -Se ha añadido un plugin de ...

Proyecto del curso II : Web estática

Imagen
  Web estática: En este blog voy a explicar como he creado mi web estática y algunos pasos que he seguido: Plantilla web : He estado investigando plantillas en la página de  https://bootstraptaste.com / y la de  https://bootstrapmade.com/demo/Im perial/  ha sido la que más me ha llamado la atención, me ha gustado mucho el diseño y como se distribuía el contenido, por lo que he decidido implementarlo en mi web. He implementado algunos cambios como por ejemplo en la portada:  Los cambios que ha habido en la portada respecto a la plantilla han sido: -Cambio y color en la barra de navegación (en vez de abajo ahora se sitúa arriba y el color ha cambiado a amarillo). -Las letras de la barra de navegación pasan de ser de blancas a negras , y de azul cuando pasas el ratón a blancas. -Cambio en las imágenes de la plantilla por imágenes importadas por mi y mi logo de la web . -Cambio en el color de los botones y en el subrayado. -Cambio de color al pasar el ratón  po...

Paletas de colores

Imagen
 Paleta de colores En esta blog vamos ha pensar y diseñar los colores de mi web , el logo de mi web(El dorsal del gol)  es: La selección de la paleta de colores de mi web es: Complementaria: Para elegir esta paleta me he inspirado en el logo de web que contiene bastante naranja y amarillo , viendo los posibles colores complementarios. Mi primera alternativa para la web es que complementario ya que el naranja y azul combinan muy bien y podrían dar a mi web un buen aspecto. He elegido el complementario porque me gustan los contrastes que se producen, pudiendo así destacar elementos de una manera muy estética y dando a la web un aspecto dinámico. Mi otra alternativa sea análoga con el color amarillo anaranjado como color principal combinado con el blanco y con el azul para destacar algunos elementos de mi web. He elegido el análogo como segunda opción porque me gusta que la página web tenga una aspecto limpio y tranquilice al lector sobre los consejos y trucos sobre futbol que vo...

Principios de diseño

Imagen
  ¿Qué consideras un buen diseño? Yo considero que una web tiene un buen diseño cuando es fácil de utilizar y es intuitiva, además de lucir bonita estéticamente, con una buena combinación de colores. También considero importante que la web este ordenada, es decir, que se distingan las partes de la web y se pueda ver claramente todo , incitando al usuario a leer la información. Web con simetría ,proximidad y alineamiento https://www.cinesa.es/ La página cinesa vemos que es una web simétrica en la que los elementos , en este caso las películas se reparten en igualdad de cantidad en ambos lados, dando la sensación de orden y estabilidad en la web. También se aprecia la proximidad donde se ve que hay un espacio en blanco entre las películas , lo que se conoce como proximidad de bordes cercanos. El alineamiento se presencia  debido a la ordenación de las diferentes películas que están divididas en columnas y en filas. Web con cierre, continuidad y similitud https://www.amazon....

Yo estuve allí

Imagen
Yo estuve allí En está entrada vamos a editar con el programa pixlr, una foto de la entrada de la etsit upm ,una foto mía y una foto de Cristiano Ronaldo, con el objetivo de conseguir una foto final en la que salgamos Cristiano Ronaldo y yo en la entrada de la etsit. Fotos empleadas: Para la edición de las imágenes e utilizado el recortado de imagen para quitar gran parte del fondo y centrarme en resaltar lo principal(la persona),luego he hecho cortes como el trazo de lazo para resaltar aún mas a la persona e utilizado el zoom y parte de la herramientas de cortado para quitar el fondo ,consiguiendo así una imagen sin fondo (solo la persona). Así fueron los resultados:   Teniendo como resultado final