--Edgar Allan Poe
Has llegado a un punto en el proyecto «El blog del mundo» donde conviene asegurarnos de que tu código está bien estructurado. Aprovecha esta oportunidad para verificar línea a línea a tu código y compáralo con el código muestra. Esto te ahorrará muchos problemas al aplicar tus id's y clases.
Si te falta alguna carpeta o algún archivo está fuera de lugar es momento de darle orden al sistema de archivos. Comunícate con las personas de tu equipo cuando vayas a hacer algún cambio. Es importante coordinarse. Recuerda que las carpetas que están vacías no se guardan en el servidor del repo, tal vez tengas que agregar la carpeta «styles» nuevamente.
Primero debemos asegurarnos de que nuestros archivos están en orden, ¿tu proyecto tiene esta estructura?
Revisaremos los siguientes archivos, guíate del código muestra para asegurarte de que tu trabajo es correcto.
Empezaremos agregando algunos archivos para escribir CSS.
0: En la carpeta root > assets > styles crea un archivo llamado estilos_mi_nombre.css
1: En la carpeta root > assets > styles crea un archivo llamado estilos_mi_nombre.css
Un sólo archivo estilos_mi_nombre.css servirá para todos tus blogs. Una ventaja de escribir CSS en archivos separados es que las referencias que escribamos en él podrán ser reutilizadas.
0: 1: Para cada uno de sus archivos mi_tema.html (2 por persona 4 en total) localicen la etiqueta head y dentro usen la etiqueta link para conectar sus respectivos archivos CSS.
0: 1: para cada uno de sus archivos estilos_mi_nombre.css (uno por persona, dos en total) sigue las siguientes instrucciones:
rgb(44, 43, 43)
Antes de continuar asegúrate de que tus estilos están funcionando. De lo contrario asegúrate de que los archivos estén conectados.
Crearemos una clase para resaltar el enlace a la página principal en la barra de navegación nav.
0: 1: para cada uno de sus archivos mi_tema.html (dos por persona, 4 en total) busquen la etiqueta nav > ul > li > a que conduce a index.html y declara una clase llamada «resaltado».
Recuerden que declaramos clases con el atributo «class» en la etiqueta que deseamos referenciar o apuntar.
No hemos terminado de declarar nuestra clase hasta que escribimos su correspondiente notación en el archivo CSS.
0: 1: Para cada uno de sus archivos estilos_mi_nombre.css (uno por persona dos en total) declara la clase «resaltado» y haz que el color de texto de las etiquetas que posean esa clase sea amarillo.
Crearemos un id para dar estilo al título principal de nuestro blog localizado en la etiqueta header.
0: 1: para cada uno de sus archivos mi_tema.html (dos por persona, 4 en total) busquen la etiqueta section > header que alberga el título de nuestro blog y declara un id llamado «titulo_del_blog».
No hemos terminado de declarar nuestro id hasta que escribimos su correspondiente notación en el archivo CSS.
0: 1: Para cada uno de sus archivos estilos_mi_nombre.css (uno por persona dos en total) declara el id «titulo_del_blog». Asegúrate de aplicar las siguientes propiedades:
text-align: center;
font-size: 3rem;
¿Se dieron cuenta qué efectos tuvieron estas propiedades? ¿Cómo se ve ahora su título?
En las pasadas semanas has investigado de manera formal sobre tu tema. Creemos que ya tienes los suficientes conocimientos para hablar en internet al respecto y queremos escucharte.
Para grabar un vídeo de 2 a 5 minutos de duración te recomendamos la siguiente dinámica:
0: 1: Para cualquiera de sus dos temas (sólo uno por persona, dos en total) grabarás tu video, lo subirás a alguna plataforma de streaming , crearás una nueva entrada respetando la última estructura de entrada y añadirás tu video usando una etiqueta iframe como se explicó en la semana 4 .
Asegúrate además de atender los siguientes requisitos y consejos:
Recuerda siempre hacer pull antes de empezar a trabajar y add, commit y push a tu repositorio cuando terminas de trabajar.
Nunca permitas que en tu equipo se rompa la comunicación, el interés y la corresponsabilidad en el proyecto. Es muy importante que el equipo se mantenga unido y funcional. La dinámica de git sólo funciona si uno sabe lo que el otro está haciendo.
Para tu tranquilidad preparamos una lista de tareas con lo que se evaluará en este PAE.
A partir de ahora creamos esta previsualización de cómo debería verse tu proyecto cuando termines este PAE.
¿Tu blog se ve así?