<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="Shortcut Icon" href="http://photos1.blogger.com/blogger/6605/369/320/imagex01.jpg"> <title>tempo de teia: Um dia depois...</title> <script type="text/javascript">(function() { var a=window;function e(b){this.t={};this.tick=function(c,h,d){d=d?d:(new Date).getTime();this.t[c]=[d,h]};this.tick("start",null,b)}var f=new e;a.jstiming={Timer:e,load:f};try{a.jstiming.pt=a.gtbExternal&&a.gtbExternal.pageT()||a.external&&a.external.pageT}catch(g){};a.tickAboveFold=function(b){b=b;var c=0;if(b.offsetParent){do c+=b.offsetTop;while(b=b.offsetParent)}b=c;b<=750&&a.jstiming.load.tick("aft")};var i=false;function j(){if(!i){i=true;a.jstiming.load.tick("firstScrollTime")}}a.addEventListener?a.addEventListener("scroll",j,false):a.attachEvent("onscroll",j); })();</script><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="MSSmartTagsPreventParsing" content="true" /> <meta name="generator" content="Blogger" /> <link rel="icon" type="image/vnd.microsoft.icon" href="http://www.blogger.com/favicon.ico"/> <link rel="alternate" type="application/atom+xml" title="tempo de teia - Atom" href="http://tempodeteia.blogspot.com/feeds/posts/default" /> <link rel="alternate" type="application/rss+xml" title="tempo de teia - RSS" href="http://tempodeteia.blogspot.com/feeds/posts/default?alt=rss" /> <link rel="service.post" type="application/atom+xml" title="tempo de teia - Atom" href="http://www.blogger.com/feeds/20688556/posts/default" /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=20688556" /> <link rel="alternate" type="application/atom+xml" title="tempo de teia - Atom" href="http://tempodeteia.blogspot.com/feeds/115410470836673235/comments/default" /> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/static/v1/v-css/3727950723-blog_controls.css"/> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=20688556&zx=b6694707-2f12-4a53-9092-800acd8dd202"/> <style type="text/css"> /* -- basic html elements -- */ body {padding: 0; margin: 0; font: 75% Helvetica, Arial, sans-serif; color: #000; text-align: center; background: transparent url(http://photos1.blogger.com/blogger/6605/369/1600/cat_bg.jpg) bottom left no-repeat fixed; } a {color: #555252; font-weight: normal; text-decoration: none; } a:visited {color: #4e4444;} a:hover {color: #000;} h1 {margin: 0; color: #000; font-size: 1.5em; } h1 a {color: #7B8186;} h2, #comments h4 {font-size: 1em; margin: 2em 0 0 0; color: #000; background: transparent url(http://photos1.blogger.com/blogger/6605/369/320/paw.gif) bottom right no-repeat; padding-bottom: 2px;border-bottom:thin dotted black; color:#000;} h3 {font-size: 1em; margin: 2em 0 0 0; background: transparent url(http://photos1.blogger.com/blogger/6605/369/1600/paw_t.png) bottom left no-repeat; padding-left: 25px;padding-bottom: 1px;border-bottom:2px dashed #000;} h4, h5 {font-size: 0.9em; text-transform: lowercase; letter-spacing: 2px;} h5 {color: #000;} h6 {font-size: 0.8em; text-transform: uppercase; letter-spacing: 2px;} p {margin: 0 0 1em 0;} img, form {border: 0; margin: 0;} /* -- layout -- */ #content {width: 738px; margin: 0 auto; text-align: left; } #header {} #header div {margin-left:50;margin-top:18px;width:450px;height:150px;} #main { line-height: 1.4; float: left; padding: 10px 25px; border-top: solid 0px #fff; width: 450px; /* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */ voice-family: "\"}\""; voice-family: inherit; } /* IE5 hack */ #main {} #sidebar {margin-left: 533px; border-top: solid 0px #fff; padding: 4px 0 0 7px; width:190px;} #footer {clear: both; border-top: solid 0px #fff;} #pcent {font-weight: normal; text-decoration: none;} /* -- header style -- */ #header h1 {padding: 24px 0 12px 24px; width: 490px; line-height: 1;} #header p {padding: 24px 0 12px 24px; width: 490px; line-height: 1;} /* -- content area style -- */ #main {line-height: 1.4;} h3.post-title {font-size: 1.2em; margin-bottom: 0;} h3.post-title a {color: #000;} .post {clear: both; margin-bottom: 4em;} .post-footer em {color: #000; font-style: normal; float: left;} .post-footer .comment-link {float: right;} #main img {border: solid 0px #E3E4E4; padding: 2px; background: #fff;} .deleted-comment {font-style:italic;color:gray;} /* -- sidebar style -- */ #sidebar #description {border: solid 0px #F3B89D; padding: 10px 17px; color: #000; font-size: 1.2em; font-weight: normal; line-height: 0.9; margin: 0 0 0 -6px;width:190px;} #sidebar h2 {font-size: 1.0em; margin: 1.3em 0 0.5em 0;background: transparent url(http://photos1.blogger.com/blogger/6605/369/1600/paw.gif) bottom right no-repeat; padding-bottom: 2px;} #sidebar dl {margin: 0 0 10px 0;} #sidebar ul {list-style: none; margin: 0; padding: 0;} #sidebar li {padding-bottom: 5px; line-height: 0.9;} #sidebar a {color: #555252; font-weight: normal; text-decoration: none;font-size: 0.9em; padding-left:15px; } #sidebar a:visited {color: #4e4444; padding-left:15px;} #sidebar a:hover {color:black; background:transparent url(http://photos1.blogger.com/blogger/6605/369/1600/paw.gif); background-position:0 0; background-repeat:no-repeat; padding-left:15px; border-bottom:1px dotted #98B952 } .small{font-size: 0.8em;} #profile-container {color: #000;} #profile-container img {border: solid 1px #7C78B5; padding: 4px 4px 8px 4px; margin: 0 10px 1em 0; float: left;} .archive-list {margin-bottom: 2em;} #powered-by {margin: 10px auto 20px auto;} /* -- sidebar style -- */ #footer p {margin: 0; padding: 12px 8px; font-size: 0.9em;} #footer hr {display: none;} </style> </head> <noembed> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="Shortcut Icon" href="http://photos1.blogger.com/blogger/6605/369/320/imagex01.jpg"> <title>tempo de teia: Um dia depois...</title> <script type="text/javascript">(function() { var a=window;function e(b){this.t={};this.tick=function(c,h,d){d=d?d:(new Date).getTime();this.t[c]=[d,h]};this.tick("start",null,b)}var f=new e;a.jstiming={Timer:e,load:f};try{a.jstiming.pt=a.gtbExternal&&a.gtbExternal.pageT()||a.external&&a.external.pageT}catch(g){};a.tickAboveFold=function(b){b=b;var c=0;if(b.offsetParent){do c+=b.offsetTop;while(b=b.offsetParent)}b=c;b<=750&&a.jstiming.load.tick("aft")};var i=false;function j(){if(!i){i=true;a.jstiming.load.tick("firstScrollTime")}}a.addEventListener?a.addEventListener("scroll",j,false):a.attachEvent("onscroll",j); })();</script><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="MSSmartTagsPreventParsing" content="true" /> <meta name="generator" content="Blogger" /> <link rel="icon" type="image/vnd.microsoft.icon" href="http://www.blogger.com/favicon.ico"/> <link rel="alternate" type="application/atom+xml" title="tempo de teia - Atom" href="http://tempodeteia.blogspot.com/feeds/posts/default" /> <link rel="alternate" type="application/rss+xml" title="tempo de teia - RSS" href="http://tempodeteia.blogspot.com/feeds/posts/default?alt=rss" /> <link rel="service.post" type="application/atom+xml" title="tempo de teia - Atom" href="http://www.blogger.com/feeds/20688556/posts/default" /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=20688556" /> <link rel="alternate" type="application/atom+xml" title="tempo de teia - Atom" href="http://tempodeteia.blogspot.com/feeds/115410470836673235/comments/default" /> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/static/v1/v-css/3727950723-blog_controls.css"/> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=20688556&zx=b6694707-2f12-4a53-9092-800acd8dd202"/> <style type="text/css"> /* -- basic html elements -- */ body {padding: 0; margin: 0; font: 75% Helvetica, Arial, sans-serif; color: #000; text-align: center; background: transparent url(http://photos1.blogger.com/blogger/6605/369/1600/cat_bg.jpg) bottom left no-repeat fixed; } a {color: #555252; font-weight: normal; text-decoration: none; } a:visited {color: #4e4444;} a:hover {color: #000;} h1 {margin: 0; color: #000; font-size: 1.5em; } h1 a {color: #7B8186;} h2, #comments h4 {font-size: 1em; margin: 2em 0 0 0; color: #000; background: transparent url(http://photos1.blogger.com/blogger/6605/369/320/paw.gif) bottom right no-repeat; padding-bottom: 2px;border-bottom:thin dotted black; color:#000;} h3 {font-size: 1em; margin: 2em 0 0 0; background: transparent url(http://photos1.blogger.com/blogger/6605/369/1600/paw_t.png) bottom left no-repeat; padding-left: 25px;padding-bottom: 1px;border-bottom:2px dashed #000;} h4, h5 {font-size: 0.9em; text-transform: lowercase; letter-spacing: 2px;} h5 {color: #000;} h6 {font-size: 0.8em; text-transform: uppercase; letter-spacing: 2px;} p {margin: 0 0 1em 0;} img, form {border: 0; margin: 0;} /* -- layout -- */ #content {width: 738px; margin: 0 auto; text-align: left; } #header {} #header div {margin-left:50;margin-top:18px;width:450px;height:150px;} #main { line-height: 1.4; float: left; padding: 10px 25px; border-top: solid 0px #fff; width: 450px; /* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */ voice-family: "\"}\""; voice-family: inherit; } /* IE5 hack */ #main {} #sidebar {margin-left: 533px; border-top: solid 0px #fff; padding: 4px 0 0 7px; width:190px;} #footer {clear: both; border-top: solid 0px #fff;} #pcent {font-weight: normal; text-decoration: none;} /* -- header style -- */ #header h1 {padding: 24px 0 12px 24px; width: 490px; line-height: 1;} #header p {padding: 24px 0 12px 24px; width: 490px; line-height: 1;} /* -- content area style -- */ #main {line-height: 1.4;} h3.post-title {font-size: 1.2em; margin-bottom: 0;} h3.post-title a {color: #000;} .post {clear: both; margin-bottom: 4em;} .post-footer em {color: #000; font-style: normal; float: left;} .post-footer .comment-link {float: right;} #main img {border: solid 0px #E3E4E4; padding: 2px; background: #fff;} .deleted-comment {font-style:italic;color:gray;} /* -- sidebar style -- */ #sidebar #description {border: solid 0px #F3B89D; padding: 10px 17px; color: #000; font-size: 1.2em; font-weight: normal; line-height: 0.9; margin: 0 0 0 -6px;width:190px;} #sidebar h2 {font-size: 1.0em; margin: 1.3em 0 0.5em 0;background: transparent url(http://photos1.blogger.com/blogger/6605/369/1600/paw.gif) bottom right no-repeat; padding-bottom: 2px;} #sidebar dl {margin: 0 0 10px 0;} #sidebar ul {list-style: none; margin: 0; padding: 0;} #sidebar li {padding-bottom: 5px; line-height: 0.9;} #sidebar a {color: #555252; font-weight: normal; text-decoration: none;font-size: 0.9em; padding-left:15px; } #sidebar a:visited {color: #4e4444; padding-left:15px;} #sidebar a:hover {color:black; background:transparent url(http://photos1.blogger.com/blogger/6605/369/1600/paw.gif); background-position:0 0; background-repeat:no-repeat; padding-left:15px; border-bottom:1px dotted #98B952 } .small{font-size: 0.8em;} #profile-container {color: #000;} #profile-container img {border: solid 1px #7C78B5; padding: 4px 4px 8px 4px; margin: 0 10px 1em 0; float: left;} .archive-list {margin-bottom: 2em;} #powered-by {margin: 10px auto 20px auto;} /* -- sidebar style -- */ #footer p {margin: 0; padding: 12px 8px; font-size: 0.9em;} #footer hr {display: none;} </style> </head> <noembed> <body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener("load", function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <iframe src="http://www.blogger.com/navbar.g?targetBlogID=20688556&amp;blogName=tempo+de+teia&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLACK&amp;layoutType=CLASSIC&amp;searchRoot=http%3A%2F%2Ftempodeteia.blogspot.com%2Fsearch&amp;blogLocale=pt_PT&amp;homepageUrl=http%3A%2F%2Ftempodeteia.blogspot.com%2F" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe> <div></div>

