Amazing Internet
Cette page web regroupe les supports de cours pour les étudiants B2 et B3 de typographie, communication graphique et design du livre
Ressources
Retrouvez l'ensemble des sites présentés durant les précédents cours sur cette page. Celle-ci est mise à jour régulièrement.
Démos de cours
Retrouvez ici l'ensemble des démos effectuées pendant les cours depuis le début du quadrimestre
B2
- Cours du 06/02: bases html, balises les plus utilisées
- Cours du 14/02: html, les liens, la structure / structure d'un dossier / bases css
- Cours du 18/02: sélecteurs css de base
- Cours du 20/02: mise en page en css
- Cours du 27/02: la typographie sur le web
- Cours du 02/03: la typographie, approfondissements
- Cours du 05/03: les formes géométriques
- Cours du 12/03: les dégradés et les animations
- cours du 31/03: les modèles Flexbox
- cours du 02/04: les balises d'intégration
- Cours du 23/04: Introduction au Javascript & jquery
B3
- Cours du 11/02: rappel des bases html/css/js
- Cours du 18/02: Javascript, interagir avec l'utilisateur
- Cours du 27/02: Javascript, interagir avec l'utilisateur partie 2
- Cours du 02/03: les bibliothèques Javascript (Lazyload, Masonry...)
Supports de cours
Vous pourrez ici consulter les supports de cours mis en place durant la période de confinement.
B2
- cours du 24/03: responsive design
- cours du 26/03: voir mail
- cours du 31/03: les modèles Flexbox
- cours du 02/04: les balises d'intégration
B3
- cours du 24/03: voir mail
- cours du 31/03: voir mail
Cours non présentiels
Comme précisé dans le mail, les cours se dérouleront à distance comme suit:
La veille du cours, je vous enverrais un cours sous la forme d'une page web ainsi qu'un exercice/projet à faire. Ce projet sera à me rendre au plus tard à la fin des horaires de cours définies. Durant les deux heure du mardi (11h-13h) et les deux heures du jeudi (16h-18h) pour les B2 et les deux heures du mardi (14h-16h) pour les B3, je serais en ligne sur la plateforme Discord (installez l'application!) sur laquelle je vous donnerais un lien pour la visioconférence, probablement avec Hangout. Dans un souci d'optimisation du temps, veuillez à être présents en ligne dans les tranches horaires, je ne garantie aucune réponse rapide en dehors de celles-ci.
Vous pouvez suivre le tutoriel mis en place par Nicolas Biéva pour la prise en main de Hangout.
Projet de fin d'année
Vous pouvez prendre connaissance du briefing du travail de fin d'année sur le site Digitalab.
Merci de regarder la vidéo en haut de la page réalisée par Serge Hoffman qui explique en détail la thématique de ce travail intitulé GéoNetArt.
Sites des étudiants
B2
| Communication graphique | |
|---|---|
| Suillaud Joséphine | https://elegant-raman-efb10b.netlify.com/ |
| Petelski Carla | https://amazing-shaw-82eb2e.netlify.com |
| Eddaif Zahra | https://lepetitmondedsdorient.netlify.com/ |
| Katanic Jana | https://janakatana.netlify.com/ |
| Mollier Evan | ??? |
| Dupré Garance | ??? |
| Kamalic Zoé | https://les-vacances-du-pere-noel.netlify.com/ |
| Muir Vincent | https://love-menu.netlify.com |
| Langenskiold Oscar | https://the-westsite.netlify.com/ |
| Leroy Thibault | ??? |
| Girard Anouk | https://carniviandelove.netlify.com/index.html |
| Perreault Madeleine | https://madperr.netlify.com/ |
| Bahtit Ilyan | ??? |
| Design du livre et du papier | |
| Pelus Léo | ??? |
| Buisard Valentin | ??? |
| Typographie | |
| Desmenez Clémentine | https://fruity-fusion.netlify.com/ |
| Lostis Martin | https://rollei.netlify.com/ |
| Jossart Alexis | https://alexis-jossart.netlify.com/ |
| Puls Céline | https://octopuls-cc.netlify.com/ |
| Bourmau Baya | ??? |
| Kessel Anton | ??? |
Liens utiles
- Mon mail: prof@etienneozeray.fr
- wwwahou, des sites web à gogo
- Le site d'OpenClassroom, regorgant de tutos sur le web
- https://tutowebdesign.com/, dans le même style mais axé uniquement sur le web.
- à compléter (toute suggestion est la bienvenue :))