Ateliers création site web

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

Dans ce cours, vous apprendrez comment utiliser HTML5, CSS3, Javascript.... les langages de programmation à la base de tous les sites web.

Cette année 2016, afin de faciliter la compréhension, nous utiliserons un outil, Netbeans

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.

Ci après une capture d'écran montrant les différentes fenêtres sur le répertoire de fichiers, la structure du document et le contenu HTML  Cliquez ici

 

PROGRAMME 2016-2017 (reprise le 3 octobre)

Date Sujet Références et kits
3 oct Introduction à l'outil de dévelopement intégré (IDE) Netbeans version 8     
10 oct Installation de Netbeans sur vos PC et Mac  
17 oct Avec Netbeans - Révision structure de documents HTML, feuille de style CSS, images etc  
24 oct Révision - suite  
7 nov HTML/CSS Modèle de boite (Travaux pratiques)  
14 nov HTML/CSS Format page site (En tête - Menu - corps de page - Pied de page)

index.htm style.css

21 nov Les images - Positionnement - Décoration avec CSS (ombre)  
5 dec Les images et les blocs
- suite
 
12 dec Pratique NetBeans -> Remplacement images, création de lettrines, changement du texte etc....  
19 dec CSS pseudo format :hover - Ajout de pages au minisite - Liens sur ces pages tuto hover
9 jan Révision après les vacances de Noël  
16 jan Révision CSS - Atelier interactif entre adhérents - Correction image en background  
23 jan Création d'un menu - Ajout de pages dans le site  tutoriel
30 jan Introduction au "reverse engineering" - utilisation outils web de Firefox pour analyser et mofifier en temps réel des éléments de la page affichée.  
6 fev Révisions HTML, CSS, utilisation Netbeans  
13 & 20 fev Vacances scolaire - revoir le tutoriel du 23 janvier tutoriel  
27 fev Ajout de pages au minisite tutoriel
6 mar Export projet - Import projet - Introduction au Javascript

tutoriel

13 mar Introduction Javascript (suite) - Réalisation Carousel photos simple minisite à télécharger
20 mar Modification Carousel photos (evenement souris)  
27 mar Page vidéo - préparation carousel idem photos  
3 avr

Atelier ajout vidéos - corections, questions/réponses sur le mini site

Introduction aux formulaires

minisite v3apr

Tutoriel

10 & 17 Vacances  
24 avr Révisions diverses..... Atelier formulaire  
15 mai Révision formulaire et atelier avec tutoriel Pierre Giraud (section 71) Mettre en forme un formulaire
12 juin APRES ARRET 4 SEMAINES ->> REVISIONS  

 

 

Références

Introduction à Netbeans ici

Télechargement Netbeans 8 ici

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