Objectif de la formation
Réaliser des sites Internet. Créer des pages formatées avec calques et CSS. Importer et formater les textes. Placer, recadrer, optimiser les images. Placer des médias sons, vidéos et animations. Mettre en place un système de navigation. Créer des formulaires .Envoyer le site chez un hébergeur…
Niveau requis
Bonne connaissance de l’environnement informatique (pratique courante d’OS X ou de Windows). La pratique d’un logiciel de création d’images est fortement souhaitée.
Public concerné
Webmasters, créateurs de sites internet, toutes personnes désirant comprendre et maîtriser la création web.
Le langage HTML
- Les balises
- Les Classes
- Les ID
- Les attributs
Configuration du logiciel
- Dossier du site
- Organisation des fichiers
Les fichiers utilisables dans un site Web
- Les extensions de fichiers
- Les formats d’images
- Les formats des autres types de médias
L’interface
- présentation de l’interface
- mode code, créative, fractionner
- la palette de propriété
Les préférences
- Réglases des principales préférences
- Modes de copier/coller
- Codage du texte (gestion des accents)
- Choix des éditeurs externes
Les étapes de la création d’un site
- Le système de navigation
- L’hébergement
- Le référencement
- Création de pages Web
- La notion de page
- Largeur et hauteur d’une page
- Les propriétés spécifiques aux pages
Stucturer avec des calques
- Positionnement
- Propriétés des calques: index Z
- Calques imbriqués
Mise en page avec des CSS
- Fichiers de styles CSS
- Création d’interface
La balise DIV
- Les CSS
- Lieu de stockage des styles: interne, externe
- Les DIV
- Les classes
- Les balises
- Imbrication de styles
- Liens entre pages et styles CSS
Mise en page avec Bootstrap
- Description de la structure de grille
- Créer un document Bootstrap
- Personnaliser les paramètres
- Ajout de composants
- Ajout de lignes et de colonnes
- Personnalisation des CSS
Le texte
- Polices, styles, taille
- Utilisation des CSS pour le balisage du texte
- Les propriétés CSS liées au texte
Images
- Les formats d’images spécifiques au Web: GIF, JPEG, PNG
- La transparence dans les images
- Les propriétés des images
- Le rôle de la balise ALT, title
- Optimisation et manipulations avec les outils de la palette Propriétés
- Liens avec Photoshop et ou Fireworks
La navigation et les liens
- Les liens entre les pages
- Les liens internes aux pages
- Les liens vers des sites externes
- Les liens vers le courrier électronique
- Utilisation du module SPRY pour créer une barre de navigation
Les tableaux
Propriétés (tableau, rangée, cellule)
Insertion de médias
- Insertion d’animations Flash
- Insertion de vidéos
Formulaires
- Insertion et paramétrage des objets de formulaire: champ de texte, champ multi-ligne, cases à cocher, boutons radio, menu et liste déroulante, bouton .
jQuery UI
- Widgets disponibles
- Insertion d'un widget d'interface
- Modification
- Utilisation des effets jQuery
Comportements
- Le rôle du langage JavaScript
- Ajouts d’actions JavaScript
Transfert FTP
- Réglages FTP
- Mise à jour des pages