Taller #2 - Paratextos

En esta sección se resolverán temas de diseño gráfico, como uso de herramientas como photoshop, illustrator, herramientas para prototipado, herramientas de diseño web, entre otros.

Moderator: julianmartinez16

Post Reply
User avatar
xacarana
Site Admin
Posts: 975
Joined: Fri Jan 15, 2016 6:13 pm

Taller #2 - Paratextos

Post by xacarana » Sun Feb 18, 2018 10:33 pm

Realizar un documento html, que contenga dos artículos (enlazados mediante vínculos) con los siguientes elementos:

Nota: Cada paratexto debe ser un estilo, el diseño debe ser a una sola columna, similar a hopesandfears
  • Antetítulo
  • Título
  • Subtítulos
  • Entradilla
  • Fotografías o ilustraciones
  • Pie de foto
  • Destacado
  • Destacado de cifra
  • Lista numerada
  • Texto corrido


¿Qué hay que entregar
  1. Una carpeta con dos carpetas img y css
  2. Dos archivos html
  3. Desarrollo del ejercicio, usando selectores (identificadores, clases y universales)
Recomendados

Sitio web

Image

Dollar Street

Referencias para el ejercicio

Hay ejemplo que no estan a una sola columna, se incluyen solo como referencia e inspiración. El ejercicio para entregar debe ser a una sola columna.
Video



Una herramienta que se puede relacionar con el video anterior, se llama el momento cero de compra.



Y una pequeña gran campaña de diesel



Documentales recomendados



Andrés Bedoya Tobón
Profesor
"I only smile in the dark, I only smile when it's complicated" Raybiez

Post Reply