Desafío #sep17 #enpijama · curso 2013dw

dabblet.css

/**
 * Desafío #sep17 #enpijama · curso 2013dw 
 * 
 * El desafío consiste en que apliques aquí
 * los ejemplos de elementos flotantes
 * y listados en estilo de referencia APA
 * que se vieron previamente.
 */

/* estilos generales */


/* estructura */
body{}
.contenedor{}
header{}
section{}
.contenido{}
hr{}
.flotante{}
.flotante img{}
footer{}
  
/* tipografía */
header h1{}

.contenido h1{}
.contenido h2{}
.contenido p{}
.contenido .flotante .pie-de-foto{}
.contenido .flotante .pie-de-foto a{}
.contenido ul{}
.contenido ul li{}

footer p{}

dabblet.html

<div class="contenedor">
  <header>
    <h1>Artes y Comunicación</h1>
  </header>

  <section>
    <div class="contenido">
      <h1>Hora de lectura</h1>

      <h2>Indicaciones</h2>
      <div class="flotante">
        <a href="http://artcom.um.edu.mx/media/formato-hora-de-lectura.pdf"><img src="http://artcom.um.edu.mx/i/w153/media/formato-hora-de-lectura.png" alt="Formato informe de lectura"/></a>
        <p class="pie-de-foto"><a href="http://artcom.um.edu.mx/media/formato-hora-de-lectura.pdf">Descarga el formato para el informe de la hora de lectura en PDF.</a></p>
      </div> <!--.flotante-->
      <p>La hora de lectura es un periodo de 50 minutos durante el cual el estudiante dispone para consultar y leer libros de la biblioteca universitaria. Los títulos pueden ser de cualquier tema, pero tomando en cuenta que hay muchos títulos de tu área, sería un buen momento para aprovechar y buscar dentro de esos títulos.</p>

      <p>Un maestro estará presente durante el periodo de lectura. A él/ella semanalmente le entregarás el informe del periodo de lectura pasada.</p>

      <p>Los informes que llenarás semanalmente al final los compilarás y sintetizarás en una reflexión ordenada respecto a tus lecturas y esto lo inlcuirás en tu portafolio de aprendizaje. Para ello será importante que las referencias la listes en formato APA. Para ayudarte a conocer ese formato, consulta la guía que viene a continuación.</p>

      <h2>Cómo citar libros en formato APA</h2>

      <hr />

      <h3 class="apa">Formato básico para un libro</h3>

      <ul>
        <li>Autor, A. A. (Año de la publicación). <em>Título de la obra.</em> Lugar: Casa publicadora.</li>
      </ul>

      <h4 class="apa">Ejemplo:</h4>

      <ul>
        <li>Waetzoldt, W. (1964). <em>Tú y el arte.</em> Barcelona: Editorial Labor S.A.</li>
      </ul>

      <p><strong>Nota:</strong> para “Lugar”, lista la ciudad o el país que mencione el libro.</p>

      <hr />

      <h3>Si no existe un autor</h3>

      <p>Si no existe un autor, debe usarse el nombre del editor e indicarse (Ed.) después del nombre.</p>

      <h4 class="apa">Ejemplos:</h4>

      <ul>
        <li>Editor, A. A. (Ed.). (Año de la publicación). <em>Título de la obra.</em> Lugar: Casa publicadora.</li>
      </ul>

      <hr />

      <h3 class="apa">Ejemplo de una cita de un capítulo dentro de un libro de segunda edición</h3>

      <ul>
        <li>Wadeson, H. (2001). <em>An eclectic approach to art therapy.</em> En J. A. Rubin (Ed.), <em>Approaches to art therapy: Theory and technique</em> (2nd ed., pp. 306-318). New York, NY: Brunner-Routledge.</li>
      </ul>

      <hr />

      <h3>Si no existe un autor o editor</h3>

      <div class="apa"></div>

      <ul>
        <li><p><em>Merriam-Webster's collegiate dictionary (11th ed.).</em> (2005). Springfield, MA: Merriam-Webster.</p></li>
        <li><p>Ubicar el título en la posición del autor</p></li>
      </ul>
    </div><!-- .contenido -->
  </section>

  <footer>
    <p>Copyright ©2013 Artes y Comunicación. Diseño por Roberto Valencia <!-- reemplazar por tu nombre aquí, usando correctamente las etiquetas `ins` y `del` --></p>
  </footer>
</div><!-- .contenedor -->

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"190","seethrough":"","prefixfree":"1","page":"all"}