/nsi_1/ihm_web/index.html HTML cours HTML, navigateur, balises css les bases les bases en CSS les bases en javascript bases en javascript, console javascript, objets, methodes javascript DOM javascript dans le code de la page, DOM, variables, types, boucles, procedures, fonctions serveur Flask pages web avec server python flask, traitement du formulaire Hugo fr /nsi_1/ihm_web/html_page3/index.html Mon, 01 Jan 0001 00:00:00 +0000 /nsi_1/ihm_web/html_page3/index.html cours HTML, navigateur, balises /nsi_1/ihm_web/css_page1/index.html Mon, 01 Jan 0001 00:00:00 +0000 /nsi_1/ihm_web/css_page1/index.html les bases en CSS /nsi_1/ihm_web/html_page1/index.html Mon, 01 Jan 0001 00:00:00 +0000 /nsi_1/ihm_web/html_page1/index.html Programmation: HTML et CSS Rappels de SNT Si vous débutez complètement en HTML, consultez les ressources de SNT: Une introduction à la redaction d’un document en HTML: Document Web, contenu et structure * Les balises principales: Rappels Compléments théoriques introduction au html/css: activité version guidée ou version autonome page du site vers le HTML page du site vers le CSS page du site vers le CSS display et position Deux balises pour tout écrire On pourrait utiliser une ou deux balises uniques pour tous les usages, par exemple : /nsi_1/ihm_web/css_page2/index.html Mon, 01 Jan 0001 00:00:00 +0000 /nsi_1/ihm_web/css_page2/index.html css, display, position /nsi_1/ihm_web/html_page11/index.html Mon, 01 Jan 0001 00:00:00 +0000 /nsi_1/ihm_web/html_page11/index.html introduction au html/css: activité version guidée ou version autonome page du site vers le HTML page du site vers le CSS page du site vers le CSS display et position Design d’une page Web Rappels sur l’encodage des caracteres et header en html Dans un fichier, les données sont écrites en binaire. Même les caractères sont exprimés sous forme numérique. Il existe plusieurs tables de correspondance lettre - chiffre. La plus ancienne est celle appelée ASCII. Mais la plus utile sera celle utf-8. /nsi_1/ihm_web/css_page3/index.html Mon, 01 Jan 0001 00:00:00 +0000 /nsi_1/ihm_web/css_page3/index.html TP css en pratique en utilisant un framework comme direct css, bootstrap /nsi_1/ihm_web/js_page1/index.html Mon, 01 Jan 0001 00:00:00 +0000 /nsi_1/ihm_web/js_page1/index.html bases en javascript, console javascript, objets, methodes /nsi_1/ihm_web/js_page2/index.html Mon, 01 Jan 0001 00:00:00 +0000 /nsi_1/ihm_web/js_page2/index.html javascript dans le code de la page, DOM, variables, types, boucles, procedures, fonctions /nsi_1/ihm_web/js_page3/index.html Mon, 01 Jan 0001 00:00:00 +0000 /nsi_1/ihm_web/js_page3/index.html TP, transformer une page web, DOM /nsi_1/ihm_web/html_page6/index.html Mon, 01 Jan 0001 00:00:00 +0000 /nsi_1/ihm_web/html_page6/index.html pages web avec server python flask, traitement du formulaire /nsi_1/ihm_web/html_page4/index.html Mon, 01 Jan 0001 00:00:00 +0000 /nsi_1/ihm_web/html_page4/index.html creation d'un mini site web avec plusieurs pages et un formulaire, html, css, javascript /nsi_1/ihm_web/html_page7/index.html Mon, 01 Jan 0001 00:00:00 +0000 /nsi_1/ihm_web/html_page7/index.html TP python-Flask pas à pas: Lien projet utilisant python-Flask: Lien Les projets suivants utilisent le module Flask. Vous travaillerez en groupe de 2, ou de 3 élèves. Vous choisirez l’un de ces 3 projets. Pour rendre votre projet, vous pourrez, au choix: créer un fichier zip avec tous les dossiers et fichiers du projet et le mettre dans les Documents de votre session. le publier en ligne (Pythonanywhere.com) Vous rendrez également un fichier readme.txt qui servira de compte-rendu de projet. Vous y préciserez les étapes de votre projet, ainsi que le rôle pour chacun des participants. Vous pourrez eventuellement utiliser la syntaxe markdown pour mettre le texte en forme.