-
Notifications
You must be signed in to change notification settings - Fork 71
/
biblio.html
57 lines (47 loc) · 4.59 KB
/
biblio.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<<html lang="en">
<head>
<meta charset="UTF-8">
<title>History API example - Dive Into Fuenlabrada</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="history.css">
</head>
<body>
<div id="header-container">
<header class="wrapper">
<h1 id="title">dive into fuenlabrada</h1>
<!--
<nav>
<ul>
<li><a href="http://www.urjc.es">URJC</a></li>
<li><a href="http://www.etsit.urjc.es">ETSIT</a></li>
<li><a href="http://gsyc.es">GSyC</a></li>
</ul>
</nav>
-->
</header>
</div>
<div id="main" class="wrapper">
<article>
<header>
<h2>El Campus de Fuenlabrada</h2>
</header>
<aside id="gallery">
<p class="photonav"><a id="photonext" href="control.html">Siguiente ></a> <a id="photoprev" href="deparI.html">< Anterior</a></p>
<figure id="photo"><img id="photoimg" src="gallery/biblio.jpg" alt="Biblioteca" width="500" height="375"><figcaption>Biblioteca</figcaption></figure>
</aside>
<p>Siéntete libre de leer la siguiente página web, pero en realidad la parte interesante de HTML5 es la galería de fotos en el lateral. Al hacer click en los enlaces de anterior y siguiente (en un explorador compatible con HTML5) cambiará la foto, el título y la dirección URL en el navegador y su barra de direcciones. Puedes tomar cualquiera de las direcciones y pegarlas en una nueva ventana del navegador y funcionarán. El navegador y su botón de retroceso también funcionan como se esperaba. En los navegadores no admitidos, los vínculos funcionan como enlaces normales, lo que provocará una renovación de página completa con cada nueva página. [<a href="gallery.js">ver fuente</a>]</p><p class="sectionSign"></p>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.</p>
<p>Es un hecho establecido hace demasiado tiempo que un lector se distraerá con el contenido del texto de un sitio mientras que mira su diseño. El punto de usar Lorem Ipsum es que tiene una distribución más o menos normal de las letras, al contrario de usar textos como por ejemplo "Contenido aquí, contenido aquí". Estos textos hacen parecerlo un español que se puede leer. Muchos paquetes de autoedición y editores de páginas web usan el Lorem Ipsum como su texto por defecto, y al hacer una búsqueda de "Lorem Ipsum" va a dar por resultado muchos sitios web que usan este texto si se encuentran en estado de desarrollo. Muchas versiones han evolucionado a través de los años, algunas veces por accidente, otras veces a propósito (por ejemplo insertándole humor y cosas por el estilo).</p>
<p>l contrario del pensamiento popular, el texto de Lorem Ipsum no es simplemente texto aleatorio. Tiene sus raices en una pieza cl´sica de la literatura del Latin, que data del año 45 antes de Cristo, haciendo que este adquiera mas de 2000 años de antiguedad. Richard McClintock, un profesor de Latin de la Universidad de Hampden-Sydney en Virginia, encontró una de las palabras más oscuras de la lengua del latín, "consecteur", en un pasaje de Lorem Ipsum, y al seguir leyendo distintos textos del latín, descubrió la fuente indudable. Lorem Ipsum viene de las secciones 1.10.32 y 1.10.33 de "de Finnibus Bonorum et Malorum" (Los Extremos del Bien y El Mal) por Cicero, escrito en el año 45 antes de Cristo. Este libro es un tratado de teoría de éticas, muy popular durante el Renacimiento. La primera linea del Lorem Ipsum, "Lorem ipsum dolor sit amet..", viene de una linea en la sección 1.10.32.</p>
</article>
</div>
<div id="footer-container">
<footer class="wrapper">
<p>Creado para <a href="http://Cursosweb.github.io">Cursos Web</a>. Basado en <a href="http://diveintohtml5.info/examples/history/brandy.html">Dive into Dogs</a> de Mark Pilgrim y en una página sobre <a href="http://es.lipsum.com/">Lorem Ipsum</a>.</p>
</footer>
</div>
<script src="gallery.js"></script>
</body>
</html>