 |
lycée Follereau | Accueil | |
Administration
Gestion des fichiers
Gestion des pages
Nouvelle page
Numéro de la note "num" | (sous page,ordre) | premiers caractères de la note.
Bienvenue sur le site des classes prépas du lycée Raoul Follereau de Belfort
| Sous-page 0 | |||
| 1 | | (0,1) | | Liens directs : Témoignages d'anciens étu... | |
| 112 | | (0,12) | | Parcoursup Avril/mai 2025 : nous avons bien ré... | |
| 107 | | (0,13) | | Portes ouvertes CPGE : samedi 1er février 2025, 8h30-... | |
| 108 | | (0,14) | | Visite des écoles d'ingénieurs ENSISA et ENSCMu. ... | |
| 105 | | (0,15) | | Conférence mathématique Au lycée Follereau, ouverte ... | |
| 60 | | (0,16) | | Forum métier d'ingénieur Samedi 23 novembre 2024, m... | |
| 76 | | (0,17) | | Conférence sur les énergies renouvelables. Date et ... | |
| 79 | | (0,18) | | Ouverture de la nouvelle salle de travail, réservée ... | |
| 59 | | (0,19) | | Sortie de rentrée avec nos classes de PCSI, PTSI, PC... | |
| 50 | | (0,20) | | Résultat des concours Les résultats d'admissibilité ... | |
| 38 | | (0,21) | | Parcoursup Juin/juillet 2024 : procédure complément... | |
| 48 | | (0,22) | | Nos classes prépas classées parmi les meilleures de Fr... | |
| 47 | | (0,25) | | Sortie aux Arts et Métier et à l'ENSIC. Découver... | |
| 44 | | (0,30) | | Portes ouvertes CPGE : samedi 27 janvier 2024, 8h30-12... | |
| 45 | | (0,40) | | Les mercredis du Follereau : 2h de découvertes autour... | |
| 46 | | (0,50) | | Forum métier d'ingénieur, avec présence d'anciens ... | |
| 49 | | (0,60) | | Ouverture de la préparation scientifique pour le supér... | |
| 116 | | (0,65) | | Sortie de rentrée avec nos classes de PCSI, PTSI, PC... | |
| 115 | | (0,70) | | Création de ce nouveau site internet pour présenter no... | |
Qu'est-ce que la prépa ? (version de discussion)
Infos sur nos prépas
| Sous-page 0 | |||
| 6 | | (0,1) | | Rubriques : | Pourquoi venir en prépa ? | ← vous ... | |
| 4 | | (0,10) | | Qu'est-ce que c'est ? Les CPGE (classes préparatoires ... | |
| 53 | | (0,20) | | Les prépas en chiffres ... | |
| 23 | | (0,120) | | Deux vidéos, réalisées par notre équipe, pour approfondi... | |
| Sous-page 1 | |||
| 8 | | (1,1) | | Rubriques : | Pourquoi venir en prépa ? | | Les ... | |
| 114 | | (1,5) | | Les programmes de CPGE sont nationaux et sont les mêmes d... | |
| 9 | | (1,20) | | Physique et chimie Les grands domaines de la physique s... | |
| 10 | | (1,30) | | Sciences de l'ingénieur L'objectif des sciences de l'i... | |
| 7 | | (1,40) | | Mathématiques Le cours de mathématique s'articule aut... | |
| 11 | | (1,50) | | Informatique Les bases nécessaires à tout scientifiqu... | |
| 12 | | (1,60) | | Français-philosophie Le thème de l'année s'articule ... | |
| 13 | | (1,70) | | Langues vivantes LV1 au choix entre anglais, allemand e... | |
| 14 | | (1,80) | | TIPE Les travaux d'initiative personnelle encadrée (T... | |
| 22 | | (1,300) | | Des exemples d'emploi du temps Les emplois du temps des d... | |
| Sous-page 2 | |||
| 63 | | (2,1) | | Rubriques : | Pourquoi venir en prépa ? | | Les ... | |
| 15 | | (2,9) | | Les filières en général Il existe plusieurs CPGE s... | |
| 65 | | (2,21) | | Les filières au lycée Follereau Le lycée Follereau... | |
| 24 | | (2,130) | | Une vidéo, réalisée par notre équipe, pour approfondir s... | |
| Sous-page 3 | |||
| 17 | | (3,1) | | Rubriques : | Pourquoi venir en prépa ? | | Les ... | |
| 18 | | (3,100) | | Les recommandations pour les spécialités En première... | |
| Sous-page 21 | |||
| 67 | | (21,1) | | Rubriques : | Pourquoi venir en prépa ? | | Les ... | |
| 88 | | (21,1) | | La classe de PTSI Sur cette page : Quelqu... | |
| 62 | | (21,5) | | Quelques caractéristiques de la PTSI PTSI signifie P... | |
| 61 | | (21,10) | | Résultats 2023-2024 Notre PTSI/PT est classée 2ème... | |
| 55 | | (21,40) | | Quelles notes au lycée ? La question des "notes à a... | |
| 84 | | (21,90) | | Témoignages Louis Lycée : Pergaud (B... | |
| 110 | | (21,91) | | Théo Lycée : bac S spécialité science... | |
| 85 | | (21,100) | | Anatole Lycée : Courbet (Belfort). Pré... | |
| 111 | | (21,101) | | Martin Lycée : bac S spécialité physiq... | |
| 106 | | (21,105) | | Nathan Lycée : Pergaud (Besançon). Pr... | |
| 86 | | (21,110) | | Dina Lycée : Raoul Follereau (Belfort). Prép... | |
| Sous-page 22 | |||
| 68 | | (22,0) | | Rubriques : | Pourquoi venir en prépa ? | | Les ... | |
| 96 | | (22,1) | | La classe de PCSI... | |
| 69 | | (22,2) | | Quelques caractéristiques de la PCSI Une filière ... | |
| 89 | | (22,20) | | Témoignages Lina Lycée : André Gide... | |
| 101 | | (22,21) | | Léo Lycée : Condorcet (Belfort). Prép... | |
| 103 | | (22,21) | | Marie Lycée : Raoul Follereau (Belfort).... | |
| 90 | | (22,22) | | Cléa Lycée : Colomb (Lure). Prépa PCS... | |
| 87 | | (22,25) | | Marius Lycée : Edgar Faure (Morteau). Prépa PC... | |
| 102 | | (22,120) | | Paul Lycée : Louis Aragon (Héricourt). ... | |
Les + du lycée Follereau
| Sous-page 0 | |||
| 26 | | (0,1) | | Rubriques : | L'établissement | ← vous êtes ici ... | |
| 19 | | (0,10) | | Un cadre agréable Espaces verts, équipements sporti... | |
| 27 | | (0,15) | | Salles de classe et de TP. TP de phy... | |
| 25 | | (0,20) | | Une vidéo, réalisée par notre équipe, sur notre établis... | |
| Sous-page 1 | |||
| 29 | | (1,1) | | Rubriques : | L'établissement | | Spécificités... | |
| 28 | | (1,30) | | Des caractéristiques uniques à notre structure : De... | |
| Sous-page 2 | |||
| 30 | | (2,1) | | Rubriques : | L'établissement | | Spécificités... | |
| 33 | | (2,50) | | L'internat Des places réservées pour les deux anné... | |
| 52 | | (2,100) | | Quelques informations sur l'offre de logement L'int... | |
| Sous-page 3 | |||
| 31 | | (3,40) | | Rubriques : | L'établissement | | Spécificités... | |
| 34 | | (3,60) | | Écoutez les étudiants en parler : ... | |
Après notre prépa ?
| Sous-page 0 | |||
| 93 | | (0,0) | | Rubriques : | Témoignages d'anciens étudiants | ... | |
| 20 | | (0,10) | | Poursuite d'étude Plus de 200 écoles d'ingénieurs ... | |
| 36 | | (0,20) | | Vers quels métiers ? Métiers d'ingénieur. Enseignem... | |
| Sous-page 1 | |||
| 94 | | (1,0) | | Rubriques : | Témoignages d'anciens étudiants | ←... | |
| 95 | | (1,1) | | Témoignages d'anciens étudiants... | |
| 81 | | (1,40) | | Théo Lycée : bac S spécialité science... | |
| 109 | | (1,45) | | Marion Lycée : bac S au Lycée Louis Ar... | |
| 82 | | (1,50) | | Martin Lycée : bac S spécialité physiq... | |
| 104 | | (1,55) | | Pauline Lycée Follereau : bac S-SVT (éq... | |
| 80 | | (1,57) | | Marie Lycée : bac S spécialité physiqu... | |
| 83 | | (1,60) | | Guillaume Lycée Follereau : bac S spéci... | |
Préparation Scientifique pour le Supérieur (P2S)
| Sous-page 0 | |||
| 57 | | (0,10) | | Présentation Conctact, information et inscription : ... | |
| 58 | | (0,20) | | Calendrier ... | |
Plan du site
| Sous-page 0 | |||
| 113 | | (0,1) | | Infos sur nos prépas Pourquoi venir en prépa ? Les... | |
Calendrier rencontres
| Sous-page 0 | |||
| 32 | | (0,10) | | Dates importantes pour l'orientation : Forum CPGE... | |
| 72 | | (0,14) | | Ateliers et sorties à destination des lycéennes et lycé... | |
| 73 | | (0,15) | | Préparation scientifique pour le supérieur (P2S) :... | |
| 74 | | (0,16) | | Visites d'écoles d'ingénieur : venez visiter une... | |
| 75 | | (0,26) | | ... | |
Liens et contacts
| Sous-page 0 | |||
| 3 | | (0,10) | | Nos formations sur parcoursup : Classe de PCSI. Clas... | |
| 35 | | (0,20) | | Pour contacter l'équipe de CPGE : mickael.melzani@... | |
test
| Sous-page 0 | |||
| 77 | | (0,10) | | Anciens étudiantes et étudiants de notre CPGE ... | |
| 78 | | (0,200) | | Lycée : bac S spécialité physique-chimi... | |
Témoignages
Administration
| Sous-page 0 | |||
| 37 | | (0,10) | | À faire : Exemples de parcours individuels : bulletin... | |
| 39 | | (0,20) | | Mode d'emploi HTML Voici quelques exemples. Attention, un... | |
| 40 | | (0,30) | | Fichiers et images Quand on upload un fichier depuis son ... | |
| 41 | | (0,40) | | Balises div pour limiter la largeur Les textes ci-des... | |
| 43 | | (0,45) | | Balises div pour structure en colonne Il est souven... | |
| 42 | | (0,50) | | Utiliser cette case pour faire des essais...... | |
| 56 | | (0,80) | | ... | |
| 92 | | (0,90) | | First part of the static content Afficher plus.... ... | |
Nouvelle page
Notes diverses
À faire : Exemples de parcours individuels : bulletin lycée (anonyme) puis école obtenue ? Ou au moins : prénom, moyenne terminale -> école, en plus du graphe en rond des intégrations qui est très abstrait.
Témoignages ? A voir lors du forum.
Contre quelques idées reçues (cf sites collègues, plaquette UPSTI, UPS...).
Ville Belfort
https://www.nouvelobs.com/societe/20240227.OBS84982/parcoursup-les-prepas-ptsi-tsi-meconnues-mais-efficaces.html
https://www.vaucanson.org/classes-prepas/
https://cpge-jean-zay.com/
https://www.scei-concours.fr/stat2023/stat_generale_2023.html
Mode d'emploi HTML
Voici quelques exemples. Attention, une balise html est délimitée par des "<" et ">", que j'ai remplacé par des crochet "[" et "]" afin qu'ils s'affichent sans être interprétés. Aller voir dans le code pour voir les originaux fonctionner.Quelques balises HTML
Sauter une ligne : balise [br].Texte en gras : balise [b] ou balise [strong].
Italique : balise [i].
Pour faire une liste : balises [ul] et [li], exemple :
- élément 1
- élément 2
- élément 3
Les sauts de ligne avec br ne donnent pas des espacements très sympathiques. Il est préférable d'utiliser la balise [p] (pour paragraphe) qui sert à délimiter un paragraphe.
Le saut de ligne est alors automatique, comme on peut le voir dans cet exemple (cf le code, ce bloc de texte et le précédent sont délimités par [p]).
Une option permet de ne pas faire d'alinéa en début de paragraphe : [p class="noindent"]. On l'utilisera le plus possible sur le site, car du fait qu'on tape souvent des textes courts, mettre un alinéa fait un peu bizarre.
Pour les listes (ul et li), privilégier une syntaxe avec des [p class="noindent"] permet une aération plu ssympatique. Exemple :
élément 1
élément 2
élément 3
Les balises [h1], [h2], [h3], [h4] permettent de faire des titres. J'utilise surtout h4 sur le site, parfois h3. Cf les pages du sites pour des exemples.
Les commentaires sont [!--délimités par ces balises--]. Cf exemple dans le code.
Il existe plein d'autres balises (texte couleur, ...), ne pas hésiter à chercher sur le net. De plus, le site supporte les équations en latex : $\Delta U = W+Q+\dfrac{\pi^2}{6}$.
Fichiers et images
Quand on upload un fichier depuis son ordinateur vers le site (avec le formulaire de la page d'administration), le fichier se retrouve dans un des dossiers du site (le dossier qu'on a sélectionné).
Lors de l'upload, un message indique le numéro qui est attribué à ce fichier. Supposons que ce numéro soit le 1. Alors :
Pour générer un lien vers ce fichier, utiliser la balise [a href="downloads.php?id=1"]texte du lien[/a].
Par exemple : ceci est un lien vers le fichier de numéro 1 (qui se trouve être une image, mais peu importe).
Si le fichier est une image et qu'on souhaite l'afficher (et non pas en donner un lien), il faut utiliser la balise [img], avec par exemple : [img src="downloads.php?id=1" width="10%"], qui donne :
Pour la centrer, balise [center] :
Si on veut que l'image soit cliquable (cliquer dessus fait télécharger l'image), alors il faut imbriquer les deux balises : [a href="downloads.php?id=1"][img src="downloads.php?id=1" width="20%"][/a]
Balises div pour limiter la largeur
Les textes ci-dessus occupent un espace assez large (les lignes affichées à l'écran sont longues) et c'est un peu fatiguant à lire. Pour limiter l'extension des lignes, on englobe tout le code d'une "case" par des balises [div class="boite2"]. On essaie de le faire tout le temps, sauf exception (par exemple on peut laisser les titres, ou une grande image, en dehors de ces balises div). Comparer la largeur des lignes de cette case (qui est encadrée par des div class="boite2") et la largeur des cases précédentes : c'est différent.
En plus, cela justifie l'alignement à gauche du texte.
Attention, une telle balise div doit être refermée à la fin par [/div].
Balises div pour structure en colonne
Il est souvent utile d'avoir une colonne large à gauche pour le texte, et une petite à droite pour des images. Ceci se fait avec une délimitation par les balises :
[div class="boite2" style="display:inline-block;"] et [/div] pour la colonne de gauche
[div class="boite3" style="display:inline-block;"] et [/div] pour la colonne de droite.
le texte à droite, avec pour exemple une image cliquable.
Et on peut enchainer ainsi les colonnes en répétant ces blocs de code.
Un point important est que l'utilisation de ces balises div permet de s'adapter à l'écran. Sur smartphone, la mise en page change : la structure en deux colonnes passe à une structure en une seule colonne.
Utiliser cette case pour faire des essais...
First part of the static content
toggle the second part of the story.
Autre exemple
Premier blabla
2ème partie