<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>
DGPC FADU | Cátedra Díaz Cortez | Diseño Gráfico por Computación | Carreras de Diseño Gráfico y de Diseño de Imagen y Sonido | Universidad de Buenos Aires
</title>
<link href="css/pace.css" rel="stylesheet">
<script src="js/pace.min.js">
</script>
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
<link href="js/fancybox/jquery.fancybox.min.css" rel="stylesheet">
<link href="css/estilos.css?ver20210820" rel="stylesheet">
<!--<link rel="stylesheet" href="css/font-awesome.min.css">-->
<script crossorigin="anonymous" src="https://kit.fontawesome.com/1bdb50104d.js">
</script>
<script src="js/jquery.alvaro.min.js">
</script>
<link href="/favicon.ico" rel="shortcut icon">
<link href="/apple-icon-57x57.png" rel="apple-touch-icon" sizes="57x57">
<link href="/apple-icon-60x60.png" rel="apple-touch-icon" sizes="60x60">
<link href="/apple-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
<link href="/apple-icon-76x76.png" rel="apple-touch-icon" sizes="76x76">
<link href="/apple-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
<link href="/apple-icon-120x120.png" rel="apple-touch-icon" sizes="120x120">
<link href="/apple-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">
<link href="/apple-icon-152x152.png" rel="apple-touch-icon" sizes="152x152">
<link href="/apple-icon-180x180.png" rel="apple-touch-icon" sizes="180x180">
<link href="/android-icon-192x192.png" rel="icon" sizes="192x192" type="image/png">
<link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
<link href="/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png">
<link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
<meta content="#ffffff" name="msapplication-TileColor">
<meta content="/ms-icon-144x144.png" name="msapplication-TileImage">
<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', 'UA-53221975-1', 'auto');
ga('send', 'pageview');
</script>
<style>
@font-face {
font-family
:
"onlinewebfonts"
;
src
:
url("/fonts/onlinewebfonts.eot")
;
src
:
url("/fonts/onlinewebfonts.eot?#iefix")
format("embedded-opentype")
,
url("/fonts/onlinewebfonts.woff2")
format("woff2")
,
url("/fonts/onlinewebfonts.woff")
format("woff")
,
url("/fonts/onlinewebfonts.ttf")
format("truetype")
,
url("/fonts/onlinewebfonts.svg#onlinewebfonts")
format("svg")
;
font-weight
:
normal
;
font-style
:
normal
;
}
[class^="i_"]
:before, [class*=" i_"]:before {
font-family : "onlinewebfonts";
speak : none;
font-style : normal;
font-weight : normal;
font-variant : normal;
text-transform : none;
line-height : 1;
-webkit-font-smoothing: antialiased;
}
.i_open_new:before {
content : "";
}
.vistacont {
width : 340px;
height : 640px;
display : block;
margin : 0 auto;
box-sizing : content-box;
max-width : 100%;
}
.vistacont.iframecont {
box-shadow : 0.3em 0.3em 1.2em rgba(0,0,0,.2);
}
.vistacont.mensaje {
padding-top : 3em;
}
.vistacont.mensaje p {
color : #333;
font-size : 1.7em;
line-height : 1.3;
text-align : center;
font-weight : bold;
margin-bottom : 1em;
}
.vistacont.mensaje p.errorurl {
color : #bf0000;
}
.vistacont.mensaje a.linkblock {
border-bottom : 0;
text-decoration : underline;
padding : .5em;
}
.vistacont.mensaje a.linkblock:hover {
background-color : #00B0E5;
text-decoration : none;
color : white;
}
.vistacont.iframecont iframe {
width : 100%;
height : 100%;
display : block;
max-width : 100%;
}
main .wrapper {
border-bottom : 0;
}
footer {
display : none;
}
.navegacion {
padding : .4em;
background-color : #e3e6e6;
border : .1rem solid #ccc;
box-shadow : .3rem .3rem 1rem 0 rgba(0,0,0,0.2);
border-radius : 2px;
margin-bottom : 2em;
margin-right : .4em;
}
.navegacion form {
display : flex;
}
.navegacion .navelem {
line-height : 1.9em;
font-size : 1.3em;
font-family : Arial, Helvetica, sans-serif;
border : 1px solid #666;
border-radius : 2px;
background-color : white;
color : black;
padding-left : .4em;
margin : .2em;
transition : .1s ease all;
}
.navegacion .navelem:hover {
background-color : #f2f2f2;
}
.navegacion #navurl {
flex-grow : 1;
}
.navegacion #navw, .navegacion #navh {
width : 4em;
}
.navegacion #newtab {
width : 2.2em;
line-height : 1.9em;
padding : 0;
color : #999;
text-align : center;
}
.navegacion #newtab:hover {
color : black;
}
.navegacion #navir {
width : 2em;
padding : 0;
text-align : center;
border : 1px solid #bbb;
cursor : pointer;
}
.navegacion #navir:hover {
background-color : #ddd;
border : 1px solid #888;
transition : .1s ease all;
}
@media screen and (max-width: 42em) {
main {
float : none;
width : 100%;
}
main .principal {
margin-bottom : 0;
}
header {
display : none !important;
}
.vistacont {
margin-top : 5.5em;
}
.navegacion {
border-radius : 0;
border-top : 0;
border-left : 0;
border-right : 0;
box-shadow : 0 .3rem 1rem 0 rgba(0,0,0,0.2);
position : fixed;
margin : 0;
top : 0;
left : 0;
right : 0;
}
}
@media screen and (max-width: 670px) {
main {
float : none;
width : 100%;
}
main .principal {
margin-bottom : 0;
}
header {
display : none !important;
}
.vistacont {
margin-top : 5.5em;
}
.navegacion {
border-radius : 0;
border-top : 0;
border-left : 0;
border-right : 0;
box-shadow : 0 .3rem 1rem 0 rgba(0,0,0,0.2);
position : fixed;
margin : 0;
top : 0;
left : 0;
right : 0;
}
}
@media screen and (max-width: 390px) {
html, body, #pagina, div.wrapper, main, main .principal, main .wrapper, iframe {
height : 100%;
}
main .principal,
main .wrapper,
.vistacont {
margin : 0;
}
.vistacont {
width : 100%;
height : 100%;
border : 0;
box-shadow : none;
}
.navegacion {
display : none;
}
}
</style>
</head>
<body class="alumnos">
<div id="pagina">
<div class="wrapper">
<header>
<div class="wrapper">
<a href="index.php">
<div id="logo">
<img alt="DGPC" src="images/dgpc.svg">
</div>
<hgroup>
<h1>
Diseño Gráfico Por Computación
</h1>
<h2>
Cátedra Díaz Cortez
</h2>
</hgroup>
</a>
<nav>
<ul class="topnav" id="myTopnav">
<li class="icon">
<a href="javascript:void(0);" onclick="myFunction()">
<span>
<span class="menu_rsp_txt">
Menú
</span>
<span class="menu_rsp_open">
☰
</span>
<span class="menu_rsp_close">
✕
</span>
</span>
</a>
</li>
<li>
<a href="index.php">
<span>
Inicio
</span>
</a>
</li>
<li>
<a href="programa.php">
<span>
Programa DGPC
</span>
</a>
</li>
<li>
<a href="docentes.php">
<span>
Docentes
</span>
</a>
</li>
<li>
<a href="tps/actuales/index.php">
<span>
TPs actuales
</span>
</a>
<ul>
<li>
<a href="tps/actuales/jt.php">
<span>
Jueves Tarde
</span>
</a>
</li>
<li>
<a href="tps/actuales/vm.php">
<span>
Viernes Mañana
</span>
</a>
</li>
</ul>
</li>
<li>
<a href="tps/destacados/index.php">
<span>
TPs destacados
</span>
</a>
<ul class="doscol">
<li>
<a href="tps/destacados/2011.php">
<span>
Año 2011
</span>
</a>
</li>
<li>
<a href="tps/destacados/2012.php">
<span>
Año 2012
</span>
</a>
</li>
<li>
<a href="tps/destacados/2013.php">
<span>
Año 2013
</span>
</a>
</li>
<li>
<a href="tps/destacados/2014.php">
<span>
Año 2014
</span>
</a>
</li>
<li>
<a href="tps/destacados/2015.php">
<span>
Año 2015
</span>
</a>
</li>
<li>
<a href="tps/destacados/2016.php">
<span>
Año 2016
</span>
</a>
</li>
<li>
<a href="tps/destacados/2017.php">
<span>
Año 2017
</span>
</a>
</li>
<li>
<a href="tps/destacados/2018.php">
<span>
Año 2018
</span>
</a>
</li>
<li>
<a href="tps/destacados/2019.php">
<span>
Año 2019
</span>
</a>
</li>
<li>
<a href="tps/destacados/2020.php">
<span>
Año 2020
</span>
</a>
</li>
<li>
<a href="tps/destacados/2021.php">
<span>
Año 2021
</span>
</a>
</li>
<li>
<a href="tps/destacados/2022.php">
<span>
Año 2022
</span>
</a>
</li>
</ul>
</li>
<li>
<a href="tps/anteriores/index.php">
<span>
TPs anteriores
</span>
</a>
<ul>
<li class="historico">
<a href="tps/anteriores/2008.php">
<span>
Año 2008
</span>
</a>
</li>
<li class="historico">
<a href="tps/anteriores/2009.php">
<span>
Año 2009
</span>
</a>
</li>
<li class="historico">
<a href="tps/anteriores/2010.php">
<span>
Año 2010
</span>
</a>
</li>
<li class="historico">
<a href="tps/anteriores/2011_1.php">
<span>
Año 2011 · 1º cuat.
</span>
</a>
</li>
<li class="historico">
<a href="tps/anteriores/2011_2.php">
<span>
Año 2011 · 2º cuat.
</span>
</a>
</li>
<li class="historico">
<a href="tps/anteriores/2012_1.php">
<span>
Año 2012 · 1º cuat.
</span>
</a>
</li>
<li class="historico">
<a href="tps/anteriores/2012_2.php">
<span>
Año 2012 · 2º cuat.
</span>
</a>
</li>
<li class="historico">
<a href="tps/anteriores/2013_1.php">
<span>
Año 2013 · 1º cuat.
</span>
</a>
</li>
<li class="historico">
<a href="tps/anteriores/2013_2.php">
<span>
Año 2013 · 2º cuat.
</span>
</a>
</li>
<li class="historico">
<a href="tps/anteriores/2014_1.php">
<span>
Año 2014 · 1º cuat.
</span>
</a>
</li>
<li class="historico">
<a href="tps/anteriores/2014_2.php">
<span>
Año 2014 · 2º cuat.
</span>
</a>
</li>
<li class="historico">
<a href="tps/anteriores/2015_1.php">
<span>
Año 2015 · 1º cuat.
</span>
</a>
</li>
<li class="historico">
<a href="tps/anteriores/2015_2.php">
<span>
Año 2015 · 2º cuat.
</span>
</a>
</li>
<li class="historico">
<a href="tps/anteriores/2016_1.php">
<span>
Año 2016 · 1º cuat.
</span>
</a>
</li>
<li class="historico">
<a href="tps/anteriores/2016_2.php">
<span>
Año 2016 · 2º cuat.
</span>
</a>
</li>
<li class="historico">
<a href="tps/anteriores/2017_1.php">
<span>
Año 2017 · 1º cuat.
</span>
</a>
</li>
<li class="historico">
<a href="tps/anteriores/2017_2.php">
<span>
Año 2017 · 2º cuat.
</span>
</a>
</li>
<li class="historico">
<a href="tps/anteriores/2018_1.php">
<span>
Año 2018 · 1º cuat.
</span>
</a>
</li>
<li class="historico">
<a href="tps/anteriores/2018_2.php">
<span>
Año 2018 · 2º cuat.
</span>
</a>
</li>
<li class="reciente">
<a href="tps/anteriores/2019_1.php">
<span>
Año 2019 · 1º cuat.
</span>
</a>
</li>
<li class="reciente">
<a href="tps/anteriores/2019_2.php">
<span>
Año 2019 · 2º cuat.
</span>
</a>
</li>
<li class="reciente">
<a href="tps/anteriores/2020_1.php">
<span>
Año 2020 · 1º cuat.
</span>
</a>
</li>
<li class="reciente">
<a href="tps/anteriores/2020_2.php">
<span>
Año 2020 · 2º cuat.
</span>
</a>
</li>
<li class="reciente">
<a href="tps/anteriores/2021_1.php">
<span>
Año 2021 · 1º cuat.
</span>
</a>
</li>
<li class="reciente">
<a href="tps/anteriores/2021_2.php">
<span>
Año 2021 · 2º cuat.
</span>
</a>
</li>
<li class="reciente">
<a href="tps/anteriores/2022_1.php">
<span>
Año 2022 · 1º cuat.
</span>
</a>
</li>
<li class="reciente">
<a href="tps/anteriores/2022_2.php">
<span>
Año 2022 · 2º cuat.
</span>
</a>
</li>
<li class="reciente">
<a href="tps/anteriores/2023_1.php">
<span>
Año 2023 · 1º cuat.
</span>
</a>
</li>
<li class="reciente">
<a href="tps/anteriores/2023_2.php">
<span>
Año 2023 · 2º cuat.
</span>
</a>
</li>
</ul>
</li>
<li>
<a href="bienal2019" target="_blank">
<span>
Bienal 2019
</span>
</a>
</li>
<li class="menuactual">
<a href="alumnos.php">
<span>
Alumnos
</span>
</a>
<ul>
<li>
<a href="https://campus.fadu.uba.ar/course/view.php?id=887" target="_blank">
<span>
Campus virtual
</span>
</a>
</li>
<li>
<a href="material.php">
<span>
Material de soporte
</span>
</a>
</li>
<li>
<a href="condiciones.php">
<span>
Condiciones de entrega
</span>
</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</header>
<main>
<section class="principal">
<div class="wrapper">
<div class="navegacion">
<form action="vista.php" method="get">
<input class="navelem" id="navurl" name="url" required="" title="Ingresá la URL" type="url" value="http://">
<input class="navelem" id="navw" max="2466" min="200" name="w" placeholder="Ancho" title="Ancho (px)" type="number" value="340">
<input class="navelem" id="navh" max="2466" min="200" name="h" placeholder="Alto" title="Alto (px)" type="number" value="640">
<input class="navelem" id="navir" title="Clic para navegar" type="submit" value="Ir">
</form>
</div>
<div class="vistacont mensaje">
<p>
Ingresá una URL para navegar.
</p>
</div>
</div>
</section>
</main>
<footer>
<div class="wrapper">
<div id="pie">
<div class="columna col1">
<h5>
Diseño Gráfico por Computación
</h5>
<ul>
<li>
<a href="index.php">
Cátedra Díaz Cortez
</a>
</li>
<li>
Carreras de
<a href="http://www.fadu.uba.ar/categoria/50-diseo-grfico" target="_blank">
Diseño Gráfico
</a>
<br>
y
<a href="http://www.fadu.uba.ar/categoria/52-diseo-de-imagen-y-sonido" target="_blank">
Diseño de Imagen y Sonido
</a>
</li>
<li>
<a href="http://www.fadu.uba.ar" target="_blank">
Facultad de Arquitectura, Diseño y Urbanismo
</a>
</li>
<li>
<a href="http://www.uba.ar" target="_blank">
Universidad de Buenos Aires
</a>
</li>
</ul>
</div>
<div class="columna col2">
<h5>
Secciones
</h5>
<ul>
<li>
<a href="programa.php">
Programa DGPC
</a>
</li>
<li>
<a href="docentes.php">
Docentes
</a>
</li>
<li>
<a href="tps/actuales/index.php">
TPs actuales
</a>
</li>
<li>
<a href="tps/destacados/index.php">
TPs destacados
</a>
</li>
<li>
<a href="tps/anteriores/index.php">
TPs anteriores
</a>
</li>
<li>
<a href="alumnos.php">
Alumnos
</a>
</li>
</ul>
</div>
</div>
<div id="logospie">
<div>
<img alt="UBA, FADU" src="images/uba-fadu-2022.svg">
</div>
</div>
</div>
<script src="js/fancybox/jquery.fancybox.min.js">
</script>
</footer>
</div>
</div>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
<script type="text/javascript">
$("#navw").click(function() {
$(".iframecont").css("width", $("#navw").val());
});
</script>
</body>
</html>