Référencement par LOGICIELREFERENCEMENT.COM

Programme Édition de site web

Présentation synthétique

Ce module présente les concepts essentiels et les compétences relatives à la capacité de compréhension des concepts clés de publication Web et la capacité de créer, télécharger et maintenir un site web statique.

Objectifs

 

A l’issue de la formation, le stagiaire sera capable de créer un site internet avec les outils HTML et CSS, maîtriser les techniques de création ainsi que la partie mobile de votre site internet.

A l’issue des modules, le stagiaire sera capable de :

  • Gérer un projet Web
  • Héberger et installer un site
  • Créer et organiser des contenus
  • Installer des extensions et utiliser des widgets
  • Personnaliser le graphisme d’un site grâce au CSS
  • Gérer la sécurité et la maintenance
  • Insérer des liens hypertextes
  • Préparer et intégrer les image
Public

Tout public désireux d’acquérir des compétences dans l’édition de sites Web.

Formation accessible aux personnes en situation de handicap (salle adaptée en fonction des besoins). Pour toute demande vous pouvez prendre un RDV avec le référent handicap de l’établissement au 04 84 83 07 50 ou au 06 02 10 54 69.

Prérequis :

 Bonnes connaissances informatique/internet

Le formateur / La formatrice

Formateurs experts métiers avec une posture 100% apprenant.

 

Moyens pédagogiques et techniques

Moyens pédagogiques et techniques :

  • Visio + E-learning 12 mois (auto-formation à l’aide de support vidéo)
  • VIDEO ZOOM : introduction présentation de la formation
  • VIDEO ZOOM :  bilan milieu de formation réactivation des acquis des vidéos précédentes
  • VIDEO ZOOM : conclusion de la formation

 

Matériel nécessaire au stagiaire :

 

  • Ordinateur, tablette ou téléphone avec connexion internet 
  • Casque avec micro 
  • Papier stylo pour prendre des notes

Durée et horaires de la formation

 

Programme prévisionnel Édition de sites web

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 et 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 disponible sur les sites Web

  • Comprendre que le contenu du site Web est soumis aux lois du pays dans lequel il est hébergé

HTML : Principes de base du HTML

  • 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.

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/>

Création de site web : Conception

  • 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

  • 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

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

    Hyperlien

    • 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

      Tableaux

      • 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

      Utilisation des objets : 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

      Styles : 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 du téléchargement

        Vérification

        • 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

        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

         

        Modalités d'évaluation des acquis

        4 à 5 batteries de tests par modules et par version de logiciel

        36 questions par test, d’une durée de 35 minutes environ.

        Délai de 3 jours entre 2 tests

        Sanction de la formation

            Chaque stagiaire se verra remettre une attestation de suivi de formation, précisant le module d’apprentissage OU une certification ICDL

             

            Itinéraire pédagogique

            Comme pour l’évaluation finale sous forme de test, chaque stagiaire devra répondre à des questions et réaliser des travaux se rapportant à l’ensemble des séquences réalisées.

            Ces tests réalisés au cours de l’action de formation ont pour objectif de : vérifier la progression des acquis sur les stagiaires, mais aussi les mettre en conditions réelles du passage du test final.

            Il convient ici de rappeler que ces évaluations partielles sont avant tout formatives et non normatives.  

            Délais moyens pour accéder à la formation

            A réception du devis et des documents administratifs signés, une date d’entrée en formation vous sera proposée en fonction de vos besoins dans la limite d’un mois. 

            Attention toutefois, les délais d’accès peuvent varier en fonction de l’action de formation :

            • inter-entreprise 
            • intra-entreprise 
            • CPF

            Référencement par LOGICIELREFERENCEMENT.COM