Server : Apache
System : Linux ks5.tuic.fr 6.1.0-18-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.76-1 (2024-02-01) x86_64
User : pragmatice ( 1003)
PHP Version : 8.2.24
Disable Function : NONE
Directory : /proc/thread-self/cwd/squelettes/
|
Server : Apache System : Linux ks5.tuic.fr 6.1.0-18-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.76-1 (2024-02-01) x86_64 User : pragmatice ( 1003) PHP Version : 8.2.24 Disable Function : NONE Directory : /proc/thread-self/cwd/squelettes/ |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[(#REM) Cf.: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
]<!--[if lt IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie6"> <![endif]-->
<!--[if IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie7"> <![endif]-->
<!--[if IE 8 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie8"> <![endif]-->
<!--[if IE 9 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js"> <!--<![endif]-->
<head>
<script type='text/javascript'>/*<![CDATA[*/(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);/*]]>*/</script>
<title>[(#NOM_SITE_SPIP|textebrut)][ - (#SLOGAN_SITE_SPIP|textebrut)]</title>
[<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|couper{150}|textebrut)" />]
<INCLURE{fond=inclure/head} />
<script src="#CHEMIN{js/jquery.carouFredSel-6.1.0-packed.js}" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('.carousfred').each(function() {
var $cfs = $(this);
$cfs.carouFredSel({
direction: 'up',
circular: false,
infinite: false,
align: false,
width: 220,
height: 180,
items: 1,
auto: false,
scroll: {
queue: 'last'
}
});
$cfs.hover(
function() {
$cfs.trigger('next');
},
function() {
$cfs.trigger('prev');
}
);
});
});
</script>
<style type="text/css">
#wrapper * {color:#ccc;}
#wrapper h2 {color:#B0B0B0}
#wrapper .carousfred {display:block; float:left; margin:5px;}
#wrapper .carousfred img {display:block; width:220px; height:150px;}
#wrapper .carousfred div {background-color:#325F69; font-size:85%; width: 200px; height:180px; padding:0 10px;}
#wrapper .carousfred div h3 {font-size:14px; font-weight:bold; line-height:30px; height: 30px; margin:0; padding:0; }
#wrapper .carousfred div a {color:#FFF}
#wrapper .carousfred div a.voir {background:#B0B0B0; color:#FFF; font-weight:bold}
</style>
</head>
<body class="with-top-bar">
<INCLURE{fond=inclure/header_accueil} />
<div class="container">
<div class="row"><!-- ligne principale -->
<div class="span12 colonne_principale sommaire"><!-- colonne principale -->
<div id="wrapper">
<h2>Des ressources pour les �l�ves</h2>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_clicouweb_220.jpg}" alt="ClicouWeb" />
<div>
<h3>ClicouWeb</h3>
<p>Portail des �l�ves de maternelle au cycle 2 : Annuaire collaboratif � partir duquel il est tr�s simple de cr�er et g�rer sa propre s�lection. <a class="voir" target="_blank" href="http://clicouweb.net" title="Acc�der au site">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_favoris_weblitoo_220.jpg}" alt="Les favoris de weblitOO" />
<div>
<h3>Les favoris de WeblitOO</h3>
<p>Portail des �l�ves de cycle 3 : Annuaire collaboratif + espaces personnalisables qui permettent aux enseignants de cr�er et g�rer leurs propres pages de liens <a class="voir" target="_blank" href="http://weblitoo.net/favoris/" title="Acc�der au site">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_act_math_220.jpg}" alt="Activit�s math�matiques" />
<div>
<h3>Activit�s math�matiques</h3>
<p>S�lection d'activit�s math�matiques au format Flash, class�es par domaines, destin�es aux �l�ves de maternelle et d'�l�mentaire <a class="voir" target="_blank" href="http://pragmatice.net/activites_mathematiques/" title="Acc�der au site">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_pragmactivites_220.jpg}" alt="Pragmactivit�s" />
<div>
<h3>Pragmactivit�s</h3>
<p>Les pragmactivit�s sont des applications Web responsives, multiplateformes, compatibles avec tous les navigateurs r�cents, con�ues pour les �coles maternelle et �l�mentaire. <a class="voir" href="spip.php?rubrique10" title="En savoir plus...">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_plmm_220.jpg}" alt="PragmaProdu" />
<div>
<h3>Petit Livre Multim�dia</h3>
<p>Application Web permettant de consulter et de cr�er des livres num�riques de 8 pages qui peuvent �tre imprim�s dans trois formats. Des jeux interactifs sont g�n�r�s automatiquement � partir du contenu du livre. <a class="voir" href="spip.php?article1498" title="En savoir plus...">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_lce_220.jpg}" alt="PragmaProdu" />
<div>
<h3>Le Codage Enchant�</h3>
<p>Application Web permettant de coder ou d�coder des d�placements sur quadrillage, afin de construire ses propres parcours sc�naris�s, de cr�er des albums multim�dia, de dessiner, tout en s'initiant � l'algorithmie. <a class="voir" href="spip.php?article1538" title="En savoir plus...">>>></a></p>
</div>
</div>
<div style="clear:both"></div>
<h2>Des ressources pour les enseignants</h2>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_tice_classe_220.jpg}" alt="Les TICE en classe" />
<div>
<h3>Les TICE en classe</h3>
<p>Portail des vid�os de pratiques de classe : S�lection de vid�os de situations p�dagogiques qui int�grent l'usage du num�rique, accompagn�es de t�moignages d'�l�ves et d'enseignants qui les ont v�cues <a class="voir" href="spip.php?rubrique1" title="Acc�der au site">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_integrer_tice_220.jpg}" alt="Int�grer les TICE..." />
<div>
<h3>Int�grer les TICE...</h3>
<p>Panorama synth�tique des usages du num�rique � l'�cole primaire (enjeux et perspectives, pistes p�dagogiques, pr�sentation d'outils, tutoriels, ... ) <a class="voir" href="spip.php?rubrique22" title="Acc�der au site">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_kitinstit_220.jpg}" alt="KitInstit" />
<div>
<h3>KitInstit</h3>
<p>Plus de 1 000 ressources pour l'�cole (attention ! 2005) : Les TICE pour quoi faire et comment faire ? D�buter avec l'ordinateur - Mettre en oeuvre le B2i - Installer des logiciels et des <a target="_blank" href="http://pragmatice.net/kitinstit/3_installer_produire_polices_selection.htm">polices d'�criture</a> <a class="voir" target="_blank" href="http://pragmatice.net/kitinstit/" title="Acc�der au site">>>></a></p>
</div>
</div>
<!--
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_clicapplic_220.jpg}" alt="ClicApplic" />
<div>
<h3>ClicApplic</h3>
<p>Portail de partage des applications Clic 3.0 : Espace d'�changes d'applications Clic 3.0, aujourd'hui prolong� par <a target="_blank" href="http://jclic.clicapplic.net/">JClicEdu</a>, le portail des activit�s JClic pour l'�cole <a class="voir" target="_blank" href="http://clicapplic.net/" title="Acc�der au site">>>></a></p>
</div>
</div>
-->
<div style="clear:both"></div>
<h2>Des logiciels pour l'�cole</h2>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_epe_220.jpg}" alt="J'�coute puis j'�cris" />
<div>
<h3>J'�coute puis j'�cris</h3>
<p>Exerciseur multim�dia original dans lequel l'�l�ve s'entra�ne � saisir pr�cis�ment un mot, une expression ou un nombre apr�s l'�coute d'un message sonore, en s'aidant d'une image et/ou d'un texte d'accompagnement <a class="voir" target="_blank" href="http://pragmatice.net/jecoutepuisjecris/" title="Acc�der au site">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_lpe_220.jpg}" alt="Je lis puis j'�cris" />
<div>
<h3>Je lis puis j'�cris</h3>
<p>Exerciseur pour �crire sans erreur dans lequel l'�l�ve s'entra�ne � saisir pr�cis�ment une r�ponse (mot, expression, phrase, nombre, etc...) en respectant une consigne <a class="voir" target="_blank" href="http://pragmatice.net/jelispuisjecris/" title="Acc�der au site">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_rpe_220.jpg}" alt="Je r�fl�chis puis j'�cris" />
<div>
<h3>Je r�fl�chis puis j'�cris</h3>
<p>Exerciseur pour saisir les bonnes r�ponses dans lequel l'�l�ve s'entra�ne � saisir pr�cis�ment une r�ponse (mot, expression, phrase, nombre, etc...) en respectant une consigne <a class="voir" target="_blank" href="http://pragmatice.net/jereflechispuisjecris/" title="Acc�der au site">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_abcd_220.jpg}" alt="Mon ab�c�daire multim�dia" />
<div>
<h3>Mon ab�c�daire multim�dia</h3>
<p>Logiciel dans lequel l'�l�ve consulte des ab�c�daires personnalisables (image, son, �criture dans trois polices) et s'entra�ne � recopier les mots. Une affiche A4 peut �tre imprim�e pour chaque mot <a class="voir" target="_blank" href="http://pragmatice.net/abecedaire/" title="Acc�der au site">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_clicmenu_220.jpg}" alt="ClicMenu" />
<div>
<h3>ClicMenu</h3>
<p>Interface graphique personnalisable et �volutive, con�ue pour lancer en toute s�curit� des logiciels et documents <a class="voir" target="_blank" href="http://pragmatice.net/clicmenu3/" title="Acc�der au site">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_appflash_220.jpg}" alt="Applications flash pour TBI" />
<div>
<h3>Applications flash pour TBI</h3>
<p>S�rie d'applications interactives pour l'�cole publi�es sur le site <a target="_blank" href="http://www.informatique-enseignant.com/">Informatique-Enseignant.com</a>, comprenant des options qui permettent d'adapter les activit�s au niveau de la classe <a class="voir" target="_blank" href="http://pragmatice.net/applications_flash/" title="Acc�der au site">>>></a></p>
</div>
</div>
<div style="clear:both"></div>
</div> <!-- Fin id="wrapper" -->
<h2>Vid�os les plus r�centes</h2>
<BOUCLE_videos_recentes(ARTICLES) {id_rubrique IN 1,2} {!par date} {0,6}>
<INCLURE{fond=inclure/inc-vignettes_toutes,env} {id_article} />
</BOUCLE_videos_recentes>
<div style="clear:both"></div>
<h2>Vid�os les plus populaires</h2>
<BOUCLE_videos_populaires(ARTICLES) {id_rubrique IN 1,2} {!par popularite} {0,6}>
<INCLURE{fond=inclure/inc-vignettes_toutes,env} {id_article} />
</BOUCLE_videos_populaires>
</div><!-- Fin colonne principale -->
</div><!-- Fin ligne principale -->
</div><!-- Fin container -->
<INCLURE{fond=inclure/footer,self=#SELF} />
</body>
</html>