elidan formation

DEVELOPPEMENT WEB HTML CSS

Site internet

Si aucune session n'est programmée ou si vous désirez une formation en INTRA, vous pouvez nous faire part de votre besoin en cliquant sur le bouton ci-dessous.

DEMANDE DE DEVIS

OBJECTIFS, APTITUDES ET COMPÉTENCES

A l’issue de la formation, le stagiaire sera capable de créer un site internet avec les outils HTML et CSS, maitriser les techniques de création ainsi que la partie mobile de votre site internet.
• 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 images

PROGRAMME

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).
  Cas pratique : Créer l’ergonomie d’un site internet
 
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 : enregistrer un domaine, choisir un service d'hébergement web.
• Reconnaître les techniques d'optimisation pour les moteurs de recherche comme : 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 audios, vidéo et graphiques appropriés pour optimiser la vitesse de téléchargement des pages Web.
  Cas pratique : Définir le nombre de page nécessaire pour un site internet déterminer
 
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/>.
QCM : les différentes possibilités d’installation d’un site internet
 
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.
 
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.
QCM : les règles de gestions des pages
Cas pratique : Installer les différents menus de navigation
 
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.
  Cas pratique : installer Google Maps et les autres outils Google
 
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.
Cas pratique : rechercher les meilleurs thèmes & plugins

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.
Cas pratique : Sécuriser son site et l’optimisé pour le SEO
, <body>. •      Utiliser des balises pour structurer la mise en page d'une page : <h1>, <h2>, <p>, <br />, <a href>, <img/>.          QCM : les différentes possibilités d’installation d’un site internet         Jour 3 – Matin – De 9h à 13h 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 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.   Jour 3 – Après-midi – De 14h à 17h    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.   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.   QCM : les règles de gestions des pages   Cas pratique : Installer les différents menus de navigation Jour 4 – Matin – De 9h à 13h   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.     Cas pratique : installer Google Maps et les autres outils Google   Jour 4 – Après-midi – De 14h à 17h   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.   Cas pratique : rechercher les meilleurs thèmes & plugins     Jour 5 – Matin – De 9h à 13h   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.   Jour 5 – Après-midi – De 14h à 17h 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.     Cas pratique : Sécuriser son site et l’optimisé pour le SEO     Nota Bene : La formation peut être faite en présentiel ou à distance   Dans le cas spécifique d’une formation ouverte à distance (FOAD), elle sera réalisée en tutoriels vidéo avec un formateur connecté pour répondre à toutes questions éventuelles              

MÉTHODES MOBILISÉES (MOYENS PÉDAGOGIQUES ET TECHNIQUES)

E-learning 12 mois (auto-formation à l’aide de support vidéo)

MODALITES D'ÉVALUATIONS 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 

PUBLIC CONCERNÉ ET PRÉREQUIS

Public visé :
Tout public désireux d’acquérir des compétences dans l’édition de sites Web.
Formation accessible aux personnes en situation de handicap.
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

SANCTIONS VISÉES

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

NATURE DE LA FORMATION

Actions de formation

QUALIFICATIONS DES INTERVENANTS

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

SPECIALITÉ

Non renseigné

DELAI D'ACCES

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