mirror of
https://github.com/flowsta/uc3m-periodismo-datos.git
synced 2024-12-26 15:51:22 +01:00
181 lines
9 KiB
HTML
181 lines
9 KiB
HTML
|
<!doctype html>
|
|||
|
|
<html lang="en" class="h-100">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|||
|
|
<meta name="description" content="">
|
|||
|
|
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
|
|||
|
|
<meta name="generator" content="Hugo 0.88.1">
|
|||
|
|
<title>Metodología</title>
|
|||
|
|
|
|||
|
|
<link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/sticky-footer-navbar/">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- Bootstrap core CSS -->
|
|||
|
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
.bd-placeholder-img {
|
|||
|
|
font-size: 1.125rem;
|
|||
|
|
text-anchor: middle;
|
|||
|
|
-webkit-user-select: none;
|
|||
|
|
-moz-user-select: none;
|
|||
|
|
user-select: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (min-width: 768px) {
|
|||
|
|
.bd-placeholder-img-lg {
|
|||
|
|
font-size: 3.5rem;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- Custom styles for this template -->
|
|||
|
|
<link href="css/sticky-footer-navbar.css" rel="stylesheet">
|
|||
|
|
</head>
|
|||
|
|
<body class="d-flex flex-column h-100">
|
|||
|
|
|
|||
|
|
<header>
|
|||
|
|
<!-- Fixed navbar -->
|
|||
|
|
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
|
|||
|
|
<div class="container-fluid">
|
|||
|
|
<a class="navbar-brand" href="#">Fixed navbar</a>
|
|||
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
|
|||
|
|
<span class="navbar-toggler-icon"></span>
|
|||
|
|
</button>
|
|||
|
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
|||
|
|
<ul class="navbar-nav me-auto mb-2 mb-md-0">
|
|||
|
|
<li class="nav-item">
|
|||
|
|
<a class="nav-link active" aria-current="page" href="#">Home</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="nav-item">
|
|||
|
|
<a class="nav-link" href="#">Link</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="nav-item">
|
|||
|
|
<a class="nav-link disabled">Disabled</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<form class="d-flex">
|
|||
|
|
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
|
|||
|
|
<button class="btn btn-outline-success" type="submit">Search</button>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</nav>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<!-- Begin page content -->
|
|||
|
|
<main class="flex-shrink-0">
|
|||
|
|
<div class="container">
|
|||
|
|
<h1 id="periodismo-de-datos-en-uc3m">Periodismo de Datos en UC3M</h1>
|
|||
|
|
<p>Notas sobre <strong>Periodismo de Datos</strong> en <em>UC3M</em></p>
|
|||
|
|
<h2 id="qué-es-el-periodismo-de-datos">Qué es el periodismo de datos</h2>
|
|||
|
|
<h3 id="tres-saberes-implicados">Tres saberes implicados</h3>
|
|||
|
|
<ul>
|
|||
|
|
<li>Periodismo</li>
|
|||
|
|
<li>Visualización</li>
|
|||
|
|
<li>Datos</li>
|
|||
|
|
</ul>
|
|||
|
|
<h2 id="por-qué-ponte-datos">Por qué <em>Ponte Datos</em></h2>
|
|||
|
|
<p>Por Concepción Arenal Ponte</p>
|
|||
|
|
<!doctype html>
|
|||
|
|
<html lang="en" class="h-100">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|||
|
|
<meta name="description" content="">
|
|||
|
|
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
|
|||
|
|
<meta name="generator" content="Hugo 0.88.1">
|
|||
|
|
<title>Sticky Footer Navbar Template · Bootstrap v5.1</title>
|
|||
|
|
|
|||
|
|
<link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/sticky-footer-navbar/">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- Bootstrap core CSS -->
|
|||
|
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
.bd-placeholder-img {
|
|||
|
|
font-size: 1.125rem;
|
|||
|
|
text-anchor: middle;
|
|||
|
|
-webkit-user-select: none;
|
|||
|
|
-moz-user-select: none;
|
|||
|
|
user-select: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (min-width: 768px) {
|
|||
|
|
.bd-placeholder-img-lg {
|
|||
|
|
font-size: 3.5rem;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- Custom styles for this template -->
|
|||
|
|
<link href="css/sticky-footer-navbar.css" rel="stylesheet">
|
|||
|
|
</head>
|
|||
|
|
<body class="d-flex flex-column h-100">
|
|||
|
|
|
|||
|
|
<header>
|
|||
|
|
<!-- Fixed navbar -->
|
|||
|
|
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
|
|||
|
|
<div class="container-fluid">
|
|||
|
|
<a class="navbar-brand" href="#">Fixed navbar</a>
|
|||
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
|
|||
|
|
<span class="navbar-toggler-icon"></span>
|
|||
|
|
</button>
|
|||
|
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
|||
|
|
<ul class="navbar-nav me-auto mb-2 mb-md-0">
|
|||
|
|
<li class="nav-item">
|
|||
|
|
<a class="nav-link active" aria-current="page" href="#">Home</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="nav-item">
|
|||
|
|
<a class="nav-link" href="#">Link</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="nav-item">
|
|||
|
|
<a class="nav-link disabled">Disabled</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<form class="d-flex">
|
|||
|
|
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
|
|||
|
|
<button class="btn btn-outline-success" type="submit">Search</button>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</nav>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<!-- Begin page content -->
|
|||
|
|
<main class="flex-shrink-0">
|
|||
|
|
<div class="container">
|
|||
|
|
<h1 id="el-año-del-periodismo-de-datos-en-españa">2021: el año del periodismo de datos en España</h1>
|
|||
|
|
<h2 id="la-evolución-en-los-casos-nacionales-es-evidente-pero-todavía-queda-camino-por-recorrer.-a-continuación-se-abarcarán-dos-de-los-mejores-ejemplo-de-periodismo-de-datos-de-españa-del-último-2021">La evolución en los casos nacionales es evidente, pero todavía queda camino por recorrer. A continuación se abarcarán dos de los mejores ejemplo de periodismo de datos de España del último 2021</h2>
|
|||
|
|
<p><em>Miriam Puelles – Actividad 1 Periodismo de Datos II</em></p>
|
|||
|
|
<p>El <strong>periodismo</strong> ya no es lo que era. Esta afirmación tan evidente como el propio transcurrir del tiempo. Y este 2021 ha sido un gran ejemplo. El motivo no es otro sino la <strong>profesionalización</strong> de los medios de comunicación españoles en el desarrollo del periodismo de <strong>datos</strong>, el cual, pese a ser todavía secundario ante los medios que se disponen internacionalmente, está completando un curso de gran progreso. Y los <strong>dos ejemplos</strong> a destacar con un claro caso.</p>
|
|||
|
|
<p>En primer lugar, me gustaría hablar de <a href="https://www.elmundo.es/cotos-caza/2020/11/15/5fad58d4fc6c83024e8b4668.html"><strong><em>Los dueños de la caza en España</em></strong></a>, un reportaje del periódico <em>El Mundo</em> que vuelve a mostrar la fortaleza de este diario en cuanto a medios se refiere. Y es que sobra decir que <strong>es necesaria una fuerte financiación económica</strong> para poder dedicar tiempo y realizar un trabajo de calidad como el presente.</p>
|
|||
|
|
<p>En concreto, <em>‘Los dueños de la caza en España’</em> busca descubrir quiénes son los titulares de los terrenos nacionales en los que se puede realizar dicha actividad. Para ello, el equipo del periódico El Mundo ha sabido realizar un <em>scraping</em> muy práctico que, ligado a una precisa narración, permite al lector avanzar y conocer de un simple vistazo. Porque ese al final es uno de los objetivos de este tipo de periodismo: hacer que los datos no sean un enemigo, sino un aliado para desvelar aspectos hasta ahora desconocidos y emplear visualizaciones que permita al lector entender dichos puntos de una forma sencilla.</p>
|
|||
|
|
<p>Esto es lo que logra <em>Los dueños de la caza en España</em>. Es fácil, didáctico, tiene un buen tratamiento de datos y sobra decir que el diseño y la visualización es también correcta. En este punto es muy necesario que el lector la considere atractiva, y los gráficos que se muestran ilustrados nos hacen ver cómo el equipo de <em>El Mundo</em> ha cuidado especialmente este detalle.</p>
|
|||
|
|
<p>Porque éste es uno de los problemas que ha acarreado el periodismo de datos nacional hasta la fecha: *<strong>no se cuida la estética</strong>. Sin embargo, es precisamente ésta la que puede hacer que el lector permanezca en el interior de la noticia a pesar de tener una correcta redacción.</p>
|
|||
|
|
<p>Aquí entra el segundo ejemplo, procedente de <em>eldiario.es</em>. La elección de este caso no ha sido casual. El motivo real es el férreo esfuerzo que ha realizado en los últimos tiempos este digital por situarse a la vanguardia del periodismo pese a no disponer de unos medios económicos como sí dispone <em>El Mundo</em>. Por eso es muy valorable casos como el siguiente.</p>
|
|||
|
|
<h1 class="mt-5">Sticky footer with fixed navbar</h1>
|
|||
|
|
<p class="lead">Pin a footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added with <code class="small">padding-top: 60px;</code> on the <code class="small">main > .container</code>.</p>
|
|||
|
|
<p>Back to <a href="../examples/sticky-footer/">the default sticky footer</a> minus the navbar.</p>
|
|||
|
|
</div>
|
|||
|
|
</main>
|
|||
|
|
|
|||
|
|
<footer class="footer mt-auto py-3 bg-light">
|
|||
|
|
<div class="container">
|
|||
|
|
<span class="text-muted">Place sticky footer content here.</span>
|
|||
|
|
</div>
|
|||
|
|
</footer>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<script src="js/bootstrap.bundle.min.js"></script>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|