TALLER GRUPAL DESARROLLO WEB PRIMER CORTE

Entrega: viernes 09 marzo-2018 6:00 AM

Se compró una plantilla en Internet, pero resultó anticuada y usando el con estilos CSS basados en
“960 grid System”.

Se quiere reconstruir esta plantilla utilizando técnicas de maquetamiento modernas para lo cual se
deben observar los siguientes aspectos

1-) Requerimientos

a) Utilizar etiquetas semánticas adecuadas para cada zona de la pagina principal

b) Utilizar las buenas prácticas de CSS como; no utilizar selectores tipo ID, ordenar las reglas CSS
alfabéticamente
c) No se deben utilizar los mismos nombres de clase que los que usa la plantilla adquirida
d) Se debe mantener idéntica la apariencia final de la pagina
e) Se quiere que el encabezado de la pagina de mantenga fija al hacer scroll hacia abajo
f) Usar FlexBox para componentes antes que cualquier otra estrategia de maquetamiento que
logre el objetivo.
g) El texto “ ©2010 Design Revisions LLC. All rights reserved.” debe quedar centrado
horizontalmente y verticalmente (respecto a la línea horizontal que se muestra)
h) La plantilla se puede estudiar en el siguiente link test.technet.com.co
i) Las imágenes se suministran en el siguiente link test.technet.com.co/Ejemplo01.zip
j) Los textos pueden ser tomados directamente de la pagina mostrada
k) Utilice la estructura de archivos y carpetas del sitio vista en clase.

2-) Se requiere que la pagina sea Responsive, para lo cual debe tener en cuenta los tipos de dispositivos
(SmartPhone, Tabletas y Desktop) pero siempre diseñando primero Móvil.

3-) Se desea aplicar el módulo grid de CSS para el layout general de la pagina

Cree una carpeta con ApellidoNombre1_ApellidoNombre2 y dentro coloque el sitio resultante.

Comprima ( .zip solamente) con el mismo nombre y súbalo a la plataforma en el día y la hora indicada

Nota: Dado que el próximo Miércoles 7-Mar-2018 se darán los temas de Responsive y Grid investigue
y vaya adelantando la aplicación de estos temas en el sitio resultante.