------------------------------------------------------------------------------------
-----------------------------------------------
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;
}
-->
Una vez más Jordi Ardell nos presenta con notable claridad conceptos novedosos y de vanguardia. En esta oportunidad discurre sobre "Entornos personales de aprendizaje: más allá del campus virtual" , desde su videoconferencia brindada en el marco de las II Jornadas de Educación y Tic en México, durante el mes de febrero de 2010 y organizada por Mayeutic . Esta información me llega a través de la Lic. Melania Ottaviano . En términos generales, enfatiza la utilización de las herramientas Web2.0 para complementar el aprendizaje en el campus virtual y no como una alternativa excluyente. Algunos de los conceptos motores -algunos... son varios- versan en torno a : - Aprender activamente sin esperar que “alguien” nos enseñe. - Gestar relaciones en redes con contactos profesionales. (lifestreaming ) - Podemos aprender de los demás y podemos enseñar a los demás. - A través de las Tics podemos integrar redes de colegas para participar de proyectos comunes .Con la calridad a la que nos tiene acostumbrados, desribe los PLE (Personal Learning Environment, Entorno Personal de Aprendizaje ), también llamado PLN (Personal Learning Network, Red Personal de Aprendizaje ), diferenciado del LMS (Learning Management System ) que es un Sistema de Gestión de Aprendizaje Entiendo que esta modalidad, se centra más en el usuario que en la institución, como un modo no formal de aprendizaje, pero aprendizaje al fin. También David Delgado grafica esta construcción: Esta red personal de aprendizaje amplía constantemente los conocimientos de los que ya dispongamos, ya que nos permite obtener un flujo continuo de conocimiento actualizado. George Siemens desde el 2004 vienen enmarcando estas nuevas formas en una nueva teoría de aprendizaje denominada Conectvismo . Respecto al uso de las herramientas de las que disponemos en estos entornos, Jordi Ardell hace una clara distinción y nos insta a participar activamente de la red, relacionándonos con colegas y profesionales afines para seguir aprendiendo y enseñando.Me animo a decir que el aprendizaje virtual como lo venimos conociendo, entra en la esfera formal e institucional, en tanto que el PLE tiene que ver con instancias no formales y personales de aprendizaje. Pero mejor, escuchemos al experto...
II JornadasTIC Jordi Adell from
Mayeutic on
Vimeo .
1 comentarios:
Aprendi mucho
Publicar un comentario