| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
| web:accueilweb [2024/03/30 09:42] – phil | web:accueilweb [2025/06/19 19:24] (Version actuelle) – modification externe 127.0.0.1 |
|---|
| ==== Bienvenue sur WebPEM ==== | ==== Bienvenue sur WebPEM ==== |
| |
| ** Rédacteur(s)** : Philippe Mariano | ** Rédacteur** : Philippe Mariano |
| |
| [Mise à jour le 18/6/2023] | [Mise à jour le 11/6/2025] |
| |
| Ce **Wiki** est destiné à des élèves de lycée inscrits dans la spécialité **NSI** ou STI2D **SIN** en terminale. Il rassemble les bases de la conception d'un site Web avec les langages **HTML**, **CSS**, J**avaScrip**t, **PHP** et **SQL**. Il est conçu comme une source d'informations (non exhaustive) destinée à optimiser le temps des élèves en projet. \\ | Ce **Wiki** est destiné à des élèves de lycée inscrits dans la spécialité **NSI** ou STI2D **SIN** en terminale. Il rassemble les bases de la conception d'un site Web avec les langages **HTML**, **CSS**, J**avaScrip**t, **PHP** et **SQL**. Il est conçu comme une source d'informations (non exhaustive) destinée à optimiser le temps des élèves en projet. \\ |
| - [[:web:dom|Fonctionnement du navigateur et DOM]] | - [[:web:dom|Fonctionnement du navigateur et DOM]] |
| - **Structurer les pages** | - **Structurer les pages** |
| - [[:web:baseshtml|Les bases du HTML]] | - [[:web:baseshtml|Les bases du HTML (HTML5)]] |
| - **Décorer les éléments sur les pages** | - **Décorer les éléments sur les pages** |
| - [[:web:basescss| Les bases de CSS]] | - [[:web:basescss| Les bases de CSS]] |
| - <html><a href="https://developer.mozilla.org/fr/docs/Learn/CSS/CSS_layout/Flexbox" target="_blank" title="Site MDN">CSS3 Flexbox</a></html> | - <html><a href="https://developer.mozilla.org/fr/docs/Learn/CSS/CSS_layout/Flexbox" target="_blank" title="Site MDN">CSS3 Flexbox</a></html> |
| - <html><a href="https://developer.mozilla.org/fr/docs/Learn/CSS/CSS_layout/Grids" target="_blank" title="Site MDN">Les CSS GRID</a></html> | - <html><a href="https://developer.mozilla.org/fr/docs/Learn/CSS/CSS_layout/Grids" target="_blank" title="Site MDN">Les CSS GRID</a></html> |
| - **Dynamiser les pages** | - **Dynamiser les pages avec JavaScript et jQuery, jQWidget** |
| - [[:web:javascript|JavaScript et jQuery : les bases]] | - [[:web:javascript|JavaScript et jQuery : les bases]] |
| - [[:web:jquery:volet|jQuery - Afficher et cacher des images]] | - [[:web:jquery:volet|jQuery - Afficher et cacher des images]] |
| | - [[:web:javascript:leaflet|JavaScript - Créer une carte Leaflet]] |
| | - [[:web:jquery:graphique|JavaScript - Créer un graphique jqWidget(A venir)]] |
| - **Divers** | - **Divers** |
| - <html><a href="https://endtimes.dev/why-your-website-should-be-under-14kb-in-size/" target="_blank">Why your website should be under 14KB in size</a></html> | - <html><a href="https://endtimes.dev/why-your-website-should-be-under-14kb-in-size/" target="_blank">Why your website should be under 14KB in size</a></html> |
| - **Côté serveur** | - **Côté serveur** |
| - [[:web:Apache|Installer un serveur Apache, PHP et mySQL]] | - [[:web:Apache|Installer un serveur Apache, PHP et mySQL]] |
| | - [[:web:Apache:wamp|Installer WampServeur]] |
| | - <html><a href="https://www.apachefriends.org/fr/download.html" target="_blank">XAMPP : une distribution Apache facile à installer</a></html> |
| - **PHP** | - **PHP** |
| - [[:web:php|Les bases du langage]] | - [[:web:php|Les bases du langage]] |