Un sitio para las sonrisas: Segunda versión del sitio web con “responsividad” mejorada y adición de metadatos básicos

 

Domingo, 24 de abril de 2022

Habiendo terminado la primera versión del sitio web, me di cuenta de algunos errores que este tenía, por lo que los corregí a hacer una segunda versión. El más notorio de ellos es la "responsividad" del sitio web, que siempre fue aterradora para mí. ¿Cómo logré mejorarla?

Durante esta semana, mejoré la responsividad del sitio web. Esta característica se refiere a la funcionalidad mediante la cual una página de Internet se adapta a las diferentes dimensiones y navegador que el dispositivo del usuario final tiene.

Normalmente, mejorar la responsividad del sitio web es una tarea aterradora para mí. Esto ya que, con todos los tamaños de pantallas y navegadores que existen en la actualidad es difícil hacer que el sitio se adapte a todos ellos.

No obstante, continúe y lo hice. Para ello, apliqué técnicas que había leído anteriormente en libros de programación de sitios web, pero que no había aplicado antes. Por ejemplo, use "unidades de medida relativas" y "media queries".

Considero que tuve bastante éxito en esta experiencia. Logré corregir varios errores que habían surgido previamente y fue realmente reconfortante ver cómo lo que había estudiado antes me sirvió en una situación real.

 

 

Evidencia: Vista de la sección de presentación desde un teléfono móvil. 

Evidencia: Vista de "¿Quiénes somos?" desde un teléfono móvil.

 

 

Evidencia: Vista de "Testimonios" desde un teléfono móvil.

 

¿Qué he desarrollado?

Componentes:

Creatividad: Al diseñar la versión para teléfonos móviles del sitio web de SDM, tuve que explorar diferentes ideas de cómo hacerlo, que me llevaron finalmente al producto original de la forma en la que lo hice.

Servicio: Al ayudar a SDM, estoy contribuyendo a un bien común. Esto ya que justamente estoy buscando contribuir a su misión, la cual es importante a nivel social.

Atributos:

Audaz: Al mejorar la responsividad del sitio a pesar de la inseguridad que me provocaba esta característica, abordé la incertidumbre con determinación. Más aún, mostré ingenio y resiliencia para enfrentar el desafío cuando se me presentó, pudiendo finalmente lograrlo.

Solidario: Al ayudar a SDM, estoy mostrando mi compromiso a ayudar a los demás y actuando con el propósito de influir positivamente en la vida de las personas y el mundo que nos rodea. Esto ya que me estoy comprometiendo con el objetivo de SDM de ayudar a las personas que se han visto afectadas negativamente por la pandemia del coronavirus y contribuyendo a expandir el alcance de la organización.

Habilidades:

De autogestión: Al mejorar la responsividad del sitio a pesar de la inseguridad que me provocaba esta característica, desarrollé mi habilidad para gestionarme a mi mismo y estar determinado aún ante la incertidumbre que implicaba este desafío.

Sociales: Al buscar impactar positivamente en la vida de otras personas, estoy desarrollando mis habilidades para desarrollarme socialmente con ellas.

Resultados de aprendizaje:

Mostrar compromiso y perseverancia con las experiencias de CAS:  Al mejorar la responsividad del sitio a pesar de la inseguridad que me provocaba esta característica, mostré mi compromiso para llevar a cabo esta experiencia de CAS.

Mostrar compromiso con cuestiones de importancia global: Al ayudar a SDM, mostré compromiso con su misión. Así pues, su misión es una cuestión de importancia global, pues es necesario ayudar a las personas que se han visto afectadas negativamente por la pandemia del coronavirus. De esta forma, estoy yo mostrando comprometerme con cuestiones de importancia global.