------------------------------------------------------------------------------------ ----------------------------------------------- Blogger Template Style Name: Rounders 3 Designer: Douglas Bowman URL: www.stopdesign.com Date: 27 Feb 2004 Updated by: Blogger Team ----------------------------------------------- */ /* Variable definitions ==================== */ body { background:#123; margin:0; text-align:center; line-height: 1.5em; font: x-small Trebuchet MS, Verdana, Arial, Sans-serif; color:#000033; font-size/* */:/**/small; font-size: /**/small; } /* Page Structure ----------------------------------------------- */ /* The images which help create rounded corners depend on the following widths and measurements. If you want to change these measurements, the images will also need to change. */ #outer-wrapper { width:740px; margin:0 auto; text-align:left; font: normal normal 100% Arial, sans-serif; } #main-wrap1 { width:485px; float:left; background:#eeeecc url("http://www.blogblog.com/rounders3/corners_main_bot.gif") no-repeat left bottom; margin:15px 0 0; padding:0 0 10px; color:#000033; font-size:97%; line-height:1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #main-wrap2 { float:left; width:100%; background:url("http://www.blogblog.com/rounders3/corners_main_top.gif") no-repeat left top; padding:10px 0 0; } #main { background:url("http://www.blogblog.com/rounders3/rails_main.gif") repeat-y; padding:0; } #sidebar-wrap { width:240px; float:right; margin:15px 0 0; font-size:97%; line-height:1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } .main .widget { margin-top: 4px; width: 468px; padding: 0 13px; } .main .Blog { margin: 0; padding: 0; width: 484px; } /* Links ----------------------------------------------- */ a:link { color: #445566; } a:visited { color: #223344; } a:hover { color: #223344; } a img { border-width:0; } /* Blog Header ----------------------------------------------- */ #header-wrapper { background:#335577 url("http://www.blogblog.com/rounders3/corners_cap_top.gif") no-repeat left top; margin:22px 0 0 0; padding:8px 0 0 0; color:#ffffff; } #header { background:url("http://www.blogblog.com/rounders3/corners_cap_bot.gif") no-repeat left bottom; padding:0 15px 8px; } #header h1 { margin:0; padding:10px 30px 5px; line-height:1.2em; font: normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif; } #header a, #header a:visited { text-decoration:none; color: #ffffff; } #header .description { margin:0; padding:5px 30px 10px; line-height:1.5em; font: normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif; } /* Posts ----------------------------------------------- */ h2.date-header { margin:0 28px 0 43px; font-size:85%; line-height:2em; text-transform:uppercase; letter-spacing:.2em; color:#558866; } .post { margin:.3em 0 25px; padding:0 13px; border:1px dotted #bbbbbb; border-width:1px 0; } .post h3 { margin:0; line-height:1.5em; background:url("http://www.blogblog.com/rounders3/icon_arrow.gif") no-repeat 10px .5em; display:block; border:1px dotted #bbbbbb; border-width:0 1px 1px; padding:2px 14px 2px 29px; color: #333333; font: normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif; } .post h3 a, .post h3 a:visited { text-decoration:none; color: #333333; } a.title-link:hover { background-color: #bbbbbb; color: #000033; } .post-body { border:1px dotted #bbbbbb; border-width:0 1px 1px; border-bottom-color:#eeeecc; padding:10px 14px 1px 29px; } html>body .post-body { border-bottom-width:0; } .post p { margin:0 0 .75em; } .post-footer { background: #ffffff; margin:0; padding:2px 14px 2px 29px; border:1px dotted #bbbbbb; border-width:1px; font-size:100%; line-height:1.5em; color: #666666; } .post-footer p { margin: 0; } html>body .post-footer { border-bottom-color:transparent; } .uncustomized-post-template .post-footer { text-align: right; } .uncustomized-post-template .post-author, .uncustomized-post-template .post-timestamp { display: block; float: left; text-align:left; margin-right: 4px; } .post-footer a { color: #456; } .post-footer a:hover { color: #234; } a.comment-link { /* IE5.0/Win doesn't apply padding to inline elements, so we hide these two declarations from it */ background/* */:/**/url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 0 45%; padding-left:14px; } html>body a.comment-link { /* Respecified, for IE5/Mac's benefit */ background:url("http://www.blogblog.com/rounders3/icon_comment.gif") no-repeat 0 45%; padding-left:14px; } .post img { margin:0 0 5px 0; padding:4px; border:1px solid #bbbbbb; } blockquote { margin:.75em 0; border:1px dotted #bbbbbb; border-width:1px 0; padding:5px 15px; color: #558866; } .post blockquote p { margin:.5em 0; } #blog-pager-newer-link { float: left; margin-left: 13px; } #blog-pager-older-link { float: right; margin-right: 13px; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; margin-left: 13px; } /* Comments ----------------------------------------------- */ #comments { margin:-25px 13px 0; border:1px dotted #bbbbbb; border-width:0 1px 1px; padding:20px 0 15px 0; } #comments h4 { margin:0 0 10px; padding:0 14px 2px 29px; border-bottom:1px dotted #bbbbbb; font-size:120%; line-height:1.4em; color:#333333; } #comments-block { margin:0 15px 0 9px; } .comment-author { background:url("http://www.blogblog.com/rounders3/icon_comment.gif") no-repeat 2px .3em; margin:.5em 0; padding:0 0 0 20px; font-weight:bold; } .comment-body { margin:0 0 1.25em; padding:0 0 0 20px; } .comment-body p { margin:0 0 .5em; } .comment-footer { margin:0 0 .5em; padding:0 0 .75em 20px; } .comment-footer a:link { color: #333; } .deleted-comment { font-style:italic; color:gray; } /* Profile ----------------------------------------------- */ .profile-img { float: left; margin: 5px 5px 5px 0; border: 4px solid #ffffff; } .profile-datablock { margin:0 15px .5em 0; padding-top:8px; } .profile-link { background:url("http://www.blogblog.com/rounders3/icon_profile.gif") no-repeat 0 .1em; padding-left:15px; font-weight:bold; } .profile-textblock { clear: both; margin: 0; } .sidebar .clear, .main .widget .clear { clear: both; } #sidebartop-wrap { background:#558866 url("http://www.blogblog.com/rounders3/corners_prof_bot.gif") no-repeat left bottom; margin:0px 0px 15px; padding:0px 0px 10px; color:#ffffff; } #sidebartop-wrap2 { background:url("http://www.blogblog.com/rounders3/corners_prof_top.gif") no-repeat left top; padding: 10px 0 0; margin:0; border-width:0; } #sidebartop h2 { line-height:1.5em; color:#ffffff; border-bottom: 1px dotted #ffffff; font: normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif; margin-bottom: 0.5em; } #sidebartop a { color: #ffffff; } #sidebartop a:hover { color: #ffffff; } #sidebartop a:visited { color: #ffffff; } #sidebar a { color: #99ddbb; } #sidebar a:hover, #sidebar a:visited { color: #ffffff; } /* Sidebar Boxes ----------------------------------------------- */ .sidebar .widget { margin:.5em 13px 1.25em; padding:0 0px; } .widget-content { margin-top: 0.5em; } #sidebarbottom-wrap1 { background:#335577 url("http://www.blogblog.com/rounders3/corners_side_top.gif") no-repeat left top; margin:0 0 15px; padding:10px 0 0; color: #ffffff; } #sidebarbottom-wrap2 { background:url("http://www.blogblog.com/rounders3/corners_side_bot.gif") no-repeat left bottom; padding:8px 0px 8px; } .sidebar h2 { margin:0 0 .5em 0; padding:0 0 .2em; line-height:1.5em; font:normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif; } .sidebar ul { list-style:none; margin:0 0 1.25em; padding:0 0px; } .sidebar ul li { background:url("http://www.blogblog.com/rounders3/icon_arrow_sm.gif") no-repeat 2px .25em; margin:0; padding:0 0 3px 16px; margin-bottom:3px; border-bottom:1px dotted #bbbbbb; line-height:1.4em; } .sidebar p { margin:0 0 .6em; } #sidebar h2 { color: #aabbcc; border-bottom: 1px dotted #aabbcc; } /* Footer ----------------------------------------------- */ #footer-wrap1 { clear:both; margin:0; padding:15px 0 0; } #footer-wrap2 { background:#335577 url("http://www.blogblog.com/rounders3/corners_cap_top.gif") no-repeat left top; padding:8px 0 0; color:#ffffff; } #footer { background:url("http://www.blogblog.com/rounders3/corners_cap_bot.gif") no-repeat left bottom; padding:8px 15px 8px; } #footer hr {display:none;} #footer p {margin:0;} #footer a {color:#ffffff;} /** Page structure tweaks for layout editor wireframe */ body#layout #main-wrap1, body#layout #sidebar-wrap, body#layout #header-wrapper { margin-top: 0; } body#layout #header, body#layout #header-wrapper, body#layout #outer-wrapper { margin-left:0, margin-right: 0; padding: 0; } body#layout #outer-wrapper { width: 730px; } body#layout #footer-wrap1 { padding-top: 0; } -->

jueves 29 de abril de 2010

Herramienta para el diseño de líneas de tiempo: DIPITY

El diseño de líneas de tiempo on line, no requiere de mayor pericia tecnológica y como suele ocurrir con los recursos 2.0 trae de suyo gran motivación. Lo relevante son las estrategias que se ponen en juego a la hora de darle forma a una línea de tiempo.

¿Y de qué tiempo estamos hablamos?
La noción de tiempo en los niños aparece con naturalidad a partir de su propia inserción en la vida social. Claro está, que primero registran los acontencimientos más cercanos a sus afectos y por ello, más significativos: su cumpleaños, el fin de semana, la hora de la leche, etc.

Es en la escuela que se incorpora la noción de tiempo histórico como una nueva dimensión que permite ubicar los acontencimientos que hacen a una sociedad, en fechas, momentos, en la constelación de varias categorías.

No es suficiente el hito cronológico, la fecha. Es necesario acompañar este "cuándo" con el "cómo" y el "por qué".

Y un concepto de difícil adquisición, es el de simultaneidad: cuando dos eventos distintos ocurren al mismo tiempo y a veces en distinto lugar. Aquí se cruzan más variables.

Para abordar estas nociones en la escuela, debemos considerar el nivel del niño a quien está destinada la actividad. Es así como comenzamos con categorías más sencillas -ayer, hoy, mañana-para ir pasando de la sucesión a la simultaneidad. Y a medida que el niño crece, vamos incorporando la normativa del tiempo y sus distintas formas de medición. Pasamos de la secuencia en el día, la semana, los meses, el año..... hasta el siglo.
Y hoy que hablamos del Bicentenario, son pocos los docentes que se preguntan: "¿sabrán los chicos lo que es un bicentenario?, ¿y un siglo?". Por eso es importante trabajar con las nociones de tiempo en varias dimensiones.
Y en el contexto del Bicentenario e intercambiando ideas con una colega, surgió la línea de tiempo como recurso didáctico y más precisamente la línea de tiempo on line. En su momento utilizaba Circa Vie pero ha dejado de funcionar. Hoy les propongo:
Una herramienta dinámica que permite incorporar texto, imágenes, video y links y compartirla en otras plataformas.
Como el intercambio lo hice con mi amiga Silvia, fue para ella para quien realicé este instructivo para el uso de Dipity que espero ustedes también puedan aprovechar.

0 comentarios: