DESARROLLO DE ETAPAS

LINKS DE ACTIVIDADES EN EL DESARROLLO DE LAS ETAPAS
TAMBIEN LLAMADAS DEJA VU's


DEJA VU #1
Video de Ayuda para Etapa #1


Archivo de Práctica


TAREA #2
Nuestra segunda tarea busca mejorar nuestro sitio web personal creado en la tarea anterior. Para ello agregaremos imágenes

Dentro de esta nueva carpeta crea una subcarpeta con el nombre de images, para almacenar allí todas las imágenes que usaremos.

Recuerda que nuestra bitácora debe mantener los archivos exactos que se publicarán en internet, no dejes allí archivos que no se utilizan en tu diseño.

Recopilación y edición de imágenes
Reúne 4 imágenes con las siguientes características (Puedes buscar cualquier imagen y luego editarla para lograr las características indicadas):

Fotografía personal - ancho: 284px / alto: 311px
Imagen A - ancho: 650px / alto: 285px
Imagen B - ancho: 465px / alto: 285px
Imagen C - ancho: 330px / alto: 285px

Puedes utilizar cualquier editor de imágenes que poseas o conozcas. Si por alguna razón no lo tienes o no conoces alguno, comparto contigo dos enlaces de editores gratuitos que puedes descargar e instalar en tu ordenador:

GimpPhotoScape

Inclusión de código e imágenes en la página web
  1. Inserta el código de estilo de imagen css en la sección: "Author custom styles" del archivo main.css
  2. Utiliza el código simple e inserta la fotografía personal en la sección -" aside "- de tu página web personal.
  3. Utiliza el código responsive e inserta las imágenes A, B y C, según el tamaño correspondiente, debajo del título de tu página web personal.

Video de apoyo de la tarea 2
A continuación compartimos contigo un video donde se desarrolla la tarea 2 para que puedas guiarte. Esperamos te sea de utilidad.



ETAPA #3
Video de apoyo de la Etapa 3



No hay comentarios.:

Publicar un comentario

PRESENTACIÓN

Este sitio es un diario personal en donde recopilo lecciones y recursos para la elaboración de sitios web. El blog está en permanente const...