Desarrollo Web De Principiante a Profesional con Paga, Volumen 2

Construye tu portafolio mientras aprendes HTML5, CSS y JavaScript paso a paso con apoyo

Ojula Technology Innovations, Blanca Velasco

• Editorial: Ojula Technology Innovations
• Año: 2023
• ISBN del libro electrónico: 9781667449203
• Categoría: Ciencia de la computación
• Categoría: Desarrollo web

Este libro es el volumen 2 de Desarrollo Web, de Principiante a Profesional Pagado. En este volumen, continuarás aprendiendo tus lecciones en HTML,CSS y JavaScript.
En este volumen pongo retos adicionales de código y sus soluciones. Obtendrás hojas de trucos actualizadas, ejercicios de programación, un impresionante portafolio de desarrollador web para mostrar tus ejemplos de trabajos y los gráficos/capturas de pantalla utilizados en este libro. Te ayudaré a aprender bien.

Índice

• Título
• Derechos de Autor
• Desarrollo Web
• Desarrollo Web
• rgba(0, 209, 112, 0.5) | red=0, green=209, blue=112, alfa=0.5
• Figura 2.1.1: El resultado muestra un cuadrado de 500px-por-50px con un fondo de color magenta.
• Figura 2.1.2: El resultado modificado, muestra un fondo de color blanco donde se ha añadido un div.
• Figura 2.1.3: Resultado actualizado muestra el fondo de nuestro div parcialmente transparente cuando se cambia el canal alfa e 1 a 0.7
• Figura 2.1.4: El canal alfa solo afecta al color del fondo del div. El texto dentro del div no se ve afectado de ninguna manera.
• Figura 2.1.5: Ambos colores, tanto del fondo como del texto, se ven afectados por la opacidad. El texto es apenas negro porque es muy transparente.
• Figura 2.3.1: Un gradiente lineal CSS
• Figura 2.3.2: Rayas CSS
• Figura 2.4.1: El resultado muestra que el elemento principal (en color amarillo) no se ve afectado por la posición: estática.
• Figura 2.4.1: El resultado muestra que el elemento principal (en color amarillo) se ve afectado por position: relative
• Figura 2.4.3: Resultado que muestra que el elemento principal (en color amarillo) se ve afectado por la posición: absoluta y no se ha creado espacio para este en el diseño de la página.
• Figura 2.4.4: Muestra del resultado donde el elemento principal (en color amarillo) es empujado a la parte de abajo del diseño de la página por la posición: fija.
• Figura 2.4.5: Resultado mostrando el elemento principal (en color amarillo) pegado a la parte de arriba de la pantalla por la posición : pegado.
• Figura 2.5.1: Un cuadrado de 300px por 300px con color de fondo magenta.
• Figura 2.5.2: Un círculo de radio de 150 px y un fondo cian, producido por el cuadrado en la Figura 2.3.2 después de una duración de 7 segundos.
• Figura 2.6.1: El resultado después de escalar nuestro elemento 20 veces
• Figura 2.6.2: El resultado después de inclinar nuestros cuadrados +20 grados sobre el eje x.
• Figura 2.6.3: El resultado después de inclinar nuestros cuadrados sobre el eje y con 20 grados
• Figura 2.6.4: El resultado después de inclinar nuestros cuadrados sobre ambos  ejes x e y
• Figura 2.6.5: El resultado después de rotar nuestro cuadrado 20 grados en el sentido de las agujas del reloj.
• Figura 2.6.6: El resultado muestra como los tres cuadrados estaban rotando sobre sus respectivos ejes.
• Figura 2.6.7: Resultado de la imagen real y la trasladada, la cual está desplazada horizontalmente a la derecha
• Figura 2.6.8: Resultado de la imagen real y la trasladada, la cual está desplazada horizontalmente a la derecha y verticalmente hacia abajo.
• Figura 3.1.1: Resultado del código
• Figura 3.1.2: Resultado actualizado cuando se aplica la etiqueta strong.
• Figura 3.1.3: Resultado actualizado para las subsecciones del 3.1.5 al 3.1.7
• Figura 3.1.4: Resultado actualizado para la subsección 3.1.8
• Figura 3.1.5: Diferencia entre blur-radius y spread-radius
• Figura 3.1.6: El elemento azul (con un mayor z-index) está apilado encima del elemento rojo (sin z.index)
• Figura 3.1.7: El elemento rojo (con mayor z-index) está apilado encima del elemento azul (con un menos z-index)
• Figura 3.1.8: Un div (square) creado sin margen
• Figura 3.1.9: El div (square) actualizado con margin auto