Programme
Contextualiser le HTML et les CSS
- Définir le rôle de chacun des acteurs : HTML / CSS / JavaScript
- Expliquer les principes du Responsive Web Design
- Hiérarchiser les fichiers d’un site Web
- Choisir un éditeur (textedit, Intellij ou VS Code selon le besoin)
Structurer une page HTML
- Différencier les parties d’une page Web
- Formater le texte : titre, gras, italique, listes…
- Découvrir les balises sémantiques
- Identifier et manipuler les balises principales : main, nav, header, footer, section, article, div, table, form, inputs…
Mettre en forme une page HTML
- Créer une feuille de styles CSS
- Lier le fichier CSS à sa page HTML
- Identifier les sélecteurs de balises
- Découvrir et tester l’inspecteur HTML/CSS
- Gérer les polices
- Modifier les éléments de sa page
Ajouter de l’animation et de l’interactivité
- Créer des liens
- Ajouter un fichier JavaScript
- Utiliser les styles avancés (ombres, coins arrondis, transitions)
Mettre en ligne une page HTML
- Différencier les notions de clients / serveurs
- Sélectionner un nom de domaine et planifier l’hébergement
- Se connecter via FTP
Nos prochaines sessions
Artistes / Auteurs affiliés à la maison des artistes ?
Ressources
- Supports de cours dématérialisés
- Abonnement de 3 mois à tuto.com
- Accès illimité par mail à la hotline Swash
Découvrez Swash #2, notre nouveau magazine !
Retours d'expérience, interviews et nouvelles formations à découvrir : 40 pages pour explorer notre univers.
Modalités en présentiel
Parcours pédagogique :
Quiz de positionnement ❯ 2 jours continus en présentiel ❯ Évaluation des acquis
Méthode pédagogique :
Expositive + démonstrative : exposés théoriques, démonstrations, mise en pratique, feedbacks personnalisés
Moyens techniques :
- 1 poste par participant (Mac ou PC, selon votre choix), fourni par nos soins, équipé des logiciels utiles
- Poste de l’intervenant relié à un grand écran ou vidéoprojecteur
Modalités en distanciel
Parcours pédagogique :
Quiz de positionnement ❯ 2 classes virtuelles discontinues (2 x 1 jour) ❯ Évaluation des acquis
Méthode pédagogique :
Expositive + démonstrative : exposés théoriques, démonstrations, mise en pratique, travail individuel inter-sessions, feedbacks personnalisés
Moyens techniques :
- Classe virtuelle créée par nos soins
- Chaque apprenant participe à la session avec son ordinateur, connecté à Internet, et équipé :
- d’un micro et d’une caméra
- des outils / logiciels utiles (éditeurs gratuits à installer en amont / informations précisées à l’inscription)