diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000000000000000000000000000000000000..22c35bf247e0d3b004ad975af3a514ae07d5c207 --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +*~ +*.swp +*.pyc +.vscode diff --git a/basic-web/basic.html b/basic-web/basic.html new file mode 100644 index 0000000000000000000000000000000000000000..c7ba7f38977fd45638729061e0766c8f03666685 --- /dev/null +++ b/basic-web/basic.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html lang="fr"> + <head> + <meta charset="utf-8"> + <title>Stage 3ème</title> + </head> + <body> + <h1>Découverte du laboratoire</h1> + <h2>Le métier d'ingénieur</h2> + <p>Bonjour</p> + <ol> + <li>BAC L</li> + <li>BAC ES</li> + <li>BAC S</li> + </ol> + <h2>Échanges en protocole HTTP</h2> + <div><img src="protocole-http.png"></div> + </body> +</html> + diff --git a/basic-web/protocole-http.png b/basic-web/protocole-http.png new file mode 100644 index 0000000000000000000000000000000000000000..23aba89a800aca1c5071032be453e55bb43b0b45 Binary files /dev/null and b/basic-web/protocole-http.png differ diff --git a/doc/accueil.md b/doc/accueil.md index 6a54781de61d968c5582a727dee4d64617ab9583..6a1750aad191038690aa5bf460e4b1911c3dac7c 100644 --- a/doc/accueil.md +++ b/doc/accueil.md @@ -3,3 +3,7 @@ # Présentation des métiers [Métiers](metiers.md) + +# Programmation Web + +[Programmation Web](programmation-web.md) diff --git a/doc/programmation-web.md b/doc/programmation-web.md new file mode 100644 index 0000000000000000000000000000000000000000..77769a24370fc4a30adab64c28a2683001d7595b --- /dev/null +++ b/doc/programmation-web.md @@ -0,0 +1,24 @@ +# Programmation web + +Présentation de la i(programmation Web à une classe de 3ème](http://acordier.net/blendteens) + +Protocoles : + +- [ARPANET](https://fr.wikipedia.org/wiki/ARPANET) +- [pile de protocoles "TCP/IP"](]https://fr.wikipedia.org/wiki/Suite_des_protocoles_Internet) + +Activer les outils de développements web dans un navigateur, "F12". + +- Firefox : Outils > Développement web > Outils de développement + Cliquer sur l'onglet "Réseau" et regarder les échanges avec les serveurs +- Chrome : Outils > Outils de développement + Cliquer sur l'onglet "Network" et regarder les échanges avec les serveurs + +Ressources (peut-être un peu datées) pour les langages HTML, CSS, Javascript + +- [Resources for Developers - Mozilla](https://developer.mozilla.org/fr/) +- [Standard HTML](https://www.w3.org/TR/html52/) +- [Aggrégateur devdocs.io](http://devdocs.io/) + +Démonstration des changements qui peuvent être réalisés en CSS [CSS Zen +Garden](http://www.csszengarden.com/)