Ateliers création site web

2017-2018

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 2017, 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 !

Nouveau pour 2017 ! le "responsive design"

Comment réaliser son site internet s'affichant parfaitement sur tous les mobiles, les tablettes et les écrans odinateurs ? Et bien, en servant d'une feuille de style toute prête...! Il en existe des dizaines. Le choix pour notre atelier est une feuille relativement simple mais très efficace, w3.css

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 chaque nouvelle classe définie dans la feuille de style.

ACCES SUR   https://www.w3schools.com/w3css/default.asp

 

PROGRAMME 2017-2018 (reprise le 2 octobre)

2 oct - Révision fonctionnement serveur web, langages HTML, CSS, javascript

9 oct - Révision Netbeans - Fonctionnement - Projet - Fenêtres fichiers, éditeur syntaxique, navigateur de code.

16 oct - Révision sur le contenu du petit site réalisé l'année précédente

 

Références

Introduction à Netbeans ici

Télechargement Netbeans 8 ici

Tutoriels Creation projet Aperçu Edition projet

Excellent site sur le CSS ici

Pour révision HTML, CSS et Javascript ici

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

Liste de liens

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

Site web statique Vs dynamique ici


Contactez nous !
Nous trouver