Biblioteca del Congreso de la Nación - Curso Online de Historia del Arte

<!DOCTYPE html> <html lang="es"> <head>  <meta name="description" content="Recorrido histórico y de las artes visuales a los fines de poder apreciar la transformación social general en los períodos enfocados, y en particular, la del rol de los hacedores de obras"> <meta name="keywords" content="destacado,Recorrido histórico y de las artes visuales a los fines de poder apreciar la transformación social general en los períodos enfocados, y en particular, la del rol de los hacedores de obras"> <link rel="shortcut icon" type="image/x-icon" href="https://bcn.gob.ar/favicon.ico"> <meta name="author" content="Biblioteca del Congreso de la Nación" /> <meta name="copyright" content="Biblioteca del Congreso de la Nación" /> <meta name="application-name" content="Biblioteca del Congreso de la Nación" />  <meta property="og:title" content="Biblioteca del Congreso de la Nación - Curso Online de Historia del Arte" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://bcn.gob.ar/images/principales/450x0_MINIATURAHistoria-del-arteONLINE.jpg" /> <meta property="og:url" content="https://bcn.gob.ar/arte/curso-online-de-historia-del-arte-2024-modulo-2" /> <meta property="og:description" content="Recorrido histórico y de las artes visuales a los fines de poder apreciar la transformación social general en los períodos enfocados, y en particular, la del rol de los hacedores de obras" />  <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Biblioteca del Congreso de la Nación - Curso Online de Historia del Arte" /> <meta name="twitter:description" content="Recorrido histórico y de las artes visuales a los fines de poder apreciar la transformación social general en los períodos enfocados, y en particular, la del rol de los hacedores de obras" /> <meta name="twitter:image" content="https://bcn.gob.ar/images/principales/450x0_MINIATURAHistoria-del-arteONLINE.jpg" /> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Biblioteca del Congreso de la Nación - Curso Online de Historia del Arte</title> <script type="text/javascript"> <![CDATA[//><!]]> </script>  <link rel="stylesheet" href="https://bcn.gob.ar/css/font-awesome.min.css">  <link rel="stylesheet" href="https://bcn.gob.ar/css/ionicons.min.css"> <link href="https://bcn.gob.ar/css/bootstrap.min.css" rel="stylesheet"> <link href="https://bcn.gob.ar/css/bootstrap.custom.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="https://bcn.gob.ar/css/animate.min.css"> <link href="https://bcn.gob.ar/css/style-1727091472.css" rel="stylesheet">  <link rel="stylesheet" type="text/css" href="https://bcn.gob.ar/js/plugins/owlcarousel/assets/owl.carousel.min.css"/> <link rel="stylesheet" type="text/css" href="https://bcn.gob.ar/js/plugins/owlcarousel/assets/owl.theme.default.min.css"/> <link href="https://bcn.gob.ar/js/plugins/fullcalendar/fullcalendar.css" rel="stylesheet">   <link rel="stylesheet" href="https://bcn.gob.ar/js/plugins/fancybox/source/jquery.fancybox.css?v=2.1.7" type="text/css" media="screen" />  <link rel="stylesheet" href="https://bcn.gob.ar/js/plugins/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" /> <link rel="stylesheet" href="https://bcn.gob.ar/js/plugins/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T3K5R2F');</script>  </head> <body> <div class="visible-lg visible-md visible-sm"> <div class="container-fluid bgwhite menu_web menu" style="border-bottom: 1px #000 solid;"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="row header bgwhite"> <div class="row-same-height"> <div class="col-logo-container col-md-1 col-sm-1 col-xs-2 col-xs-height col-bottom wow fadeIn" data-wow-duration="0.5s"> <a href="https://bcn.gob.ar"> <div class="logo-container"> <img src="https://bcn.gob.ar/images/parametros/logoconcupulaDESKTOP.svg" class="normal" style="width: 80px; padding-bottom: 27px;" /> <img src="https://bcn.gob.ar/images/parametros/LogosincupulaDESKTOP.svg" class="min" style="display: none; width: 98px; padding-bottom: 17px;" /> </div> </a> </div> <div class="col-md-11 col-sm-11 col-xs-8 col-xs-height col-bottom"> <div class="row"> <div class="col-xs-12 redes-container wow fadeIn"> <a href="https://bcn.gob.ar/contacto" class="pull-right padding15l simple-link" target="_blank"> Contacto </a> <a href="https://www.instagram.com/bcnargentina/" class="pull-right logo-redes" target="_blank"> <img src="https://bcn.gob.ar/images/social_instagram_2.svg" alt="Instagram de la BCN" /> </a> <a href="https://www.youtube.com/c/BibliotecadelCongresodelaNacion" class="pull-right logo-redes" target="_blank"> <img src="https://bcn.gob.ar/images/social_youtube_2.svg" alt="YouTube de la BCN" /> </a> <a href="https://twitter.com/BCNArgentina" class="pull-right logo-redes" target="_blank"> <img src="https://bcn.gob.ar/images/social_twitter_2.svg" alt="Twitter de la BCN" /> </a> <a href="https://www.facebook.com/Bibliotecadelcongreso" class="pull-right logo-redes" target="_blank"> <img src="https://bcn.gob.ar/images/social_fb_2.svg" alt="Facebook de la BCN" /> </a> <a href="http://bcnradio.com.ar" class="pull-right logo-redes" target="_blank"> <img src="https://bcn.gob.ar/images/social_radio_2.svg" alt="Radio Oficial de la BCN" /> </a> </div> <div class="text-right col-md-12"> <div class="dropdown dropdown-inline clic-mode" id="dropdown-https://bcn.gob.ar/la-biblioteca"> <a target="" class="wow fadeIn menu-item text-uppercase dropdown-toggle" data-animations="fadeIn fadeIn fadeIn fadeIn" data-hover="dropdown" data-wow-duration="1s" data-wow-delay="1s"> <h2>La Biblioteca</h2> </a> <ul class="dropdown-menu dropdown-horizontal dropdown-full-width" role="menu"> <div class="container"> <div class="row"> <div class="col-md-4 col-sm-6"> <li> <a href="https://bcn.gob.ar/la-biblioteca" class="item_padre text-uppercase" target=""> La Biblioteca </a> </li> <li> <a href="https://bcn.gob.ar/la-biblioteca/salas-y-horarios" target="" class=""> Salas y Horarios <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/la-biblioteca/investigacion-y-vinculacion-cientifica" target="" class=""> Investigación y vinculación científica <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/la-biblioteca/programa-de-becas-para-estancias-de-investigacion-y-formacion" target="" class=""> Programa de Becas para Estancias de Investigación y Formación <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> </div><div class="col-md-4 col-sm-6"> <li> <a href="https://bcn.gob.ar/la-biblioteca/programa-de-pasantias-intercambio-y-practicas-profesionales" target="" class=""> Programa de Pasantías, Intercambio y Prácticas Profesionales <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/la-biblioteca/programa-federal-lectura-en-movimiento" target="" class=""> Programa Federal de Lectura <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/mas-sobre-la-bcn/ifla---oficina-regional-para-america-latina-y-el-caribe-2" target="" class=""> IFLA - Oficina Regional para América Latina y el Caribe <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/cedodal" target="" class=""> BCN/CEDODAL <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> </div><div class="col-md-4 col-sm-6"> <li> <a href="https://bcn.gob.ar/la-biblioteca/noticias" target="" class=""> Noticias <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/servicios/recursos-virtuales" target="" class=""> Recursos virtuales <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/la-biblioteca/politica-de-donaciones" target="" class=""> Política de donaciones <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/transparencia/gestion-de-calidad" target="" class=""> Gestión de Calidad <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> </div><div class="col-md-4 col-sm-6"> <li> <a href="https://bcn.gob.ar/la-biblioteca/transparencia" target="" class=""> Transparencia <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> </div> </div> </div> </ul> </div> <div class="dropdown dropdown-inline clic-mode" id="dropdown-https://bcn.gob.ar/servicios"> <a target="" class="wow fadeIn menu-item text-uppercase dropdown-toggle" data-animations="fadeIn fadeIn fadeIn fadeIn" data-hover="dropdown" data-wow-duration="1s" data-wow-delay="1.2s"> <h2>Servicios</h2> </a> <ul class="dropdown-menu dropdown-horizontal dropdown-full-width" role="menu"> <div class="container"> <div class="row"> <div class="col-md-4 col-sm-6"> <li> <a href="https://bcn.gob.ar/servicios" class="item_padre text-uppercase" target=""> Servicios </a> </li> <li> <a href="https://bcn.gob.ar/servicios/servicios-legislativos" target="" class=""> Legisladores <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/servicios/agenda-para-escuelas" target="" class=""> Escuelas <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/servicios/investigadores" target="" class=""> Investigadores <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> </div><div class="col-md-4 col-sm-6"> <li> <a href="https://bcn.gob.ar/servicios/visitas-guiadas" target="" class=""> Visitas guiadas <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/investigadores/biblioteca-electronica-de-ciencia-y-tecnologia" target="" class=""> Biblioteca Electrónica de Ciencia y Tecnología <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/servicios/prestamos-a-domicilio" target="" class=""> Centro de Préstamos a Domicilio <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/servicios/bibliotecas-andariegas" target="" class=""> Bibliotecas Andariegas <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> </div><div class="col-md-4 col-sm-6"> <li> <a href="https://bcn.gob.ar/servicios/bibliomovil" target="" class=""> Bibliomóvil <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/servicios/servicios-de-fotocopia-y-escaneo" target="" class=""> Fotocopias y escaneo <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/servicios/asesoramiento-a-estudiantes-de-bibliotecologia" target="" class=""> Asesoramiento a estudiantes de bibliotecología <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/servicios/asesoramiento-en-la-confeccion-de-bibliografias-y-citas" target="" class=""> Asesoramiento en la confección de bibliografías y citas <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> </div> </div> </div> </ul> </div> <a href="https://bcn.gob.ar/agenda" target="" class="wow fadeIn menu-item text-uppercase" data-wow-duration="1s" data-wow-delay="1.4s"> <h2>Agenda</h2> </a> <div class="dropdown dropdown-inline clic-mode" id="dropdown-https://bcn.gob.ar/actividad-cultural"> <a target="" class="wow fadeIn menu-item text-uppercase dropdown-toggle" data-animations="fadeIn fadeIn fadeIn fadeIn" data-hover="dropdown" data-wow-duration="1s" data-wow-delay="1.6s"> <h2>Actividad Cultural</h2> </a> <ul class="dropdown-menu dropdown-horizontal dropdown-full-width" role="menu"> <div class="container"> <div class="row"> <div class="col-md-4 col-sm-6"> <li> <a href="https://bcn.gob.ar/actividad-cultural" class="item_padre text-uppercase" target=""> Actividad Cultural </a> </li> <li> <a href="https://bcn.gob.ar/actividad-cultural/talleres-y-cursos" target="" class=""> Talleres y Cursos <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/arte/curso-online-de-historia-del-arte-2024-modulo-2" target="" class=""> Curso online de historia del arte Módulo 2 <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/bcn-gob-ar-actividad-cultural-muestras-virtuales-y-presenciales" target="" class=""> Muestras <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> </div><div class="col-md-4 col-sm-6"> <li> <a href="https://bcn.gob.ar/actividad-cultural/cine-online-y-presencial" target="" class=""> Cine <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/actividad-cultural/poesia-emergente" target="" class=""> Poesía Emergente <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> <li> <a href="https://bcn.gob.ar/actividad-cultural/compania-de-teatro-bcn" target="" class=""> Compañía de Teatro BCN <div class="dropdown-menu-caret"> <img src="/images/carousel/black-icon-next.svg"> </div>   </a> </li> </div> </div> </div> </ul> </div> <a href="https://bcn.gob.ar/la-biblioteca/publicaciones" target="" class="wow fadeIn menu-item text-uppercase" data-wow-duration="1s" data-wow-delay="1.8s"> <h2>Publicaciones</h2> </a> <a href="https://bcn.gob.ar/catalogos" target="" class="wow fadeIn menu-item text-uppercase" data-wow-duration="1s" data-wow-delay="2s"> <h2>Catálogos</h2> </a> <div class="dropdown dropdown-inline clic-mode" id="dropdown-lupa"> <a class="wow fadeIn menu-item menu-item-buscar text-uppercase dropdown-toggle cursor-pointer" data-animations="fadeIn fadeIn fadeIn fadeIn" data-hover="dropdown" data-wow-duration="1s" data-wow-delay="2.4s"> <div class="text-3xl" style="padding-bottom: 13px; margin-top: 15px; margin-bottom: 10px;"> <img src="https://bcn.gob.ar/images/lupa_verde.svg" alt="Buscar" class="buscador-cerrado" /> <img src="https://bcn.gob.ar/images/lupa_cruz.svg" alt="Buscar" class="buscador-abierto" style="display: none; padding: 1px;" /> </div> </a> <ul class="dropdown-menu dropdown-full-width animated wow animated" role="menu" data-wow-delay="0.2s" data-wow-duration="0.1s"> <li class="buscar"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="row margin0lr-xs"> <form action="https://bcn.gob.ar/buscador" method="POST" class="search-form wow fadeIn" data-wow-duration="2s"> <input type="hidden" name="d" value="P"> <input type="hidden" name="q" value=""> <input type="hidden" name="fe" value=""> <input type="hidden" name="fs" value="32"> <div class="flex-container flex-container-column-xs"> <div class="flex-item-full-xs padding0lr-xs padding15lr wow fadeIn" data-wow-delay="0s" data-wow-duration="1.3s"> <div class="search-options text-nowrap"> <div class="radio padding5lr-xs"> <label> <input type="radio" name="type" value="web" aria-label="web" checked> <span class="padding5lr padding0lr-xs">en la web</span> </label>      <label> <input type="radio" name="type" value="catalogo" aria-label="catalogo"> <span class="padding5lr padding0lr-xs">en el catálogo</span> </label> </div> </div> </div> <div class="flex-item-full-xs flex-item-fill padding15lr padding5t padding15b-xs"> <div class="row flex-container"> <div class="flex-item-fill padding15lr padding0lr-xs" style="padding-right: 7px;"> <input id="search" type="text" placeholder="Palabra" class="form-control input-sm border-radius-3"> </div> <div class="padding15lr padding0lr-xs"> <button type="submit" class="btn btn-gray btn-sm btn-block border-radius-3"> Buscar </button> </div> </div> </div> </div> </form> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> window.addEventListener("DOMContentLoaded", function() { $(".search-form").submit(function(event) { var form = $(this); var busqueda = $("input[type=radio][name=type]:visible:checked").val(); if (busqueda == 'web') { form.attr("action", "https://bcn.gob.ar/buscador"); form.attr("method", "POST"); form.find("#search").attr("name", "search"); } else { event.preventDefault(); var $input = form.find("input[name='q']"); var $value = form.find("input#search").val(); $value = encodeURIComponent($value); form.find('input#search').attr("name", ""); $input.val($value); window.location = "http://consulta.bcn.gob.ar/bcn/Catalogo.Buscar?d=P&fe=&fs=32&q="+$value; return false; } }); }); </script> </div> <div class="visible-xs">  <nav class="menu navbar navbar-default navbar-white navbar-fixed-top bgwhite"> <div class="container position-relative"> <div class="row bgblack"> <div class="col-md-12 barra-negra"> <a href="https://bcn.gob.ar/contacto" class="white-simple-link" style="padding-right: 0; margin-right: 0;"> Contacto </a> <a class="navbar-toggle collapsed white-simple-link" data-toggle="collapse" data-target="#navbar3" aria-expanded="false" aria-controls="navbar3"> Seguinos </a> </div> </div> <div class="row"> <div class="row-same-height"> <div class="col-md-3 col-md-height col-bottom"> <div class="navbar-header"> <a class="navbar-brand" href="https://bcn.gob.ar"> <img src="https://bcn.gob.ar/images/parametros/logoconcupulaDESKTOP.svg" class="normal" style="width: 51px;" /> <img src="https://bcn.gob.ar/images/parametros/LogosincupulaDESKTOP.svg" class="min" style="display: none; width: 59px;" /> </a> <div style="margin-left: auto;"> <button type="button" class="navbar-toggle navbar-menu-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar" style="height: 34px;"> <span class="sr-only menu-cerrado">Toggle navigation</span> <span class="icon-bar menu-cerrado" style="margin-top: 2px;"></span> <span class="icon-bar menu-cerrado"></span> <span class="icon-bar menu-cerrado"></span> <img src="https://bcn.gob.ar/images/lupa_cruz.svg" alt="Buscar" class="menu-abierto" style="display: none; height: 22px; margin-top: 3px;" /> </button> <button type="button" class="navbar-toggle navbar-search-toggle collapsed" data-toggle="collapse" data-target="#navbar2" aria-expanded="false" aria-controls="navbar2" style="height: 34px;"> <img src="https://bcn.gob.ar/images/lupa_verde.svg" alt="Buscar" class="buscador-cerrado" style=" height: 22px; margin-top: 4px; " /> <img src="https://bcn.gob.ar/images/lupa_cruz.svg" alt="Buscar" class="buscador-abierto" style="display: none; height: 22px; margin-top: 4px;" /> </button> </div> </div> </div> <div class="col-md-9 col-md-height col-bottom"> <div class="row navbar-border-top"> <div class="col-md-12"> <div id="navbar3" class="navbar-container navbar-collapse collapse col-sm-pull-right" style="border: 0px;"> <ul class="nav navbar-nav"> <div class="col-xs-12 text-center" style="margin: 11px 0px;"> <a href="http://bcnradio.com.ar" style="padding: 0px 14px;" target="_blank"> <img src="https://bcn.gob.ar/images/social_radio_2.svg" alt="Radio Oficial de la BCN" /> </a> <a href="https://www.facebook.com/Bibliotecadelcongreso" style="padding: 0px 14px;" target="_blank"> <img src="https://bcn.gob.ar/images/social_fb_2.svg" alt="Facebook de la BCN" /> </a> <a href="https://twitter.com/BCNArgentina" style="padding: 0px 14px;" target="_blank"> <img src="https://bcn.gob.ar/images/social_twitter_2.svg" alt="Twitter de la BCN" /> </a> <a href="https://www.youtube.com/c/BibliotecadelCongresodelaNacion" style="padding: 0px 14px;" target="_blank"> <img src="https://bcn.gob.ar/images/social_youtube_2.svg" alt="YouTube de la BCN" /> </a> <a href="https://www.instagram.com/bcnargentina/" style="padding: 0px 14px;" target="_blank"> <img src="https://bcn.gob.ar/images/social_instagram_2.svg" alt="Instagram de la BCN" /> </a> </div> </ul> </div> </div> <div class="col-md-12"> <div id="navbar2" class="navbar-container navbar-collapse collapse col-sm-pull-right" style="border: 0px;"> <ul class="nav navbar-nav"> <div class="row margin0lr-xs"> <form action="https://bcn.gob.ar/buscador" method="POST" class="search-form wow fadeIn" data-wow-duration="2s"> <input type="hidden" name="d" value="P"> <input type="hidden" name="q" value=""> <input type="hidden" name="fe" value=""> <input type="hidden" name="fs" value="32"> <div class="flex-container flex-container-column-xs"> <div class="flex-item-full-xs padding0lr-xs padding15lr wow fadeIn" data-wow-delay="0s" data-wow-duration="1.3s"> <div class="search-options text-nowrap"> <div class="radio padding5lr-xs"> <label> <input type="radio" name="type" value="web" aria-label="web" checked> <span class="padding5lr padding0lr-xs">en la web</span> </label>      <label> <input type="radio" name="type" value="catalogo" aria-label="catalogo"> <span class="padding5lr padding0lr-xs">en el catálogo</span> </label> </div> </div> </div> <div class="flex-item-full-xs flex-item-fill padding15lr padding5t padding15b-xs"> <div class="row flex-container"> <div class="flex-item-fill padding15lr padding0lr-xs" style="padding-right: 7px;"> <input id="search" type="text" placeholder="Palabra" class="form-control input-sm border-radius-3"> </div> <div class="padding15lr padding0lr-xs"> <button type="submit" class="btn btn-gray btn-sm btn-block border-radius-3"> Buscar </button> </div> </div> </div> </div> </form> </div> </ul> </div> </div> <div class="col-md-12"> <div id="navbar" class="navbar-container navbar-collapse collapse col-sm-pull-right" style="border: 0px;"> <ul class="nav navbar-nav">  <li class=" dropdown"> <a href="https://bcn.gob.ar/la-biblioteca" target="" class="wow fadeIn" data-wow-duration="4s" data-wow-delay="0.5s"><strong>La Biblioteca</strong></a> <a href="#" class="dropdown-toggle wow fadeIn navbar-flechita" data-wow-duration="4s" data-wow-delay="0.5s" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <img src="https://bcn.gob.ar/images/flechita_abajo.svg" class="menu-cerrado" /> <img src="https://bcn.gob.ar/images/flechita_arriba.svg" class="menu-abierto" style="display: none;" /> </a> <ul class="dropdown-menu"> <li> <span class="title "> <a href="https://bcn.gob.ar/la-biblioteca/salas-y-horarios" target="" class="white-simple-link">Salas y Horarios  </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/la-biblioteca/investigacion-y-vinculacion-cientifica" target="" class="white-simple-link">Investigación y vinculación científica </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/la-biblioteca/programa-de-becas-para-estancias-de-investigacion-y-formacion" target="" class="white-simple-link">Programa de Becas para Estancias de Investigación y Formación </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/la-biblioteca/programa-de-pasantias-intercambio-y-practicas-profesionales" target="" class="white-simple-link">Programa de Pasantías, Intercambio y Prácticas Profesionales </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/la-biblioteca/programa-federal-lectura-en-movimiento" target="" class="white-simple-link">Programa Federal de Lectura </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/mas-sobre-la-bcn/ifla---oficina-regional-para-america-latina-y-el-caribe-2" target="" class="white-simple-link">IFLA - Oficina Regional para América Latina y el Caribe </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/cedodal" target="" class="white-simple-link">BCN/CEDODAL </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/la-biblioteca/noticias" target="" class="white-simple-link">Noticias </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/servicios/recursos-virtuales" target="" class="white-simple-link">Recursos virtuales </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/la-biblioteca/politica-de-donaciones" target="" class="white-simple-link">Política de donaciones </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/transparencia/gestion-de-calidad" target="" class="white-simple-link">Gestión de Calidad </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/la-biblioteca/transparencia" target="" class="white-simple-link">Transparencia </a> </span> </li> </ul> </li> <li class=" dropdown"> <a href="https://bcn.gob.ar/servicios" target="" class="wow fadeIn" data-wow-duration="4s" data-wow-delay="0.5s"><strong>Servicios</strong></a> <a href="#" class="dropdown-toggle wow fadeIn navbar-flechita" data-wow-duration="4s" data-wow-delay="0.5s" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <img src="https://bcn.gob.ar/images/flechita_abajo.svg" class="menu-cerrado" /> <img src="https://bcn.gob.ar/images/flechita_arriba.svg" class="menu-abierto" style="display: none;" /> </a> <ul class="dropdown-menu"> <li> <span class="title "> <a href="https://bcn.gob.ar/servicios/servicios-legislativos" target="" class="white-simple-link">Legisladores </a> </span> <ul class="dropdown-menu"> <li> <span class="title "> <a href="https://bcn.gob.ar/servicios-legislativos/referencia-legislativa" target="" class="white-simple-link">Servicios Legislativos </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/servicios-legislativos/publicaciones-1" target="" class="white-simple-link">Información legislativa y parlamentaria </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/servicios-legislativos/cuerpo-de-traductores" target="" class="white-simple-link">Cuerpo de Traductores </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/servicios-legislativos/salon-oficial" target="" class="white-simple-link">Salón Oficial </a> </span> </li> </ul> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/servicios/agenda-para-escuelas" target="" class="white-simple-link">Escuelas </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/servicios/investigadores" target="" class="white-simple-link">Investigadores </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/servicios/visitas-guiadas" target="" class="white-simple-link">Visitas guiadas </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/investigadores/biblioteca-electronica-de-ciencia-y-tecnologia" target="" class="white-simple-link">Biblioteca Electrónica de Ciencia y Tecnología </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/servicios/prestamos-a-domicilio" target="" class="white-simple-link">Centro de Préstamos a Domicilio </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/servicios/bibliotecas-andariegas" target="" class="white-simple-link">Bibliotecas Andariegas </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/servicios/bibliomovil" target="" class="white-simple-link">Bibliomóvil </a> </span> <ul class="dropdown-menu"> <li> <span class="title "> <a href="https://bcn.gob.ar/actividad-cultural/poesia-emergente" target="" class="white-simple-link">Poesía Emergente </a> </span> </li> </ul> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/servicios/servicios-de-fotocopia-y-escaneo" target="" class="white-simple-link">Fotocopias y escaneo </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/servicios/asesoramiento-a-estudiantes-de-bibliotecologia" target="" class="white-simple-link">Asesoramiento a estudiantes de bibliotecología </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/servicios/asesoramiento-en-la-confeccion-de-bibliografias-y-citas" target="" class="white-simple-link">Asesoramiento en la confección de bibliografías y citas </a> </span> </li> </ul> </li> <li class=" dropdown"> <a href="https://bcn.gob.ar/agenda" target="" class="wow fadeIn" data-wow-duration="4s" data-wow-delay="0.5s"><strong>Agenda</strong></a> <ul class="dropdown-menu"> </ul> </li> <li class=" dropdown"> <a href="https://bcn.gob.ar/actividad-cultural" target="" class="wow fadeIn" data-wow-duration="4s" data-wow-delay="0.5s"><strong>Actividad Cultural</strong></a> <a href="#" class="dropdown-toggle wow fadeIn navbar-flechita" data-wow-duration="4s" data-wow-delay="0.5s" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <img src="https://bcn.gob.ar/images/flechita_abajo.svg" class="menu-cerrado" /> <img src="https://bcn.gob.ar/images/flechita_arriba.svg" class="menu-abierto" style="display: none;" /> </a> <ul class="dropdown-menu"> <li> <span class="title "> <a href="https://bcn.gob.ar/actividad-cultural/talleres-y-cursos" target="" class="white-simple-link">Talleres y Cursos </a> </span> <ul class="dropdown-menu"> <li> <span class="title "> <a href="https://bcn.gob.ar/talleres-y-cursos/cursos-y-talleres-2024" target="" class="white-simple-link">Cursos y Talleres 2024 </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/talleres-y-cursos/videos-en-vivo-anteriores" target="" class="white-simple-link">Talleres y charlas ya emitidos </a> </span> </li> </ul> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/arte/curso-online-de-historia-del-arte-2024-modulo-2" target="" class="white-simple-link">Curso online de historia del arte Módulo 2 </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/bcn-gob-ar-actividad-cultural-muestras-virtuales-y-presenciales" target="" class="white-simple-link">Muestras </a> </span> <ul class="dropdown-menu"> <li> <span class="title "> <a href="https://bcn.gob.ar/muestras-virtuales-y-presenciales/muestras" target="" class="white-simple-link">Muestras presenciales </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/muestras-virtuales-y-presenciales/muestras-virtuales" target="" class="white-simple-link">Muestras virtuales </a> </span> </li> </ul> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/actividad-cultural/cine-online-y-presencial" target="" class="white-simple-link">Cine </a> </span> <ul class="dropdown-menu"> <li> <span class="title "> <a href="https://bcn.gob.ar/cine-online-y-presencial/cine" target="" class="white-simple-link">Ciclos de cine  </a> </span> </li> </ul> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/actividad-cultural/poesia-emergente" target="" class="white-simple-link">Poesía Emergente </a> </span> </li> <li> <span class="title "> <a href="https://bcn.gob.ar/actividad-cultural/compania-de-teatro-bcn" target="" class="white-simple-link">Compañía de Teatro BCN </a> </span> </li> </ul> </li> <li class=" dropdown"> <a href="https://bcn.gob.ar/la-biblioteca/publicaciones" target="" class="wow fadeIn" data-wow-duration="4s" data-wow-delay="0.5s"><strong>Publicaciones</strong></a> <ul class="dropdown-menu"> </ul> </li> <li class=" dropdown"> <a href="https://bcn.gob.ar/catalogos" target="" class="wow fadeIn" data-wow-duration="4s" data-wow-delay="0.5s"><strong>Catálogos</strong></a> <ul class="dropdown-menu"> </ul> </li>  </ul> </div> </div> </div> </div> </div> </div> </div> </nav> </div> <div class="sticky-menu-margin"></div> <div class="container-fluid"> <div class="row main-carousel-container carousel-container wow fadeIn carousel_titulo_blanco" data-wow-duration="1.7s"> <div id="main-carousel" class="carousel slide" data-ride="carousel">  <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="https://bcn.gob.ar/images/slider_encabezado//2250x773_CARRUSELHistoria-del-arteONLINE.jpg" class="img-responsive full-width hidden-xs"/> <img src="https://bcn.gob.ar/images/slider_encabezado//780x438_CARRUSELHistoria-del-arteONLINE.jpg" class="img-responsive full-width visible-xs"/> </div> </div> </div> </div> </div> <div class="container micrositio-container padding30tb"> <div class="row"> <div class="col-md-12"> <div class="row"> <div class="col-md-12 padding20b"> <a href="https://bcn.gob.ar" class="simple-link" style="letter-spacing: -0.3px;">Inicio</a> > <a href="https://bcn.gob.ar/actividad-cultural" class="simple-link" style="letter-spacing: -0.3px;">Actividad Cultural</a> > <a href="https://bcn.gob.ar/actividad-cultural/arte" class="simple-link" style="letter-spacing: -0.3px;">Historia del arte</a> > <span style="letter-spacing: -0.3px; color: #777;">Curso Online de Historia del Arte</span> </div> </div> <h1 class="titular nomargin padding10b padding20t">Curso Online de Historia del Arte</h1> </div> </div> <div class="row padding15tb min-height400"> <div class="col-md-5"> <div class="row"> <div class="col-md-12 padding15tb copete" style="font-size: 17px;"> <p><span style="font-weight: 700; color: rgb(66, 66, 66); font-size: 24px;">Módulo 2. Edad Media y Renacimiento</span></p><p class="interlineado" style="line-height: 1.5;"><span style="font-weight: 700;"><br>Inicio: </span>Jueves 11 de abril, 21 h</p><p class="interlineado" style="line-height: 1.5;"><span style="font-weight: 700;">Días y horarios: </span>Jueves, de 21 a 23 h</p><p class="interlineado" style="line-height: 1.5;"><span style="font-weight: 700;">Duración: </span>Anual. Finaliza jueves 21 de noviembre</p><p class="interlineado" style="line-height: 1.5;"><span style="font-weight: 700;">Dictado por: </span>Lic. Anabella Sánchez</p><p class="interlineado" style="line-height: 1.5;"><span style="font-weight: 700;">Modalidad:</span> Virtual. Si queres participar como oyente las clases se transmitirán por el <a href="https://www.youtube.com/@bibliotecadelcongresodelan4879" target="_blank"><font color="#2dc0aa"><span style="font-weight: 700;">Canal de YouTube de la BCN</span></font></a>. Las clases estarán disponibles <b>hasta el 31/12/2024</b></p><p class="interlineado" style="line-height: 1.5;"><span style="font-weight: 700;">Destinado a:</span> Público general</p><p style="line-height: 1.5;"><br></p> </div> </div> </div> <div class="col-md-6 col-md-offset-1"> <div class="row"> <div class="col-md-12 padding15tb contenido" style="font-size: 17px;"> <p style="line-height: 1.5;">En este módulo abordaremos la Edad Media y el Renacimiento. Realizaremos un recorrido histórico que incluye las artes visuales (pintura, escultura, arquitectura y “artes menores”) a los fines de poder apreciar la transformación social en los períodos enfocados (nacimiento, afianzamiento y expansión del cristianismo, régimen feudal, fortalecimiento de las monarquías, entre otros) y en particular, el rol de los hacedores de obras, de meros artesanos a artistas, y de artistas a genios a partir del siglo XV.</p><hr><div><span style="font-weight: 700;">Anabella Sánchez </span>es Licenciada en Humanidades y Ciencias Sociales con orientación en Arte (Universidad de Palermo). Docente de las cátedras de Arte Barroco y Arte Medieval en la Universidad de Palermo desde 2011. Docente desde 2005 en la Biblioteca del Congreso de la Nación de diversos cursos: Historia del arte; Seminario de color, su historia y simbología; Apuntes sobre estética. Asimismo, se desempeñó como guía bilingüe en diversas muestras en el Centro Cultural Borges y el Palais de Glace, entre otros, y como docente de diversos seminarios de Historia del arte en espacios privados.<br></div> </div> </div> </div> <div class="col-md-12 items-container"> <h2 class="margin0b titular_padre_min">Curso Online de Historia del Arte</h2> <div class="border-bottom margin30b"></div> </div> <div class="col-md-12 items-container"> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-27" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_Miniaturaclase27.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-27" target=""> <h1>Edad Media y Renacimiento: Clase 27</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-27" target=""> En nuestra última clase reflexionaremos sobre los temas trabajados y el camino recorrido, también, sobre lo que nos deparan las nuevas propuestas para el próximo año. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-26" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_Miniaturaclase26.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-26" target=""> <h1>Edad Media y Renacimiento: Clase 26</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-26" target=""> Nuestro camino por la Italia del Renacimiento culmina en la apreciación de la obra de Sandro Botticelli. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-25" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_Clase-25-horizontal.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-25" target=""> <h1>Edad Media y Renacimiento: Clase 25</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-25" target=""> Continuamos caminando por Florencia —y otras cortes italianas— para conocer obras de la generación de artistas que sucedió a la de Cosimo el Viejo. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-24" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_Miniaturaclase24.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-24" target=""> <h1>Edad Media y Renacimiento: Clase 24 </h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-24" target=""> Continuemos caminando por la Florencia de Cosimo de Medici “el viejo”, apreciando las novedades estilísticas y cómo éstas conviven con tradiciones medievales de la imagen. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-23" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_Miniaturaclase23.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-23" target=""> <h1>Edad Media y Renacimiento: Clase 23</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-23" target=""> Inauguramos el Renacimiento en su faceta arquitectónica. Sigamos a Filipo Brunelleschi y su propuesta para cubrir el crucero de Santa María dei Fiore con su maravillosa cúpula. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-22" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_HistoriadelarteONLINEClase22MINIATURA.png"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-22" target=""> <h1>Edad Media y Renacimiento: Clase 22</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-22" target=""> Inicio del siglo XV en Florencia; nos situaremos en la Piazza del Duomo, frente a su baptisterio. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-21" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_HDA21MINIATURA.png"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-21" target=""> <h1>Edad Media y Renacimiento: Clase 21</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-21" target=""> Exploraremos la historia y las formas artísticas de dos edificios florentinos del siglo XIV: el palacio Davanzati y Orsanmichele. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-20" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_Miniaturaclase20.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-20" target=""> <h1>Edad Media y Renacimiento: Clase 20</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-20" target=""> El tema de hoy es la bisagra artística que significó el trabajo de los pintores Duccio, en Siena, y Giotto, en Florencia. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-19" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_Miniaturaclase19-1.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-19" target=""> <h1>Edad Media y Renacimiento: Clase 19</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-19" target=""> En esta clase analizaremos el siglo XIV, “el siglo de las calamidades”. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-18" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_Miniaturaclase18.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-18" target=""> <h1>Edad Media y Renacimiento: Clase 18</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-18" target=""> Hoy estudiaremos las artes representativas en el Gótico, en su escultura y en su pintura. Además, conoceremos los cambios económicos, políticos y sociales más relevantes. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-17" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_MINIATURAClase17.png"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-17" target=""> <h1>Edad Media y Renacimiento: Clase 17</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-17" target=""> Continuemos transitando el Gótico. Apreciaremos que el tamaño de las iglesias aumenta hasta lo impensado y que el diseño de algunas bóvedas escapa a la lógica. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-16" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_clase16horizontal.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-16" target=""> <h1>Edad Media y Renacimiento: Clase 16</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-16" target=""> En esta ocasión comenzaremos nuestro trayecto a través del arte Gótico. Hoy reconoceremos las características de su arquitectura y ornamentación. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-15" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_Clase15MINIATURA.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-15" target=""> <h1>Edad Media y Renacimiento: Clase 15</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-15" target=""> En la clase de hoy trataremos otra de las formas artísticas del periodo románico: la pintura. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-14" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_Miniaturaclase14.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-14" target=""> <h1>Edad Media y Renacimiento: Clase 14</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-14" target=""> Hoy veremos cómo nuestro camino por el Románico nos lleva a la ruta compostelana y a la apreciación de la decoración de la arquitectura del período. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-13" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_Miniatura-clase13.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-13" target=""> <h1>Edad Media y Renacimiento: Clase 13</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-13" target=""> Hoy comenzaremos nuestro recorrido a través del período Románico, en este caso buscando comprender los cambios de sus estructuras arquitectónicas. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-12" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_MINIATURAclase12cursoonline.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-12" target=""> <h1>Edad Media y Renacimiento: Clase 12</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-12" target=""> El tema de la clase de hoy serán los vikingos, también conocidos como normandos. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-11" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_MINIATURAClase11modulo2.png"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-11" target=""> <h1>Edad Media y Renacimiento: Clase 11</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-11" target=""> Nuestra clase de hoy nos lleva al Sacro Imperio Romano Germánico, para apreciar la ornamentación de sus libros, por dentro y por fuera. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-10" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_MINIATURAhistoriadelArte10.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-10" target=""> <h1>Edad Media y Renacimiento: Clase 10</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-10" target=""> En la clase de hoy nos dedicaremos a explorar las características del arte carolingio. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-9" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_Miniaturaclase9.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-9" target=""> <h1>Edad Media y Renacimiento: Clase 9</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-9" target=""> Nuestro tema de hoy se desarrolla parcialmente, en paralelo a todos los que hemos estado viendo este año hasta ahora: se trata del desarrollo monástico. Por otra parte, retomaremos el reino franco y... </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-8" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_HDAMINIATURA.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-8" target=""> <h1>Edad Media y Renacimiento: Clase 8</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-8" target=""> En nuestra clase de hoy nos enfocaremos en la Conquista musulmana de la Península Ibérica a partir de 711, y en las formas artísticas de un templo y un palacio: la Mezquita de Córdoba y el Palacio... </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-7" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_MINIATURAClase7modulo2024.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-7" target=""> <h1>Edad Media y Renacimiento Clase 7</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-7" target=""> Nuestro tema de hoy completa el de la clase pasada, al ver el arte de los francos merovingios, y la invasión bizantina de la península itálica. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-6" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_HDA-Clase6MINIATURA.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-6" target=""> <h1>Edad Media y Renacimiento: Clase 6</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-6" target=""> Desplazados por el avance huno, diversos pueblos bárbaros germánicos avanzarán desde oriente hacia el oeste, penetrando en un debilitado Imperio romano de occidente que precipitará su caída. Hoy veremos... </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-5" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_HA-OnlineClase-5MINIATURA.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-5" target=""> <h1>Edad Media y Renacimiento: Clase 5 </h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-5" target=""> Hoy exploraremos la ornamentación de los nuevos edificios paleocristianos, además de las relaciones de la última parte del Imperio Romano y los distintos pueblos bárbaros. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-4" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_HistoriadelarteONLINEClase4MINIATURA.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-4" target=""> <h1>Edad Media y Renacimiento: Clase 4</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-4" target=""> Después de la promulgación del Edicto de Milán, que proponía la tolerancia a todas las religiones, el arte cristiano pudo hacerse visible y crecer en calidad. Hoy apreciaremos sus formas arquitectónicas... </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-3" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_MINIATURAclase3modulo2.png"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-3" target=""> <h1>Edad Media y Renacimiento: Clase 3</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-3" target=""> Continuamos apreciando las características artísticas del Dominado romano en las formas artísticas de la época de Constantino. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-2" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_miniaturarenacimientoclase2.png"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-2" target=""> <h1>Edad Media y Renacimiento: Clase 2</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-2" target=""> Nuestro camino comienza en la Antigüedad tardía, examinando las características del arte durante el Crisis del Siglo III y el Dominado. </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding30lr"> <div class="row"> <div class="col-md-12 item"> <div class="row"> <div class="col-xs-12 item-content"> <div class="row"> <div class="col-xs-12 col-md-3 position-relative nopadding"> <a href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-1" target=""> <img src="https://bcn.gob.ar/images/principales/768x432_MiniaturaElLobo.jpg"> </a> </div> <div class="col-xs-12 col-md-9 padding20tb"> <div class="row same-height"> <div class="col-md-8"> <a class="black-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-1" target=""> <h1>Edad Media y Renacimiento: Clase 1</h1> </a> </div> <div class="col-md-8" style="font-size: 16px !important;"> <a class="dark-gray-simple-link" href="https://bcn.gob.ar/curso-online-de-historia-del-arte-2024-modulo-2/edad-media-y-renacimiento-clase-1" target=""> Comenzamos nuestro recorrido a través de algunas culturas de la Antigüedad estableciendo la periodización de esa Edad y reflexionando acerca del hito que la separa de la Prehistoria: la invención de... </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="container item_micrositio_relacionados_titulo"> <div class="row "> <div class="col-md-12 text-uppercase"> <h3 class="mas_sobre">Más sobre: 'Historia del arte'</h3> </div> </div> </div> <div class="container-fluid bggray"> <div class="row padding30tb padding30lr"> <div class="col-md-12"> <div class="row relacionados-container wow fadeIn" data-wow-delay="0.5s" data-wow-duration="1s"> <div class="col-md-12 bxslider-container"> <div class="owl-carousel owl-theme bxslider-relacionados"> <div class="bxslider-item text-center wow fadeIn" data-wow-delay="1.3333333333333s" data-wow-duration="3s"> <a class="simple-link same-height" href="https://bcn.gob.ar/arte/curso-online-de-historia-del-arte-1930-1960" target=""> <div> <img src="https://bcn.gob.ar/images/principales/768x432_the-1937-paris-international-exposition.jpg" class="full-width" /> </div> <div class="text-center"> <h3> Curso online de historia del arte. Arte de siglo XX: 1930-1960</h3> </div> </a> </div> <div class="bxslider-item text-center wow fadeIn" data-wow-delay="1.3333333333333s" data-wow-duration="3s"> <a class="simple-link same-height" href="https://bcn.gob.ar/arte/recuerdos-de-la-epoca-virreinal" target=""> <div> <img src="https://bcn.gob.ar/images/principales/768x432_miniatura-Cuadro-de-castas.jpg" class="full-width" /> </div> <div class="text-center"> <h3>Recuerdos de la época virreinal</h3> </div> </a> </div> <div class="bxslider-item text-center wow fadeIn" data-wow-delay="1.3333333333333s" data-wow-duration="3s"> <a class="simple-link same-height" href="https://bcn.gob.ar/arte/apuntes-diarios-de-historia-del-arte" target=""> <div> <img src="https://bcn.gob.ar/images/principales/768x432_miniatura-apuntes-historia-del-arte.png" class="full-width" /> </div> <div class="text-center"> <h3>Apuntes sobre historia del arte</h3> </div> </a> </div> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="social-container pull-right footer-redes"> <div class="text">Compartí   </div> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbcn.gob.ar%2Farte%2Fcurso-online-de-historia-del-arte-2024-modulo-2" class="" target="_blank"><img src="https://bcn.gob.ar/images/comparti_fb.svg" alt="Compartir en Facebook" /></a> <a href="mailto:?subject=Biblioteca%20del%20Congreso%20de%20la%20Naci%C3%B3n%20-%20Curso%20Online%20de%20Historia%20del%20Arte&body=Mir%C3%A1%20este%20sitio%20web%3A%20https%3A%2F%2Fbcn.gob.ar%2Farte%2Fcurso-online-de-historia-del-arte-2024-modulo-2" class="" target="_blank"><img src="https://bcn.gob.ar/images/comparti_mail.svg" alt="Enviar por correo" /></a> <a href="https://wa.me/?text=Mir%C3%A1%20este%20sitio%20web:%0A%0ABiblioteca%20del%20Congreso%20de%20la%20Naci%C3%B3n%20-%20Curso%20Online%20de%20Historia%20del%20Arte%0Ahttps%3A%2F%2Fbcn.gob.ar%2Farte%2Fcurso-online-de-historia-del-arte-2024-modulo-2" class="" target="_blank"><img src="https://bcn.gob.ar/images/comparti_whatsapp.svg" alt="Compartir en Whatsapp" /></a> <a href="#" onclick="navigator.clipboard.writeText('https://bcn.gob.ar/arte/curso-online-de-historia-del-arte-2024-modulo-2');alert('Enlace copiado!');return false;" class="" target="_blank"><img src="https://bcn.gob.ar/images/comparti_link.svg" alt="Copiar enlace" /></a> <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fbcn.gob.ar%2Farte%2Fcurso-online-de-historia-del-arte-2024-modulo-2&text=Biblioteca%20del%20Congreso%20de%20la%20Naci%C3%B3n%20-%20Curso%20Online%20de%20Historia%20del%20Arte" class="" target="_blank"><img src="https://bcn.gob.ar/images/comparti_x.svg" alt="Compartir en X" /></a> </div> </div> </div> </div> <div class="container-fluid">   <div id="curso" class="modal"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title display-inline-block">Inscripción</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form name="sentInscripcion" id="cursoForm" novalidate> <input type="hidden" id="type" value="curso" /> <input type="hidden" id="dest" value="" /> <div id="display-dest" class="row control-group"> <div class="bg-info padding20tb form-group col-xs-12 floating-label-form-group controls"></div> </div> <div class="cupo-lleno-msg hide"> <div class="row"> <div class="control-group"> <div class="form-group alert bg-danger col-xs-12 floating-label-form-group controls"> El curso ha llegado al cupo máximo, igualmente puedes inscribirte en espera. Cuando haya una vacante disponible el lugar será tuyo. </div> </div> </div> </div> <div class="fin-inscripcion-msg hide"> <div class="row"> <div class="control-group"> <div class="bg-danger padding20tb form-group col-xs-12 floating-label-form-group controls"> <b>La inscripción a este curso se encuentra finalizada.</b> </div> </div> </div> </div> <div class="usuario-restringido-msg hide"> <div class="row"> <div class="control-group"> <div class="bg-danger padding20tb form-group col-xs-12 floating-label-form-group controls"> Atención:<h2> Su inscripción no podrá realizarse. <br>Deberá presentarse en mesa de entrada en Alsina 1835, CABA. de 8 a 17hs, para notificarse de la prohibición de ingreso y los motivos de la misma.</h2> </div> </div> </div> </div> <div class="lugar-residencia-group hide"> <div class="row"> <div class="control-group"> <div class="form-group col-xs-12 floating-label-form-group controls"> <select class="form-control" id="lugar-residencia" name="lugar-residencia"> <option value="">Seleccione su lugar de residencia</option> <option value="CABA" >Capital Federal</option> <option value="GBA" >Gran Buenos Aires</option> <option value="INTERIOR" >Interior del país</option> </select> </div> </div> </div> <div class="row"> <div class="form-group col-xs-12"> <button type="button" class="btn btn-success btn-lg btn-lugar-residencia-continuar">Continuar</button> </div> </div> </div> <div class="usuario-registrado-group hide"> <div class="row"> <div class="control-group"> <input type="hidden" id="usuario" value="registrado" /> <div class="form-group col-xs-12 floating-label-form-group controls usuario"></div> </div> <div class="control-group"> <div class="form-group col-xs-12 floating-label-form-group controls"> <input type="email" class="form-control" placeholder="Ingrese su Email" id="email" required data-validation-required-message="Ingrese su email"> <p class="help-block text-danger"></p> </div> </div> <div class="control-group"> <div class="form-group col-md-6 col-xs-12 floating-label-form-group controls"> <select class="form-control" id="preg1" name="preg1"> <option value="" >Participó anteriormente de alguno de nuestros talleres?</option> <option value="NO" >NO</option> <option value="SI" >SI</option> </select> <p class="help-block text-danger"></p> </div> <div class="form-group col-md-6 col-xs-12 floating-label-form-group controls"> <select class="form-control" id="preg2" name="preg2"> <option value="" >Cómo se enteró de nuestro talleres?</option> <option value="WEB" >WEB</option> <option value="AMIGO / CONOCIDO" >AMIGO / CONOCIDO</option> <option value="POR LA BCN" >POR LA BCN</option> <option value="MEDIOS GRAFICOS" >MEDIOS GRAFICOS</option> <option value="EX-ALUMNOS" >EX-ALUMNOS</option> <option value="OTROS" >OTROS</option> </select> <p class="help-block text-danger"></p> </div> </div> <div class="control-group"> <div class="form-group col-xs-12 col-sm-6 floating-label-form-group controls"> <button type="button" class="btn btn-danger btn-md btn-logout-curso"></button> </div> <div class="form-group col-xs-12 col-sm-6 floating-label-form-group controls"> <button type="submit" class="btn btn-success btn-md btn-inscripcion-usuario-curso">Inscribirme</button> </div> </div> </div> </div> <div class="login-group hide"> <div class="row preg-nacionalidad"> <div class="col-xs-6 text-center"> <button class="btn btn-success selecion-nacionalidad" nacionalidad="arg">Soy Argentino</button> </div> <div class="col-xs-6 text-center"> <button class="btn btn-success selecion-nacionalidad" nacionalidad="ext">Soy Extranjero</button> </div> </div>  <div class="row pide-doc pide-doc-ext hidden"> <div class="col-xs-12"> Ingresa tu número de documento de identidad </div> <div class="control-group"> <div class="form-group col-xs-12 floating-label-form-group controls"> <input name="dni" type="text" pattern="[A-ZÑa-zñ0-9]{3,}" class="form-control" placeholder="Documento" required data-validation-required-message="Ingrese su dni" data-validation-pattern-message="Ingrese solo números y letras"> <p class="help-block text-danger"></p> </div> <div class="form-group col-xs-12 floating-label-form-group controls"> <button type="button" class="btn btn-success btn-md btn-validar-dni">Validar Documento</button> </div> </div> </div> <input name="es_argentino" type="hidden">  <div class="row pide-doc pide-doc-nacional hidden"> <div class="col-xs-12"> Ingresa tu numero de documento nacional argentino/a </div> <div class="control-group"> <div class="form-group col-xs-12 floating-label-form-group controls"> <input name="dni" type="text" pattern="(\d+){3,}" class="form-control" placeholder="Documento" required data-validation-required-message="Ingrese su dni" data-validation-pattern-message="Ingrese solo números"> <p class="help-block text-danger"></p> </div> <div class="form-group col-xs-12 floating-label-form-group controls"> <button type="button" class="btn btn-success btn-md btn-validar-dni">Validar Documento</button> </div> </div> </div> </div> <div class="datos-personales-group hide"> <div class="row"> <div class="control-group"> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <input type="text" id="dni" pattern="[A-ZÑa-zñ0-9]+" class="form-control" placeholder="Documento" required data-validation-required-message="Ingrese su dni" data-validation-pattern-message="Ingrese solo números"> <p class="help-block text-danger"></p> </div> </div> <div class="control-group"> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <input type="email" class="form-control" placeholder="Email" id="email" required data-validation-required-message="Ingrese su email"> <p class="help-block text-danger"></p> </div> </div> <div class="control-group"> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <input type="text" class="form-control" placeholder="Apellido" id="apellido" required data-validation-required-message="Ingrese su apellido"> <p class="help-block text-danger"></p> </div> </div> <div class="control-group"> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <input type="text" class="form-control" placeholder="Nombre" id="nombre" required data-validation-required-message="Ingrese su nombre"> <p class="help-block text-danger"></p> </div> </div> <div class="control-group"> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <input type="text" class="form-control" name="pais" placeholder="Pais" id="pais" required data-validation-required-message="Ingrese su pais"> <p class="help-block text-danger"></p> </div> </div> <div class="control-group"> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <select class="form-control" name="provincia" placeholder="Provincia" required data-validation-required-message="Ingrese una provincia"> <option value="" >Provincia</option> <option value="Capital Federal" >Capital Federal</option> <option value="Buenos Aires" >Buenos Aires</option> <option value="Catamarca" >Catamarca</option> <option value="Chaco" >Chaco</option> <option value="Chubut" >Chubut</option> <option value="Cordoba" >Cordoba</option> <option value="Corrientes" >Corrientes</option> <option value="Entre Rios" >Entre Rios</option> <option value="Formosa" >Formosa</option> <option value="Jujuy" >Jujuy</option> <option value="La Pampa" >La Pampa</option> <option value="La Rioja" >La Rioja</option> <option value="Mendoza" >Mendoza</option> <option value="Misiones" >Misiones</option> <option value="Neuquen" >Neuquen</option> <option value="Rio Negro" >Rio Negro</option> <option value="Salta" >Salta</option> <option value="San Juan" >San Juan</option> <option value="San Luis" >San Luis</option> <option value="Santa Cruz" >Santa Cruz</option> <option value="Santa Fe" >Santa Fe</option> <option value="Santiago del Estero" >Santiago del Estero</option> <option value="Tierra del Fuego" >Tierra del Fuego</option> <option value="Tucuman" >Tucuman</option> </select> <p class="help-block text-danger"></p> </div> </div> <div class="control-group"> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <input class="form-control" name="provincia" placeholder="Provincia" required data-validation-required-message="Ingrese una provincia"> <p class="help-block text-danger"></p> </div> </div> <div class="control-group"> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <input type="text" class="form-control" placeholder="Ciudad" id="ciudad" required data-validation-required-message="Ingrese una ciudad"> <p class="help-block text-danger"></p> </div> </div> <div class="control-group"> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <input type="tel" class="form-control" placeholder="Teléfono Fijo" id="phone1" required data-validation-required-message="Ingrese su teléfono fijo"> <p class="help-block text-danger"></p> </div> </div> <div class="control-group"> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <input type="tel" class="form-control" placeholder="Teléfono Celular" id="phone2" required data-validation-required-message="Ingrese su teléfono celular"> <p class="help-block text-danger"></p> </div> </div> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <select class="form-control" id="preg1" name="preg1"> <option value="" >Participó anteriormente de alguno de nuestros talleres?</option> <option value="NO" >NO</option> <option value="SI" >SI</option> </select> <p class="help-block text-danger"></p> </div> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <select class="form-control" id="preg2" name="preg2"> <option value="" >Cómo se enteró de nuestro talleres?</option> <option value="WEB" >WEB</option> <option value="AMIGO / CONOCIDO" >AMIGO / CONOCIDO</option> <option value="POR LA BCN" >POR LA BCN</option> <option value="MEDIOS GRAFICOS" >MEDIOS GRAFICOS</option> <option value="EX-ALUMNOS" >EX-ALUMNOS</option> <option value="OTROS" >OTROS</option> </select> <p class="help-block text-danger"></p> </div> </div> <br> <div class="row"> <div class="form-group col-xs-12"> <button type="submit" class="btn btn-success btn-lg">Inscribirme</button> </div> </div> </div> <div id="success"></div> </form> </div> </div> </div> </div>  <script> function getInputDniByNacionalidad(){ if( $("input[name='es_argentino']").val() =="SI"){ return $(".login-group .pide-doc-nacional input[name='dni']"); }else{ return $(".login-group .pide-doc-ext input[name='dni']"); } } function execute(action, value, onSuccess, onNotFound) { var parameters = ""; if(jQuery.isArray(value)) { $.each(value, function(index, value) { parameters += "&value"+(index+1)+"=" + value; }); } else { parameters = "&value=" + value; } $.ajax({ url: base_url + "/talleres/apis.php?get=" + action + parameters, // Url to which the request is send type: "POST", // Type of request to be send, called as method contentType: false, // The content type used when sending data to the server. cache: false, // To unable request pages to be cached processData: false, // To send DOMDocument or non processed data file it is set to false success: function(data) // A function to be called if request succeeds { if(data != "") { data = jQuery.parseJSON(data); if (data.status == 200) { onSuccess(data); } else if (data.status == 404) { onNotFound(data); } else if (data.status == 500) { alert(data.message); } } }, error: function(xhr, ajaxOptions, thrownError) { //TODO } }); } function mostrarInscripcion() { $(".lugar-residencia-group").addClass("hide"); execute("getUsuario", null, function(data) { //onSuccess $(".usuario-registrado-group").removeClass("hide"); var alumno = data.message.nombre + " " + data.message.apellido; $(".usuario-registrado-group .usuario").html("<h2>Está inscribiendo a " + alumno + " al curso.</h2>"); $(".btn-logout-curso").html("No soy " + alumno); $(".btn-inscripcion-usuario-curso").html("Inscribirme"); $(".usuario-registrado-group #email").addClass("hide"); }, function(data) { //onNotFound loginAlumnoInscripcion(); }); } function loginAlumnoInscripcion() { if($('.text-danger:visible').length && $('.text-danger:visible').text() != "") { alert("Revise los datos ingresados"); return; } $(".usuario-registrado-group").addClass("hide"); $(".login-group").addClass("hide"); $(".datos-personales-group").addClass("hide"); $(".usuario-registrado-group #email").addClass("hide"); $(".datos-personales-group #dni").removeAttr("disabled"); var dni = getInputDniByNacionalidad(); if($("input[name='es_argentino']").val()=="SI" && !$.isNumeric(dni.val())) { ni.parent().find(".help-block").html(dni.attr("data-validation-pattern-message")); } if(dni.val() == "") { $(".login-group").removeClass("hide"); } else { execute("validaUsuario", dni.val(), function(data) { //onSuccess if(data.message=="El usuario esta restringido"){ $(".usuario-restringido-msg").removeClass("hide"); $('.cupo-lleno-msg ').addClass("hide");// lo oculta si fue visible }else if(data.message == "true") { $(".usuario-restringido-msg").addClass("hide"); $(".usuario-registrado-group").removeClass("hide"); $(".usuario-registrado-group .usuario").html("<h2>Sus datos se encuentran en nuestra base de datos.<br>Ahora puede inscribirse en hasta dos cursos y un seminario.</h2>"); $(".btn-logout-curso").html(dni.val() + " no es mi documento, deseo corregirlo"); $(".btn-inscripcion-usuario-curso").html("Mi Documento " + dni.val() + " es correcto y deseo inscribirme"); $(".usuario-registrado-group #email").removeClass("hide"); } else { $(".usuario-restringido-msg").addClass("hide"); $(".datos-personales-group").removeClass("hide"); $(".datos-personales-group #dni").val(dni.val()); $(".datos-personales-group #dni").attr("disabled", "disabled"); } }, function(data) { //onNotFound //TODO }); } } window.addEventListener("DOMContentLoaded", function() { $(function() { $("form[name=sentInscripcion] input, form[name=sentInscripcion] select").keypress(function() { if (event.which == 13) { event.preventDefault(); } }); $("form[name=sentInscripcion] input, form[name=sentInscripcion] textarea").jqBootstrapValidation({ preventSubmit: true, submitError: function($form, event, errors) { // additional error messages or events }, submitSuccess: function($form, event) { event.preventDefault(); // prevent default submit behaviour // get values from FORM var type = $form.find("input#type").val(); var dest = $form.find("input#dest").val(); var usuario = $form.find(".usuario-registrado-group:visible input#usuario").val(); var preg1 = $form.find("select[name='preg1']:visible").val(); var preg2 = $form.find("select[name='preg2']:visible").val(); var dni = $form.find("input#dni:visible").val(); if(typeof dni === 'undefined' || dni == "") { dni = getInputDniByNacionalidad(); dni = dni.val(); } var email = $form.find("input#email:visible").val(); var apellido = $form.find("input#apellido:visible").val(); var nombre = $form.find("input#nombre:visible").val(); if( $("input[name='es_argentino']").val() =="NO"){ var provincia = $form.find("input[name='provincia']").val(); }else{ var provincia = $form.find("select[name='provincia']").val(); } var ciudad = $form.find("input#ciudad:visible").val(); var phone1 = $form.find("input#phone1:visible").val(); var phone2 = $form.find("input#phone2:visible").val(); showTransparentLoading(); $.ajax({ url: base_url + "/talleres/mail/inscripcion.php", type: "POST", data: { type: type, dest: dest, usuario: usuario, preg1: preg1, preg2: preg2, dni: dni, email: email, apellido: apellido, nombre: nombre, provincia: provincia, ciudad: ciudad, phone1: phone1, phone2: phone2 }, cache: false, success: function(data) { hideTransparentLoading(); if(data.toLocaleLowerCase().indexOf('error') < 0) { // Success message $('[id=success]').html("<div class='alert alert-success'>"); $('[id=success] > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×") .append("</button>"); $('[id=success] > .alert-success') .append("<strong>BCN Talleres y Cursos - Estado de inscripción</strong>"); $('[id=success] > .alert-success') .append('</div>'); $('[id=success]').append("<div class='alert'>"+data+"</div>"); $(".usuario-registrado-group").addClass("hide"); $(".login-group").addClass("hide"); $(".datos-personales-group").addClass("hide"); //clear all fields $('form').trigger("reset"); } else { this.error(data); } $.fancybox.update(); }, error: function(data) { hideTransparentLoading(); if(typeof data === "object") { data = "Ocurrió un error inesperado"; } else if(data.indexOf('Duplicate entry') >= 0) { if(data.indexOf('curso_alumno') >= 0) { data = "El alumno ya está inscripto a al curso"; } else if(data.indexOf('alumnos_dni') >= 0) { data = "El alumno ya existe"; } else { data = "Ocurrió un error inesperado"; } } // Fail message $('[id=success]').html("<div class='alert alert-danger'></div>"); $('[id=success] > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×") .append("</button>"); $('[id=success] > .alert-danger').append("<strong>"+data+"</strong>"); }, }) }, filter: function() { return $(this).is(":visible"); }, }); }); //formulario de curso $("a.curso").click(function() { var id_curso = $(this).attr("id_curso"); $("#curso form")[0].reset(); $("#curso form #dest").val(id_curso); $(".usuario-registrado-group").addClass("hide"); $(".login-group").addClass("hide"); $(".datos-personales-group").addClass("hide"); $(".fin-inscripcion-msg").addClass("hide"); $(".cupo-lleno-msg").addClass("hide"); $(".lugar-residencia-group").addClass("hide"); //reseteo nacionalidad $(".pide-doc").addClass("hidden"); $(".preg-nacionalidad").removeClass("hidden"); $("input[name='es_argentino'], input[name='dni']").val(""); $(".login-group").removeClass("hide"); $("#cursoForm #success").html(""); $('#curso').modal('show'); execute("getCurso", id_curso, function(data) { //onSuccess $("#curso form #display-dest div").html("Inscripción al Curso: " + data.message.titulo); //chequeo la fecha if(data.message.fin_inscripcion == 0) { $(".fin-inscripcion-msg").removeClass("hide"); } else { //chequeo el cupo if(data.message.cupo == 0) { $(".cupo-lleno-msg").removeClass("hide"); } //si es curso virtual valido la zona if(data.message.tipo_curso == 'Virtual') { $(".lugar-residencia-group").removeClass("hide"); } else { mostrarInscripcion(); } } }, function(data) { //onNotFound //TODO }); }); //boton validar dni $(".btn-validar-dni").click(function() { loginAlumnoInscripcion(); }); $(".btn-logout-curso").click(function() { $('#curso').modal('toggle'); }); $(".btn-lugar-residencia-continuar").click(function() { if($('[id=\'lugar-residencia\']:visible').length) { if($('[id=\'lugar-residencia\']:visible').val() == "") { alert("Debe ingresar su lugar de residencia"); return; } else if($('[id=\'lugar-residencia\']:visible').val() != "INTERIOR") { alert("Disculpe este curso es sólo para personas que viven en el interior del país"); return; } else { mostrarInscripcion(); } } }); $("button.selecion-nacionalidad").click(function(event) { event.preventDefault(); $("div.preg-nacionalidad, div.pide-doc").addClass("hidden"); if($(this).attr("nacionalidad")=="arg"){ $("input[name='es_argentino']").val("SI"); $("div.pide-doc-nacional").removeClass("hidden") // $("select[name='provincia']").parents(".control-group").removeClass("hidden"); $("input[name='provincia'], input[name='pais']").parents(".control-group").addClass("hidden"); }else{ $("input[name='es_argentino']").val("NO"); $("div.pide-doc-ext").removeClass("hidden"); // $("select[name='provincia']").parents(".control-group").addClass("hidden"); $("input[name='provincia'], input[name='pais']").parents(".control-group").removeClass("hidden"); } return false; }); }); </script> <button onclick="topFunction()" id="subirBtn" title="Ir a arriba"> <i class="fa fa-fw fa-chevron-up"></i> </button> <style> #subirBtn { display: none; /* Hidden by default */ position: fixed; /* Fixed/sticky position */ bottom: 90px; /* Place the button at the bottom of the page */ right: 25px; /* Place the button 30px from the right */ z-index: 9999; /* Make sure it does not overlap */ outline: none; /* Remove outline */ background-color: #FFF; /* Set a background color */ color: #575757; /* Text color */ cursor: pointer; /* Add a mouse pointer on hover */ padding: 15px 13px 19px 14px; /* Some padding */ border-radius: 30px; /* Rounded corners */ font-size: 24px; /* Increase font size */ line-height: 0px; border: 1px solid #AAAAAA; width: 60px; height: 60px; } #subirBtn:hover { background-color: #AAAAAA; /* Add a dark-grey background on hover */ } </style> <script> // Get the button: let mybutton = document.getElementById("subirBtn"); // When the user scrolls down 20px from the top of the document, show the button window.onscroll = function() {scrollFunction()}; function scrollFunction() { if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 200) { mybutton.style.display = "block"; } else { mybutton.style.display = "none"; } } // When the user clicks on the button, scroll to the top of the document function topFunction() { document.body.scrollTop = 0; // For Safari document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera } </script> <div class="row bggray2 footer"> <div class="col-xs-12"> <div class="row bggray2"> <div class="container padding0"> <div class="row-same-height"> <div class="col-md-9 col-md-height col-middle hiddex-md hidden-xs"> <div class="row"> <div class="col-md-3 menu-col"> <div class="title main-title text-uppercase"> <a href="https://bcn.gob.ar/la-biblioteca" class="white-simple-link" target="">La Biblioteca </a> </div> <ol> <li> <div class="title "> <a href="https://bcn.gob.ar/la-biblioteca/salas-y-horarios" class="white-simple-link" target="">Salas y Horarios  </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/la-biblioteca/politica-de-donaciones" class="white-simple-link" target="">Política de donaciones </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/la-biblioteca/investigacion-y-vinculacion-cientifica" class="white-simple-link" target="">Unidad de Investigación y Vinculación Científica </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/noticias/la-bcn-sede-de-la-oficina-regional-para-america-latina-y-el-caribe-de-la-ifla" class="white-simple-link" target="">Sede de la Oficina Regional para América Latina y el Caribe de IFLA </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/cedodal" class="white-simple-link" target="">BCN / CEDODAL (Centro de Documentación de Arquitectura Latinoamericana) </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/la-biblioteca/historia" class="white-simple-link" target="">Historia </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/contacto" class="white-simple-link" target="">Contacto </a> </div> </li> </ol> </div> <div class="col-md-3 menu-col"> <div class="title main-title text-uppercase"> <a href="https://bcn.gob.ar/servicios" class="white-simple-link" target="">Servicios </a> </div> <ol> <li> <div class="title "> <a href="https://bcn.gob.ar/servicios/servicios-legislativos" class="white-simple-link" target="">Servicios al Legislador </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/servicios/agenda-para-escuelas" class="white-simple-link" target="">Agenda para escuelas </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/servicios/investigadores" class="white-simple-link" target="">Investigadores </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/servicios/bibliomovil" class="white-simple-link" target="">Bibliomóvil </a> </div> </li> </ol> </div> <div class="col-md-3 menu-col"> <div class="title main-title text-uppercase"> <a href="https://bcn.gob.ar/la-biblioteca/publicaciones" class="white-simple-link" target="">Publicaciones </a> </div> <ol> <li> <div class="title "> <a href="https://bcn.gob.ar/publicaciones/coleccion-pensamiento-del-bicentenario" class="white-simple-link" target="">Colección Pensamiento del Bicentenario </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/infantil-y-juvenil/coleccion-vuela-el-pez" class="white-simple-link" target="">Colección Vuela el Pez </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/publicaciones/juan-domingo-peron" class="white-simple-link" target="">Colección "JDP, los trabajos y los días" </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/para-los-mas-chicos/animales-para-pintar" class="white-simple-link" target="">Animales para pintar </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/la-biblioteca/publicaciones" class="white-simple-link" target="">Más Publicaciones de la BCN </a> </div> </li> </ol> </div> <div class="col-md-3 menu-col"> <div class="title main-title text-uppercase"> <a href="https://bcn.gob.ar/actividad-cultural" class="white-simple-link" target="">Actividad Cultural </a> </div> <ol> <li> <div class="title "> <a href="https://bcn.gob.ar/agenda" class="white-simple-link" target="">Agenda </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/actividad-cultural/talleres-y-cursos" class="white-simple-link" target="">Talleres y Cursos </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/actividad-cultural/muestras-virtuales-y-presenciales" class="white-simple-link" target="">Muestras </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/actividad-cultural/cine-online-y-presencial" class="white-simple-link" target="">Cine </a> </div> </li> </ol> </div> </div> </div> <div class="col-md-3 col-md-height col-middle text-right aqua-border-left"> <img src="https://bcn.gob.ar/images/parametros/logofooter.png" class="logo" /> <div class="direccion"> Hipólito Yrigoyen 1750 / Alsina 1835<br> C.A.B.A.<br> Tel: 011 4381-0976<br> </div> <div class="row"> <div class="col-md-12 text-right"> <img src="https://bcn.gob.ar/images/logo_iram.png" class="logo_certificados" /> <img src="https://bcn.gob.ar/images/logo_iqnet.png" class="logo_certificados" /> <img src="https://bcn.gob.ar/images/logo_ifla.png" class="logo_certificados" /> </div> </div> <div class="row copy"> <div class="col-md-12 text-right"> © 2017 Biblioteca del Congreso de la Nación </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding5"></div> </div> <script src="https://www.google.com/recaptcha/api.js?render=6LePhHcpAAAAABGqLLzb7NW3Eelfb4mJxYUpGJ7U"></script> <form id="contact-form"> <input type="hidden" id="receiver" value="" /> <div id="contacto" class="modal fade"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title display-inline-block">Formulario de Contacto</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div id="display-receiver" class="row control-group"> <div class="form-group col-xs-12 floating-label-form-group controls"></div> </div> <div class="row"> <div class="col-md-12 padding10tb contact-alert-container"> <div class="alert alert-danger alert-dismissable hidden"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> <h4><i class="icon fa fa-ban"></i> Ha ocurrido un error</h4> Renintente más tarde </div> <div class="alert alert-success alert-dismissable hidden"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> <h4> <i class="icon fa fa-check"></i> Gracias</h4> Envío correcto </div> </div> </div> <div class="row control-group"> <div class="form-group col-md-6 col-xs-12 floating-label-form-group controls"> <input type="text" class="form-control" placeholder="Nombre y Apellido" id="name" required data-validation-required-message="Ingrese su nombre"> <p class="help-block text-danger"></p> </div> <div class="form-group col-md-6 col-xs-12 floating-label-form-group controls"> <input type="text" class="form-control" placeholder="Organización (Opcional)" id="organization"> <p class="help-block text-danger"></p> </div> </div> <div class="row control-group"> <div class="form-group col-md-6 col-xs-12 floating-label-form-group controls"> <input type="email" class="form-control" placeholder="Email" id="email" required data-validation-required-message="Ingrese su email"> <p class="help-block text-danger"></p> </div> <div class="form-group col-md-6 col-xs-12 floating-label-form-group controls"> <input type="tel" class="form-control" placeholder="Teléfono" id="phone" required data-validation-required-message="Ingrese su teléfono"> <p class="help-block text-danger"></p> </div> </div> <div class="row control-group"> <div class="form-group col-xs-12 floating-label-form-group controls"> <textarea rows="5" class="form-control" placeholder="Mensaje" id="message" required data-validation-required-message="Ingrese un mensaje"></textarea> <p class="help-block text-danger"></p> </div> </div> </div> <div class="modal-footer"> <button id="enviar" name="enviar" class="btn btn-default btn-lg">Enviar</button> </div> </div> </div> </div> </form> <script> window.addEventListener("DOMContentLoaded", function () { $("#contact-form input, #contact-form textarea").jqBootstrapValidation({ preventSubmit: true, submitError: function ($form, event, errors) { // additional error messages or events }, submitSuccess: function ($form, event) { event.preventDefault(); // prevent default submit behaviour grecaptcha.ready(function () { grecaptcha.execute('6LePhHcpAAAAABGqLLzb7NW3Eelfb4mJxYUpGJ7U', { action: 'submit' }).then(function (token) { // get values from FORM var receiver = $form.find("input#receiver").val(); var name = $form.find("input#name").val(); var organization = $form.find("input#organization").val(); var email = $form.find("input#email").val(); var phone = $form.find("input#phone").val(); var message = $form.find("textarea#message").val(); var g_recaptcha_response = token; $.ajax({ url: "https://bcn.gob.ar/admin/api/envio", type: "POST", data: { receiver: receiver, name: name, organization: organization, email: email, phone: phone, message: message, g_recaptcha_response: g_recaptcha_response }, cache: false, success: function (data) { $(".contact-alert-container .alert-success").hide(); $(".contact-alert-container .alert-success").removeClass("hidden"); $(".contact-alert-container .alert-success").show(500); //clear all fields $('#contact-form').trigger("reset"); $(".contact-alert-container .alert-success").delay(6000).hide(1500); }, error: function (data) { $(".contact-alert-container .alert-danger").hide(); $(".contact-alert-container .alert-danger").removeClass("hidden"); $(".contact-alert-container .alert-danger").show(500); $(".contact-alert-container .alert-danger").delay(6000).hide(1500); }, }) }); }) } }); }); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'G-HZVM68KZ4K', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'G-HZVM68KZ4K']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-HZVM68KZ4K"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-HZVM68KZ4K'); window.addEventListener("DOMContentLoaded", function() { $("button[onclick], a[href]").each(function() { $(this).click(function() { try { var category = (typeof $(this).attr('onclick') !== typeof undefined ) ? 'button' : 'link'; var value = (typeof $(this).attr('onclick') !== typeof undefined ) ? $(this).attr('onclick') : $(this).attr('href'); var text = $(this).text().trim(); if(text == '') { text = value; } ga('send',{ hitType: 'event', eventCategory: text, eventAction: value, eventLabel: 'Call ' + category }); } catch(error) { console.error(error); } }); }); }); </script> </div> <div class="transparent-loading" style="display: none;"> <table width="100%" height="100%" align="center" valign="center"> <tr><td> <img src="https://bcn.gob.ar/images/loading.svg" /> </td></tr> </table> </div> <script type="text/javascript"> var base_url = 'https://bcn.gob.ar'; </script> <script src="https://bcn.gob.ar/js/jquery.min.js"></script> <link rel="stylesheet" href="https://bcn.gob.ar/js/plugins/bootstrap-dropdownhover/bootstrap-dropdownhover.css"> <script src="https://bcn.gob.ar/js/plugins/bootstrap-dropdownhover/bootstrap-dropdownhover.js?v=2"></script>  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCs2FOHOsi566YAAiypSikMn_7i_C26Uw8"></script>  <script type="text/javascript" src="https://bcn.gob.ar/js/plugins/owlcarousel/owl.carousel.min.js"></script> <script src="https://bcn.gob.ar/js/bootstrap.min.js"></script> <script src="https://bcn.gob.ar/js/jquery.fittext.js"></script> <script src="https://bcn.gob.ar/js/jquery.matchHeight-min.js"></script> <script src="https://bcn.gob.ar/js/plugins/fullcalendar/moment.min.js"></script> <script src="https://bcn.gob.ar/js/plugins/fullcalendar/fullcalendar.js"></script> <script src="https://bcn.gob.ar/js/plugins/fullcalendar/locale-all.js"></script>   <script type="text/javascript" src="https://bcn.gob.ar/js/plugins/fancybox/lib/jquery.mousewheel.pack.js"></script>  <script type="text/javascript" src="https://bcn.gob.ar/js/plugins/fancybox/source/jquery.fancybox.pack.js?v=2.1.7"></script>  <script type="text/javascript" src="https://bcn.gob.ar/js/plugins/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script> <script type="text/javascript" src="https://bcn.gob.ar/js/plugins/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script> <script type="text/javascript" src="https://bcn.gob.ar/js/plugins/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>   <script src="https://bcn.gob.ar/admin/plugins/input-mask/jquery.inputmask.js"></script> <script src="https://bcn.gob.ar/admin/plugins/input-mask/jquery.inputmask.date.extensions.js"></script> <script src="https://bcn.gob.ar/admin/plugins/input-mask/jquery.inputmask.extensions.js"></script> <script src="https://bcn.gob.ar/js/jqBootstrapValidation.js"></script> <script src="https://bcn.gob.ar/js/wow.js"></script> <script src="https://bcn.gob.ar/js/scripts-1723068467.js"></script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T3K5R2F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:2566125,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script>  <script type="text/javascript"> var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); (function(){ var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; s1.async=true; s1.src='https://embed.tawk.to/5ed130adc75cbf1769f09b1d/default'; s1.charset='UTF-8'; s1.setAttribute('crossorigin','*'); s0.parentNode.insertBefore(s1,s0); })(); </script>  </body> </html>

CINXE.COM

Biblioteca del Congreso de la Nación - Curso Online de Historia del Arte