4TO PROGRAMACIÓN MICHELLE ESTEFANIA ARMENDARIZ HERNÁNDEZ: Responsively, Fronted Store

Viernes 25 de marzo del 2022

8:00 a.m. a 11:00 a.m.

1:00 p.m. a 2:40 p.m.

Existen 3 tipos de selectores; selectores de elementos, selectores de identificador, y selectores de clase.

Algo a tener en cuenta en cualquier sitio web es que al presionar el logo éste te debe dirigir a la página principal.

· PNG es una imagen con transparencia de fondo.

· SVG es un formato que indica que la imagen no se distorsiona.

Para hacer transparente una imagen en microsoft powerpoint lo primero a hacer es insertar una forma cualquiera, después dirígete a “herramientas de dibujo”, luego a formato, luego a contorno y se quita el contorno, en relleno en lugar de utilizar un color se agrega una imagen, se le pone “trabajar sin conexión” si tienes tu imagen descargada, se selecciona la imagen que se quiere modificar, se hace clic en “estilos de forma”, luego en la parte izquierda aparece relleno y línea, dentro del relleno aparece para desplazar, es ahí donde dice transparencia y se puede ir aumentando la transparencia desde el más bajo porcentaje hasta el más alto, que serían totalmente transparentes el 100%.

Para quitar el fondo de una imagen en Word lo primero a hacer es insertar la imagen a modificar. Se da doble clic y se recorta la parte del fondo que se quiere quitar. Después se da doble clic a la izquierda en la parte superior aparece quitar fondo, se selecciona eso, se ajusta el marco que aparece para que abarque toda la imagen. En la parte superior aparecen dos opciones, una es marcar las áreas para quitar, esa es la que se va a seleccionar, se va dando clic a todas aquellas partes que se deseen quitar del fondo, en caso de que se quite algo de la imagen que no se quisiera quitar, selecciona “marcar áreas para mantener” y da clic en aquello que quieras que se mantenga en la imagen, cuando ya te guste el resultado de la imagen, presiona “mantener cambios”.

“gap:2rem;” y “margin-right:2rem;” son lo mismo.

“Grid” son particiones especiales.

“alt=”imagen camiseta” es para que aparezca texto si no se encuentra la foto.

“@media” sirve para que se adapte el contenido a cualquier dispositivo.

También se nos encargó investigar qué es, para qué se usa y qué aportes me puede dar https://responsively.app/.

“https://responsively.app/” Es una aplicación web que es muy útil para realizar una vista previa de todas las pantallas en las que algún usuario llegue a visualizar nuestro contenido, en una sola ventana, una al lado de la otra. También sirve para utilizar herramientas de desarrollo ya conocidas desde el navegador. Además, permite inspeccionar cada elemento de nuestra web. De igual forma, tiene una función para tomar una captura de pantalla de página completa de todos los dispositivos o un dispositivo específico con un solo clic. Otra de sus funciones es que se puede ir codificando a la vez que se va viendo cómo va el proceso de diseño de la página web.

Considero que esta aplicación me puede ser de mucha ayuda a la hora de crear mis propias páginas web, pues con la ayuda de esta app podría visualizar cómo se va viendo lo que esté codificando, de esta manera me podría ser más fácil darme cuenta cuando cometo algún error para corregirlo inmediatamente. También me ayudaría para darme cuenta de cómo se visualizaría mi página web en distintos dispositivos, de esta manera podría crear algunas modificaciones en mi página web para que ésta pueda adaptarse a todas las pantallas.