Sexta-feira, Julho 28, 2006

Um dia depois...

Ontem a Prof. Teresa (começo a pensar que este nome Teresa traz algo na bagagem, tendo em conta a quantidade de Teresas com esta marca de aceleração inscrita, sem remédio, no destino...) a propósito da minha entrada, dizia:

Recomendo a página ou eventualmente uma plataforma. Para a primeira é fácil: experimenta o Googlepages. Está lá tudo; inclusivé o problema dos layouts que facilitam leituras e dos esquemas de navegação que não fazem desesperar visitantes. Comecei uma coisita aqui: http://descompetic.googlepages.com/home

É claro que desde que a "li", o bichinho se instalou... foi até às tantas a tentar resolver problemas, uns atrás dos outros, porque as limitações gráficas deste tipo de instrumentos são um verdadeiro desafio para se conseguir algo que esteticamente seja equilibrado e aceitável (pelo menos aos meus olhos) e porque o desafio da auto-formação pela resolução de problemas é algo que exerce sobre mim uma atracção fatal.

Hoje o dia todo nisto... Experimentando, fazendo, desfazendo... refazendo...

E embora seja uma experiência rudimentar, a precisar de muito estudo e, agora sim, de um trabalho de planificação rigoroso e exaustivo, deixo-vos o fruto de todo este trabalho "laboratorial" de ontem e de hoje, a que se associaram algumas ideias de actividades a lançar para o ano que vem... a saber: dois blogues (que também criei hoje, já com uns templates pensadinhos para o efeito) com objectivos distintos e aos quais poderão aceder através desta coisinha ainda muito experimental e vazia que vão encontrar no endereço abaixo (e já anda um boletim electrónico-para impressão a CREscer-me dentro da gavetinha das ideias - CREscer BEm):

Testem então, se desejarem, as poucas ligações desta pequena experiência que serviu, sobretudo, para avaliar a exequibilidade de utilização deste instrumento- Google page creator - na futura construção da página do CRE-BEA:

http://creazeitao.googlepages.com/home

Obrigada pelas dicas Teresa! Estou rendida à evidência! Quem sabe, sabe...
Estes espaços de partilha na blogosfera são um dos melhores exemplos da importância e do poder das tecnologias na educação...

Acreditem que é verdade...

Etiquetas: , ,

posted by 3za @ 5:18 PM Comments: 9