Ateliers création site web

2020-2021

Animateur : Christian RODAS

Vous souhaitez créer vos propres sites web ? Vous êtes au bon endroit !

Dans cet atelier, vous approfondirez la connaissance des langages HTML5, CSS3, Javascript.... langages de programmation à la base de tous les sites web.

Cette année 2020, nous continurons à utiliser l'outil, Netbeans. Nous allons cette année travailler sur des sites "en ligne", ce qui permettra à tous de voir le résultat du travail de chaque membre de l'atelier.

Bien que cet outil soit en Anglais, il est très visuel et permet de NAVIGUER dans la structure des documents HTML, ainsi que dans les répertoires et les fichiers. Il est compatible Windows, Mac et Linux !

Ce qui facilite la tâche et les explications de l'animateur car pas de différence de fonctionnement entre les différentes plateformes !

 Javascript

Le Javascript est un langage de programmation qui s'exécute coté client (votre explorateur Internet) afin de rendre votre site web interactif. Définition Wikipedia

Voir la documentation (en anglais hélas) sur le site w3schools.com. Un gros avantage de ce site est qu'il permet d'apprendre et de tester différentes instructions en affichant le résultat.

ACCES SUR   https://www.w3schools.com/w3css/js

Nous disposons d'un cours vidéo que nous avons acquis pour le club.

PHP

Le PHP est un langage de programmation en open source, cela signifie que ce langage est libre d’utilisation. Tout le monde peut apprendre à s’en servir et tout le monde peut l’utiliser. Il est notamment utilisé dans la création de pages internet.

Le langage PHP est un langage dynamique qui est directement lu par le serveur. Il s’agit donc d’un langage interprété. Si un "développeur" code une page en PHP, les utilisateurs de la page ne verront pas que celle-ci est en PHP puisqu’elle sera traduite et directement lue comme du HTML (langage statique)

ATELIER 2021 - 2022

Afin de parfaire les connaissances HTML/CSS nous allons passer quelques lundi à réviser les bases des langages  HTML, CSS et Javascript. Il n'est pas utile de retenir toute les balises et instructions, mais de savoir les utiliser et ne pas les confondre.

Nous utiliserons principalement les outils et infos du site w3schools

"LAST BUT NOT LEAST"...

J'assume que les participants connaissent bien l'utilisation de leur système d'exploitation Windows ou Mac (Ou trouver mes fichiers, raccourcis clavier, bascule rapide entre programmes...etc...)

PROGRAMME 2021 - 2022 (HTML, CSS, Javascript...)

Cliquer sur résumé pour afficher le pdf

Références

Tutoriels Creation projet Aperçu Edition projet

Excellent site sur le CSS ici

Pour révision HTML, CSS et Javascript ici

Essayez HTML/CSS/JS en ligne avec JsBin

Excellent tutoriel de Pierre Giraud combinant tutoriels en textes et en vidéos ici

Site web statique Vs dynamique ici

Memo web - Un site en français EXCELLENT !   ici

Les sélecteurs Jquery (en français) ici

Pour débuter ou réviser Excellent !

Coder en HTML5 et CSS3

Initiation HTML/CSS (S. Walter)

Site grafikart.com

Tuto ftp christian

Autre Tuto ftp

Liste de liens

Téléchargement Visual Studio Code ici

Site d'échantillons médias vidéo, son, texte.... ici

Liens sur le w3.css

Résumé styles w3.css ici

w3school site ecole du web En anglais En francais