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 : /home/pragmatice/public_html/lesite/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 : /home/pragmatice/public_html/lesite/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="Petit Livre Multim�dia" />
<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="Le Codage Enchant�" />
<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 class="carousfred">
<img src="#CHEMIN{images/slider/ecran_jmp_220.jpg}" alt="Je me pr�sente" />
<div>
<h3>Je me pr�sente</h3>
<p>Application Web permettant de s'entra�ner, dans plusieurs langues, � poser et � r�pondre � 9 questions qui peuvent caract�riser un personnage. <a class="voir" href="spip.php?article1540" title="En savoir plus...">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_orthodefi_220.jpg}" alt="OrthoD�fi" />
<div>
<h3>OrthoD�fi</h3>
<p>Application Web p�dagogique multijoueur qui permet de s'entra�ner � m�moriser et � analyser des mots pour bien les orthographier. <a class="voir" href="spip.php?article1541" title="En savoir plus...">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_pragmalexique_220.jpg}" alt="PragmaLexique" />
<div>
<h3>PragmaLexique</h3>
<p>Application Web multim�dia, gratuite et t�l�chargeable, qui permet via l'apprentissage ritualis� d'un ou deux mots par jour, de d�couvrir et de r�investir du vocabulaire et de sensibiliser les �l�ves � la lecture-�criture. <a class="voir" href="spip.php?article1542" title="En savoir plus...">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_pragmaquiz_220.jpg}" alt="PragmaQuiz" />
<div>
<h3>PragmaQuiz</h3>
<p>G�n�rateur de quiz pour l'�cole, multim�dia, multijoueur, qui propose plusieurs activit�s � partir d'un m�me quiz, et peut adapter les questions en fonction des r�ponses de l'apprenant. <a class="voir" href="spip.php?article1543" title="En savoir plus...">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_pragmamp3_220.jpg}" alt="PragmaMp3" />
<div>
<h3>PragmaMp3</h3>
<p>Enregistreur MP3 qui permet de cr�er un m�me enregistrement � partir de plusieurs prises de son cons�cutives.<a class="voir" href="spip.php?article1566" title="En savoir plus...">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_images_parlantes_220.jpg}" alt="Images parlantes" />
<div>
<h3>Images parlantes</h3>
<p>Application Web qui permet d'afficher une s�rie d'images dans une page Web, en local, sans connexion Internet, accompagn�es ou non d'un son, en mode grille ou en mode diaporama. <a class="voir" href="spip.php?article1567" title="En savoir plus...">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_frimou_220.jpg}" alt="Frimou" />
<div>
<h3>Frimou</h3>
<p>Application Web qui permet de g�n�rer des visages afin d'exprimer des �motions, en cliquant sur les parties du visage ou sur des onglets les repr�sentant. <a class="voir" href="spip.php?article1568" title="En savoir plus...">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_cities_220.jpg}" alt="Cities Cartoon" />
<div>
<h3>Cities Cartoon</h3>
<p>Application Web qui permet de lire une bande dessin�e en anglais pour d�couvrir un objet disparu, tout en d�couvrant 10 monuments c�l�bres de pays anglophones. <a class="voir" href="spip.php?article1569" title="En savoir plus...">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_pbavard_220.jpg}" alt="PragmaBavard" />
<div>
<h3>PragmaBavard</h3>
<p>Application Web qui permet de cr�er des grilles de tableau bavard, et de g�n�rer automatiquement des activit�s interactives et des supports imprimables � partir des grilles cr��es. <a class="voir" href="spip.php?article1570" title="En savoir plus...">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_digipadons_220.jpg}" alt="Digipadons" />
<div>
<h3>Digipadons</h3>
<p>Application Web qui permet de g�n�rer une document synth�tique imprimable � partir d'un export de Digipad. <a class="voir" href="spip.php?article1571" title="En savoir plus...">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_pragmadevinettes_220.jpg}" alt="PragmaDevinettes" />
<div>
<h3>PragmaDevinettes</h3>
<p>Application Web qui permet de g�n�rer des devinettes multim�dias. Elle est utilisable sans connexion Internet. <a class="voir" href="spip.php?article1572" title="En savoir plus...">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_pragmatextes_220.jpg}" alt="PragmaTextes" />
<div>
<h3>PragmaTextes</h3>
<p>Application Web qui permet de g�n�rer des textes po�tiques, humoristiques, ... et de les modifier, les exporter et les �couter en synth�se vocale. <a class="voir" href="spip.php?article1573" title="En savoir plus...">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_pragmadoublage_220.jpg}" alt="PragmaTextes" />
<div>
<h3>PragmaDoublage</h3>
<p>Application Web qui permet de remplacer la bande audio d�une vid�o par son propre son, via une interface minimaliste utilisable par des enfants. Il ne s�agit pas d�un outil de montage vid�o... <a class="voir" href="spip.php?article1575" title="En savoir plus...">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_mjtn_220.jpg}" alt="PragmaTextes" />
<div>
<h3>My Journey To Nature</h3>
<p>Application Web qui permet de reconstituer une carte postale mosa�que d�une dizaine d�espaces naturels de pays anglophones, en retrouvant notamment les animaux et les plantes qui les caract�risent. <a class="voir" href="spip.php?article1574" 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 class="carousfred">
<img src="#CHEMIN{images/slider/ecran_logperr_220.jpg}" alt="Logiciels de Michel Perraut" />
<div>
<h3>Logiciels de Michel Perraut</h3>
<p>Logiciels de Maths & Fran�ais pour cycle 3, compatibles Windows 10 et ant�rieurs, adapt�s � un travail individualis� <a class="voir" target="_blank" href="spip.php?article1545" title="T�l�charger">>>></a></p>
</div>
</div>
<div class="carousfred">
<img src="#CHEMIN{images/slider/ecran_bne_220.jpg}" alt="Bureau Num�rique Ecoles" />
<div>
<h3>Bureau Num�rique Ecoles</h3>
<p>Interface param�trable occupant l'ensemble du bureau de l'utilisateur, qui permet d'acc�der � de nombreux logiciels en un seul clic. <a class="voir" target="_blank" href="https://pragmatice.net/lesite/spip.php?rubrique195" title="T�l�charger">>>></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>