Page 1 of 2

Publicación de wireframes 2017 - 01

Posted: Mon Jan 16, 2017 5:24 pm
by xacarana
Por favor publiquen acá la imagen con la foto del wireframe manual y luego la imagen con el wireframe digital, esto debe estar listo para usar como insumo la proxima clase, recuerden que es un ejercicio temporal, esto mismo se va a realizar nuevamente para el sitio web de promoción del EPUB.

Para subir las imágenes al post les recomiendo las siguientes paginas:

Re: Publicación de wireframes 2017 - 01

Posted: Mon Jan 16, 2017 5:49 pm
by Daniel Zapata
Wireframe Manual
Image

Wireframe digital.
El objetivo de esta landing page es promocionar un tour de un conjunto de bandas por las principales ciudades del país.
Image

Re: Publicación de wireframes 2017 - 01

Posted: Mon Jan 16, 2017 5:50 pm
by juanzv03
Wireframe de una landing page para que el usuario se entere de la información del videojuego y se pueda registrar de manera sencilla.

Wireframe manual
Image

Wireframe digital
Image

Re: Publicación de wireframes 2017 - 01

Posted: Mon Jan 16, 2017 5:51 pm
by Cristina Fontan
Wireframes manual y digital de la clase de Enero 16.
Image
Image

Wireframes del Landing para el ePub corregidos

Image
Image

Re: Publicación de wireframes 2017 - 01

Posted: Mon Jan 16, 2017 5:52 pm
by paulinacuadros
Image

Image

Re: Publicación de wireframes 2017 - 01

Posted: Mon Jan 16, 2017 5:53 pm
by Juan Camilo Rios
Image
Image

Re: Publicación de wireframes 2017 - 01

Posted: Mon Jan 16, 2017 8:39 pm
by santiggz
Image
Image

Re: Publicación de wireframes 2017 - 01

Posted: Tue Jan 17, 2017 12:29 am
by danielasalazar
Wireframe manual

Image

Wireframe digital

Image


Wireframes Epub

Wireframe manual

Image

Wireframe digital

Image


HTML EPUB

Code: Select all

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
	<title></title>
</head>

<body>

<div>

<div class="clearfix menu">

<div class="pull-left cabezote"> <img src="img/logo.png"> </div>

<div class="pull-right botones">
<a href="#"><img src="img/autor.png"></a>
<a href="#ilustri"><img src="img/libros.png"></a>
<a href="#vinculo"><img src="img/epub.png"></a>
</div>

</div>

<div class="clearfix biografia">

<div class="pull-left historia"> <p>Juan Carlos Onetti nació el 1 de julio de 1909 en Montevideo (Uruguay), hijo de Honoria Borges y del funcionario Carlos Onetti.
Apasionado desde su temprana infancia con la lectura y mal estudiante, Onetti abandonó sus estudios en su adolescencia para trabajar como periodista y escribir con seudónimos (Groucho Marx, Periquito el Aguador…).
Sus primeros textos aparecieron en diferentes publicaciones de Montevideo y Buenos Aires, entre ellas las uruguayas “Marcha” o “Acción”, o la argentina “Vea y Lea”, que editó entre mediados de los años 40 hasta 1955. También, en la década de los 40, trabajó para la agencia Reuters tanto en Argentina como en Uruguay.
Por esa época, Onetti ya se había casado en dos ocasiones y con dos primas. La primera, en 1930, con Maria Amalia Onetti, y la segunda, en 1934, con María Julia Onetti.
Después de escribir relatos cortos, Juan Carlos Onetti, influenciado por William Faulkner, Marcel Proust, Fedor Dostoievski, Jean-Paul Sartre, Albert Camus, Joseph Conrad o Louis-Ferdinand Céline, debutó como novelista con “El Pozo” (1939), un libro que renovó las técnicas narrativas de la literatura latinoamericana.
En 1945, rota su relación con María Julia, el escritor uruguayo se casó con su tercera esposa, la holandesa Elizabeth María Pekelharín, “Peke”, de quien se separó a comienzos de los años 50.</p>

<p>(http://www.alohacriticon.com/literatura/escritores/juan-carlos-onetti/)</p>

 </div>

<div class="pull-right foto"> <img src="img/jc.png"></div>

</div>


<div class="clearfix ilustraciones">

<img src="img/esbjerg.png" id="ilustri">

<img src="img/bob.png">

<img src="img/infierno.png">

</div> 

<div class="clearfix sinopsis">

<p class="pull-left esbjerg">Menos mal que la tarde se ha hecho menos fría y a veces el sol, aguado, ilumina las calles y las paredes; porque a esta hora deben estar caminando en Puerto Nuevo, junto al barco o haciendo tiempo de un muelle a otro, del quiosco de la Prefectura…</p>


<p class="pull-left bob">Es seguro que cada día estará más viejo, más lejos del tiempo en que se llamaba Bob, del pelo rubio colgando en la sien, la sonrisa y los lustrosos ojos de cuando entraba silenciosamente en la sala, murmurando un saludo o moviendo un poco la mano…</p>


<p class="pull-left infierno">La primera carta, la primera fotografía, le llegó al diario entre la medianoche y el cierre. Estaba golpeando la máquina, un poco hambriento, un poco enfermo por el café y el tabaco, entregado con familiar felicidad a la marcha de la frase…</p>

</div>

<div class="clearfix foot">

<a href="http://www.publicaciones.digital/estudiantes/201701/daniela_salazar/relatos_melancolicos.zip"><img src="img/descargar.png" id="vinculo"></a> 

</div>


</body>
</html>
CSS EPUB

Code: Select all

body {background-color: #ededec}

.menu {width: 1024px; margin-left: 70px; margin-right: 70px; background-color: #cecec9}
.cabezote {margin-right: 30px}
.botones {margin-top: 110px}

.biografia {width: 1024px; margin-top: 40px; margin-left: 70px; margin-right: 70px;
 margin-bottom: 40px; background-color: #cecec9}
.historia {width: 520px; margin-right: 50px; margin-left: 25px; margin-top: 37px; text-align:justify; color: black;}
.foto {width: 400px}

.ilustraciones {width: 1024px; margin-left: 70px; margin-right: 70px; background-color: #cecec9}
.sinopsis {width: 1024px; margin-right: 70px; margin-left: 70px; background-color: #cecec9}
.esbjerg {width: 300px; margin-left: 25px; margin-right: 35px; text-align: justify; color: black;}
.bob {width: 300px; margin-right: 35px; text-align: justify; color: black;}
.infierno {width: 300px; margin-right: 25px; text-align: justify; color: black;}

.foot {width: 1024px; margin-right: 80px; margin-left: 80px; padding-top: 100px; padding-bottom: 100px; 
	   text-align: center}
#ilustri
#vinculo
Image

Re: Publicación de wireframes 2017 - 01

Posted: Wed Jan 18, 2017 9:20 pm
by ErikaVasquezG
Wirefreame manual:
Image

Wirefreame Digital:
Image

Wirefreame manual ePub:
Image

Wirefreame digital ePub:
Image

Re: Publicación de wireframes 2017 - 01

Posted: Thu Jan 19, 2017 11:11 pm
by Sofía Mejía
Wireframe manual:
Image
Wireframe digital:
Image