Skip to content
Extraits de code Groupes Projets
Valider 94ae7a2a rédigé par Mireille COILHAC's avatar Mireille COILHAC
Parcourir les fichiers

améliorations diverses

parent aa08feaf
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
...@@ -26,20 +26,24 @@ Pour composer vos documents, on peut écrire directement dans l'éditeur WEB IDE ...@@ -26,20 +26,24 @@ Pour composer vos documents, on peut écrire directement dans l'éditeur WEB IDE
Le choix retenu pour ces modèles est de construire un site dont la page d'accueil est le contenu généré depuis le fichier `index.md` et les pages suivantes sont prises par ordre alphabétique de nom de dossier/fichier. Le choix retenu pour ces modèles est de construire un site dont la page d'accueil est le contenu généré depuis le fichier `index.md` et les pages suivantes sont prises par ordre alphabétique de nom de dossier/fichier.
Ainsi, si la structure du répertoire `docs` est la suivante (comme dans le site modèle) : Ainsi, si la structure du répertoire `docs` est la suivante (comme dans le site modèle) :
```markdown title="Une partie de la structure du modèle" ```markdown title="Une **partie** de la structure du modèle"
docs/ docs/
├── 01_chapitre_1 ├── 01_chapitre_1
│ └── chapitre_1.md │ └── chapitre_1.md
├── 02_chapitre_2 ├── 02_chapitre_2
│ ├── scripts │ ├── scripts
│ ├── 1_intro_python.md │ │ ├── addition_REM.md
│ │ ├── addition.py
│ │ ├── premier_liste_REM.md
│ │ └── premier_liste.py
│ ├── 2_fonction.md │ ├── 2_fonction.md
│ ├── 3_liste.md │ ├── 3_liste.md
│ └── .pages │ └── .pages
├── index.md ├── index.md
├── .pages
└── tags.md └── tags.md
``` ```
le site construit affichera comme page d'accueil le contenu provenant de la page `index.md`, et en menu les titres spécifiés au début des fichiers avec pour extension `.md` comme expliqué ci-dessous. Le site construit affichera comme page d'accueil le contenu provenant de la page `index.md`, et en menu les titres spécifiés au début des fichiers avec pour extension `.md` comme expliqué ci-dessous.
```markdown title="Code à copier au début d'un fichier .md" ```markdown title="Code à copier au début d'un fichier .md"
--- ---
...@@ -59,7 +63,7 @@ En l'absence de ce fichier `.pages` le menu du site affichera le nom du dossier, ...@@ -59,7 +63,7 @@ En l'absence de ce fichier `.pages` le menu du site affichera le nom du dossier,
Le rendu du site modèle correspondant à cette structure est le suivant : Le rendu du site modèle correspondant à cette structure est le suivant :
![accueil](images/rendu_accueil.png){ width=70%; : .center } ![accueil](images/rendu_site.png){ width=60%; : .center }
......
docs/01_demarrage/images/rendu_accueil.png

26,4 ko

docs/01_demarrage/images/rendu_site.png

12,9 ko

...@@ -80,6 +80,7 @@ Dans le site modèle par exemple il y a le tag `fonction` : [page Une fonction s ...@@ -80,6 +80,7 @@ Dans le site modèle par exemple il y a le tag `fonction` : [page Une fonction s
- liste/tableaux - liste/tableaux
- Difficulté *** - Difficulté ***
--- ---
````
## II. Les tags dans le menu de votre site ## II. Les tags dans le menu de votre site
......
...@@ -123,7 +123,7 @@ title: Structure du site et Organisation du menu ...@@ -123,7 +123,7 @@ title: Structure du site et Organisation du menu
Les titres qui apparaîssent lorsque l'on développe " Chapitre 2 - Python " sont ceux indiqués en `title` des fichiers `.md` Les titres qui apparaîssent lorsque l'on développe " Chapitre 2 - Python " sont ceux indiqués en `title` des fichiers `.md`
![rendu_chap_2.png](images/rendu_chap_2.png){ width=25% } ![rendu_chap_2.png](images/rendu_chap_2.png){ width=15% }
👉 Changer l'ordre 👉 Changer l'ordre
......
...@@ -161,14 +161,14 @@ Vous pourrez ainsi télécharger vos fichiers `.md`, `.py`, `.jpg`, `.ipynb`, et ...@@ -161,14 +161,14 @@ Vous pourrez ainsi télécharger vos fichiers `.md`, `.py`, `.jpg`, `.ipynb`, et
Si les modifications conviennent Si les modifications conviennent
![faire push](images/to_main.png){ width=50% } ![faire push](images/to_main.png){ width=40% }
Procéder ensuite comme au IV. Procéder ensuite comme au IV.
## VII. Renommer un fichier ## VII. Renommer un fichier
![renommer](images/renommer.png){ width=80% } ![renommer](images/renommer.png){ width=70% }
!!! danger "Attention" !!! danger "Attention"
......
...@@ -3,14 +3,11 @@ author: Mireille Coilhac ...@@ -3,14 +3,11 @@ author: Mireille Coilhac
title: Crédits title: Crédits
--- ---
Le site est hébergé par la forge de [l'*Association des Enseignants d'Informatique de France*](https://aeif.fr/index.php/accueil/){:target="_blank" }. Le site est hébergé par [la forge des communs numériques éducatifs](https://docs.forge.apps.education.fr/){:target="_blank" }.
Le site est construit avec [`MkDocs`](https://www.mkdocs.org/) et en particulier [`mkdocs-material`](https://squidfunk.github.io/mkdocs-material/){:target="_blank" }. Le site est construit avec [`mkdocs`](https://www.mkdocs.org/) et en particulier [`mkdocs-material`](https://squidfunk.github.io/mkdocs-material/), et surtout [Pyodide-Mkdocs-Theme](https://frederic-zinelli.gitlab.io/pyodide-mkdocs-theme/) pour la partie Python.
Les exercices intéractifs Python utilisent Pyodide développé pour MkDocs par Vincent Bouillot. 😀 Un grand merci à Frédéric Zinelli, et Vincent-Xavier Jumel qui ont réalisé la partie technique de ce site. Merci également à Charles Poulmaire pour ses relectures attentives et ses conseils judicieux.
😀 Un grand merci à Vincent-Xavier Jumel et Vincent Bouillot qui ont réalisé la partie technique de ce site, et qui m'ont beaucoup aidé pour les mises à jour.
Merci également à Charles Poulmaire pour ses relectures attentives et ses conseils judicieux. Merci enfin à Romain Janvier qui m'aide à faire évoluer ce tutoriel, et trouve des nouveautés.
Le logo :material-magic-staff: fait partie de MkDocs sous la référence `magic-staff` [https://pictogrammers.com/library/mdi/](https://pictogrammers.com/library/mdi/){:target="_blank" } Le logo :material-magic-staff: fait partie de MkDocs sous la référence `magic-staff` [https://pictogrammers.com/library/mdi/](https://pictogrammers.com/library/mdi/){:target="_blank" }
# Tutoriels et aides pour l'enseignant qui crée son site # Tutoriels et aides pour l'enseignant qui crée son site
!!! danger "Attention : Site en construction"
Le contenu de ce site n'est pas le bon. Encore en construction
!!! danger "Attention : Migration à programmer de la forge AEIF vers la forge Education Nationale" !!! danger "Attention : Migration à programmer de la forge AEIF vers la forge Education Nationale"
...@@ -83,4 +80,4 @@ Il est conseillé de commencer par : [Avant de démarrer](01_demarrage/1_demarra ...@@ -83,4 +80,4 @@ Il est conseillé de commencer par : [Avant de démarrer](01_demarrage/1_demarra
_Dernière mise à jour le 22/5/2024_ _Dernière mise à jour le 26/5/2024_
0% Chargement en cours ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter