Ejercicio 3

<?php drupal_add_library('system', 'ui.dialog'); drupal_add_js('jQuery(document).ready(function(){jQuery("#dialog").dialog({autoOpen: false,modal: true,});});', 'inline'); drupal_add_library('system', 'ui.tabs'); drupal_add_js('jQuery(document).ready(function(){jQuery("#tabs").tabs();});', 'inline'); ?> jQuery(document).ready(function(){ jQuery(".form1").validForm({errorDialog: "#dialog"}); }); //variables {retro: ".retro", // errorDialog: "#dialogo", // errorForm : ".errores"}

Mentalidad burguesa

<?php drupal_add_library('system', 'ui.accordion'); drupal_add_js('jQuery(document).ready(function(){jQuery("#accordion").accordion({heightStyle: "content", navigation: false});});', 'inline'); ?> .chacamillas{ border-bottom: 2px dotted; margin: 0 0 20px 10px; background: #F7FBFC url(http://portalacademico.cch.unam.mx/materiales/al/cont/hist/univ/univ1/independenciasAL/img/comillos.png) no-repeat scroll 8px 5px; font:'Times New Roman', Times, serif; width: 80%;} .chacamillas p{padding:5px 55px 10px 100px; font-size:16px; font-style:italic; color:#1B5163;} #piefb{paddi

Ejercicio 2

#propositob { margin: 30px auto; width: 85%; text-align:center; } #fondotxt { background: #F1F2F2 } #der { width: 55%; float: left; } #izq { width: 45%; float: left; } #jquiz ul { margin:25px 0 0 20px; } #jquiz li img { box-shadow: 3px 3px 20px #000000; } #jquiz li p { background: none !important; color: #25738E; font-size: 20px; font-family: 'IM Fell Double Pica SC'; } #colcentral { width: 100%; float: left; } .hidden { display: none; } .numero { font-family: 'Yanone Kaffeesatz', Verdana, Arial; color: #25738E; font-weight: normal; font-size: 25

Impresionismo

#slider{ overflow:hidden !important; position:absolute; left:253px; top:61px;} #slider img{ border:0px; } #slider ul, #slider li, #slider2 ul, #slider2 li{margin:0;padding:0;list-style:none; } #slider li, #slider2 li{ margin:0; list-style:none; width:206px;height:400px;overflow:hidden; } .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px; left:1px;} #prevBtn, #nextBtn, #slider1next, #slider1prev{ display: block;width:50px;height:

Realismo

#conte{width:100%; position:relative; display:block; min-height:570px;} #contetext{ position:absolute; width:100%; z-index:10;} #contetext p{ padding:25px 0 0;} #contetext p+p{ padding:0;} #sliderer{ position:absolute; width:100%;z-index:9;} #sliderer div{ min-height:400px; min-width:720px;z-index:8;} .piefotolo{ text-align:center; font-size:12px; position:absolute; top: 359px; left:50%; background: white; padding:3px 5px; width:45%;}

El Realismo

Romanticismo

.chacamillas{ border-bottom: 2px dotted; margin: 0 0 20px 10px; background: #F7FBFC url(http://portalacademico.cch.unam.mx/materiales/al/cont/hist/univ/univ1/independenciasAL/img/comillos.png) no-repeat scroll 8px 5px; font:'Times New Roman', Times, serif; width: 80%;} .chacamillas p{padding:5px 55px 10px 100px; font-size:16px; font-style:italic; color:#1B5163;} .chacamillas h1{padding: 19px 0 0 85px; font-size:22px; color:#1B4B7B; line-height:0; } #piefb{padding:5px; margin:30px 0 0 0; width:100%; background: url(http://portalacademico.cch.unam.mx/materiales/al/cont/

Ejercicio 1

<?php drupal_add_library('system', 'ui.dialog'); drupal_add_js('jQuery(document).ready(function(){jQuery("#dialog").dialog({autoOpen: false,modal: true,});});', 'inline'); ?> jQuery(document).ready(function(){ jQuery(".form1").validForm({errorDialog: "#dialog"}); }); //variables {retro: ".retro", // errorDialog: "#dialogo", // errorForm : ".errores"} #conteir{ width:100%;} .colubs{ width:30%; float:left;} .colubsim{ width:20%; float:left; text-align:center; line-height: 0;} .pregus{ width:100

Ciencia y tecnología

.ims{ position:absolute;absolute;z-index: 2;} .tooltip{ z-index:3;} #piefb{padding:5px; margin:30px 0 0 0; width:100%; background: url(http://portalacademico.cch.unam.mx/materiales/al/cont/tall/tlriid/tlriid4/circuloLectores/img/fondobarraFB.jpg) top repeat-x #ebf3f7; overflow:hidden;} #piefb h1{ color:#25738E; font-size:20px; font-family: 'Yanone Kaffeesatz',Verdana,Arial; font-weight:bold; margin:5px 0 15px 15px;} #piefb img{ border:0px; float:left; box-shadow:#000 2px 2px 4px; margin: 0 25px 0 7px;} #slider{ overflow:hidden !important;} #sli

Créditos

Créditos

Independencias de América Latina

Elaboración del Guión Instruccional Diciembre, 2012

Publicación del Objeto de Aprendizaje Mayo, 2013

Coordinación del Portal Académico Seppe De Vreesse Pieters

Coordinación del grupo de trabajo institucional Historia Universal I interactiva Alma Guadalupe Palacios Hernández