 |
lycée Follereau | Accueil | |
Administration
Gestion des fichiers
| Planning_P2S.jpg | id=81 | | suppr sql | | suppr tout | | ||
| Affiche_P2S.jpg | id=83 | | suppr sql | | suppr tout | |
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,10) | | Actualités : (voir aussi la rubrique calendr... | |
| 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... | |
Qu'est-ce que la prépa ?
| 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 ... | |
| 22 | | (1,3) | | Des exemples d'emploi du temps Les emplois du temps des 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... | |
| Sous-page 2 | |||
| 16 | | (2,1) | | Rubriques : | Pourquoi venir en prépa ? | | Les ... | |
| 15 | | (2,90) | | Les filières en général Il existe plusieurs CPGE s... | |
| 21 | | (2,90) | | 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... | |
Les atouts 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 : ... | |
Et après la prépa ?
| Sous-page 0 | |||
| 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... | |
Préparation Scientifique pour le Supérieur (P2S)
| Sous-page 0 | |||
| 57 | | (0,10) | | Présentation Conctact, information et inscription : ... | |
| 58 | | (0,20) | | Calendrier ... | |
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 (P2... | |
| 74 | | (0,16) | | Visites d'écoles d'ingénieur : venez visiter... | |
| 75 | | (0,26) | | Conférence sur les énergies renouvelables. Les ... | |
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@ac-bes... | |
Qu'est-ce que la prépa ? (version de discussion)
| Sous-page 2 | |||
| 63 | | (2,1) | | Rubriques : | Pourquoi venir en prépa ? | | Les ... | |
| 64 | | (2,11) | | 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... | |
| 66 | | (2,31) | | Une vidéo, réalisée par notre équipe, pour approfondir s... | |
| Sous-page 21 | |||
| 67 | | (21,1) | | Rubriques : | Pourquoi venir en prépa ? | | Les ... | |
| 62 | | (21,5) | | PTSI Quelques caractéristiques Pourquoi technolog... | |
| 61 | | (21,10) | | Résultats 2023-2024 En 2024, à l'issue de la classe d... | |
| 55 | | (21,40) | | Exemples de parcours d'anciens étudiants, du lycée à l'ap... | |
| Sous-page 22 | |||
| 68 | | (22,50) | | Rubriques : | Pourquoi venir en prépa ? | | Les ... | |
| 69 | | (22,60) | | Quelques caractéristiques Idées des collègues reç... | |
| 70 | | (22,70) | | Résultats 2023-2024 En 2024, etc. Ou bien présenter d... | |
| 71 | | (22,80) | | Exemples de parcours d'anciens étudiants, du lycée à l'ap... | |
Forum Ingénieur 2024
| Sous-page 0 | |||
| 77 | | (0,10) | | Anciens étudiantes et étudiants de notre CPGE ... | |
| 78 | | (0,20) | | Lycée : bac S spécialité physique-chimi... | |
| 80 | | (0,30) | | Marie Lycée : bac S spécialité physique-... | |
| 81 | | (0,40) | | Théo Lycée : bac S spécialité sciences ... | |
| 82 | | (0,50) | | Martin Lycée : bac S spécialité physique... | |
| 83 | | (0,60) | | Guillaume Lycée Follereau : bac S spécial... | |
filières \ PTSI (brouillon)
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) | | ... | |
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...