À l'issue de la formation, le participant sera capable de mettre en œuvre les compétences suivantes :
- Comprendre les concepts et termes clés du Web.
- Connaître les principes de base du HTML et utiliser les balises HTML courantes pour modifier la mise en page d'une page Web.
- Utiliser une application de création Web pour concevoir et mettre en forme des pages Web, formater du texte et travailler avec des hyperliens et des tableaux.
- Reconnaître et utiliser les formats d'image Web courants et créer des formulaires dans une page Web.
- Comprendre et utiliser des feuilles de style en cascade.
- Préparer des pages web pour publication sur un serveur web.
AVANT LA FORMATION
- Entretien téléphonique avec le formateur afin de personnaliser votre formation.
- Le programme de formation ci-dessous pourra donc être modifié gratuitement en fonction de vos attentes.
JOUR 1
Matin
Concepts Web Termes clés
- Comprendre qu'Internet prend en charge une gamme de services tels que le World Wide Web (WWW), le transfert de fichiers, le courrier électronique et la messagerie instantanée
- Comprendre le terme client/serveur. Comprendre la fonctionnalité et la relation entre le navigateur, le serveur web.
- Comprendre les termes domaine, Uniform Resource Locator (URL), hyperlien, hébergement web, moteur de recherche.
- Comprendre l'utilisation des protocoles primaires: Protocole de contrôle de transmission/Protocole Internet (TCP/lP), Protocole de transfert hypertexte (HTTP), Protocole de transfert de fichiers (FTP).
Publication Web
- Identifier les principaux avantages d'avoir un site Web: accès à une audience mondiale, facilité de mise à jour, interactivité de l'audience, coûts et bénéfices.
- Comprendre le processus de mise en ligne d'un site web comme par exemple: enregistrer un domaine, choisir un service d'hébergement web.
- Reconnaître les techniques d'optimisation pour les moteurs de recherche comme par exemple: inclure des métadonnées pertinentes, inclure un plan du site et des liens vers des sites Web, s'inscrire auprès d'un moteur de recherche.
- Reconnaître les facteurs qui ont un impact sur la vitesse de téléchargement des pages Web: audio, vidéo, objets graphiques, contenu d'animation, compression de fichiers.
- Reconnaître les formats de fichiers audio, vidéo et graphiques appropriés pour optimiser la vitesse de téléchargement des pages Web.
Questions juridiques
- Comprendre le terme droit d'auteur et ses implications pour le texte, les images, l'audio et la vidéo disponibles sur les sites Web.
- Comprendre que le contenu du site Web est soumis aux lois du pays dans lequel il est hébergé.
Principes de base duHTML
- Comprendre le terme Hypertext Markup Language (HTML).
- Comprendre le rôle du consortium W3C dans l'élaboration des recommandations HTML. Comprendre les avantages de ces recommandations comme: l'interopérabilité des sites Web entre les navigateurs, l'accessibilité améliorée, les déclarations de type de document cohérent.
Après-midi
Utilisation du HTML
- Utiliser le navigateur pour afficher le code source de la page Web.
- Utiliser les balises de marquage pour structurer une mise en page Web:<html>, <head>, <title>, <body>.
- Utiliser des balises pour structurer la mise en page d'une page: <h1>,<h2>, <p>, <br />, <a href>, <img/>.
Conception de sites Web
- Reconnaître les techniques de planification et de conception telles que l'évaluation des besoins du public cible, la création de storyboards, l'organisation de la structure du site, la création d'un modèle de mise en page, le choix d'un plan de navigation.
- Reconnaître les bonnes pratiques en matière de sélection des polices. Utilisation de polices sans empattement comme par exemple: Arial, Courier, Helvetica.
Utilisation de l'application
- Ouvrir, fermer une application de création Web. Ouvrir, fermer les pages Web.
- Créer, enregistrer une nouvelle page Web, un site Web à un emplacement sur un disque dur.
- Créer, enregistrer une nouvelle page Web à partir d'un modèle disponible.
- Ajouter, modifier un titre descriptif de page.
- Changer entre le code source et la vue de conception.
Améliorer la productivité
- Définir les options/préférences de base dans l'application: navigateur de prévisualisation par défaut, type de document par défaut, encodage, polices.
- Utiliser les fonctions d'aide disponibles.
Saisie et mise en forme du texte
- Insérer, éditer, supprimer du texte.
- Comprendre et utiliser la taille relative des caractères.
- Appliquer la mise en forme du texte: gras, italique, police de caractères et couleur.
JOUR 2
Matin
Formatage des paragraphes
- Définir les propriétés du paragraphe: alignement, indentation.
- Insérer, supprimer le saut de paragraphe, le saut de ligne.
- Créer, modifier une liste numérotée, une liste à puce.
Mise en page
- Définir les marges des pages: haut, bas, gauche, droite.
- Ajouter, modifier, supprimer une couleur ou une image de fond.
- Changer la couleur d'un hyperlien: visitée, active, non visitée.
Hyperliens
- Comprendre les termes hyperliens absolus et relatifs.
- Insérer, éditer, supprimer un hyperlien: texte, image.
- Insérer, éditer, supprimer un email hyperlien: texte, image.
- Définir la cible d'un hyperlien: même fenêtre, nouvelle fenêtre.
- insérer une ancre, insérer un lien vers une ancre.
Tableau
- Insérer, supprimer un tableau.
- Insérer, éditer une légende de tableau.
- Aligner un tableau: gauche, centre, droite.
- Insérer, supprimer des lignes et des colonnes.
- Modifier largeur de colonne, hauteur de ligne.
- Fusionner, diviser les cellules.
- Modifier la largeur de bordure du tableau, le rembourrage des cellules(padding), l'espacement des cellules.
- Changer la couleur de fond, le graphisme d'arrière-plan, l'image des cellules, le tableau entier.
- Ajouter, supprimer un fond de tableau graphique, image.
Après-midi
Utilisation des objets graphiques
- Ajouter, supprimer une image sur une page Web.
- Définir, modifier les attributs d'une image: taille, bordure, alignement, texte alternatif.
Formes
- Insérer un formulaire sur une page Web.
- Ajouter, supprimer des champs de texte à une ligne et à plusieurs lignes.
- Ajouter, supprimer des zones du formulaire: déroulant, case à cocher, bouton radio.
- Définir, modifier les propriétés des zones de formulaire: zone de texte, liste déroulante, case à cocher, bouton radio.
- Boutons Ajouter, Supprimer, Envoyer, Réinitialiser.
- Définir, modifier les propriétés pour soumettre, réinitialiser les boutons.
- Définir, modifier l'action de formulaire pour envoyer la sortie du formulaire par e-mail.
CSS Concepts
- Comprendre le terme Cascading Style Sheets (CSS), leur utilisation et leurs avantages.
- Reconnaître les principales approches d'application des styles: en ligne, interne, externe.
- Comprendre la structure d'une règle CSS: sélecteur et déclaration (propriété, valeur).
Utilisation de CSS
- Créer, enregistrer un nouveau fichier CSS.
- Créer, modifier les règles CSS: couleur, arrière-plan, police
- Attacher un CSS externe à une page Web.
Préparation et Vérification du téléchargement
- Identifier et corriger les liens cassés dans un site Web.
- Reconnaître les bonnes pratiques en matière de contenu des pages Web : inclure une date de dernière mise à jour, les détails du logiciel requis pour ouvrir, afficher les fichiers, assurer la compatibilité du contenu avec les navigateurs Web.
- Vérifier une page Web et apporter des modifications.
Publication
- Comprendre le processus de téléchargement, télécharger un site Web vers, à partir d'un serveur web.
- Télécharger un site web à partir d'un serveur.
FIN DE LA FORMATION
- Débrief de la formation avec le formateur pour consolider vos connaissances.
- Passation de l'examen de certification et corrigé par le certificateur
Modalités pédagogiques
Montée en compétence assurée par l'association d'un contenu théorique et pratique. Etude de cas concrets en rapport avec votre quotidien professionnel.
Suivi de l'exécution :
- Feuilles de présences signées des participants et du formateur par demi-journée
- Attestation de fin de formation mentionnant les objectifs, la nature et la durée de l'action et les résultats de l'évaluation des acquis de la formation.
Appréciation des résultats :
- Recueil individuel des attentes du stagiaire
- Questionnaire d'auto-évaluation des acquis en début et en fin de formation
- Évaluation continue durant la session
- Remise d'une attestation de fin de formation
- Questionnaire d'évaluation de la satisfaction en fin de formation
Moyens et supports pédagogiques
- Evaluation des besoins et du profil du participant
- Apport théorique et séquences pédagogiques regroupées en différents modules
- Cas pratiques
- Questionnaire et exercices
- Tests de contrôle de connaissances et validation des acquis à chaque étape
- Retours d'expériences
- Séquences pédagogiques regroupées en différents modules,
- Remise d'un support pédagogique
- Echanges interactifs
- Intervention d'un formateur expert dans son domaine
Modalités d’évaluation et de suivi
- Grille d'évaluation (test de positionnement)
- Entretien téléphonique avec le formateur avant la formation
- Travaux pratiques
- Tests de contrôle de connaissances et validation des acquis à chaque étape
- Echange avec le formateur par visioconférence (webinar), téléphone et mail
- Exercices corrigés, études de cas réels, mise en application concrète et utile
- Évaluation pour valider vos acquis en fin de formation
