Concepteur - webdesigner bloc de compétence 2 adaptation du design et des fonctionnalités d'un site web en intégrant le codage HTML/CSS

Rechercher une formation

Source : Carif Provence-Alpes-Côte d’Azur

Partager sur :

Objectifs, programme, validation de la formation

Objectifs

Les capacités attestées :

analyse et gère le projet web : rencontre et brief client, analyse de la commande et gestion de production du produit.
conçoit le de façon globale le site : il a pour charge de définir le produit adapté au besoin du client et aux supports visés, son arborescence, son architecture, sa charte graphique, il élabore l’architecture du produit et en détermine les fonctionnalités.
propose une conception graphique interactive : il élabore un système de navigation, définit des règles graphiques et ergonomiques, choisit des technologies et des typologies adaptées et transmet sa proposition au commanditaire
réalise techniquement tout ou partie du projet : il est capable d’organiser une équipe projet si nécessaire, d’exécuter ou de faire exécuter les éléments graphiques dans le respect de la charte établie, et de mettre en oeuvre un référencement efficace,
contrôle la qualité de la réalisation et la conformité aux choix initiaux, jusqu’à la réception finale par le client et engage sa responsabilité à toutes les étapes de validation.

Description, programmation

LES BASES DU HTML
• Les balises et leurs attributs.
• Le Html et le Xhtml.
• Les navigateurs, les règles importantes à respecter.
• Créer une page Html
• Comprendre la structure d’une page html
• Insérer des commentaires, spécifier la langue.
• Insérer des caractères spéciaux.
• Définir la police, la taille, le gras et l’italique.
• Définir un paragraphe, son alignement, créer un retrait.
• Listes a puces et numérotées, blocs de citation.
• Utiliser les DIV et leurs positions Formulaires
• Définir les types de champs : texte, multi lignes, mot de passe, menu déroulant,
case à cocher…Envoyer les informations par mail.

• Utiliser les styles CSS
• Principe de la séparation du contenu et de la mise en forme
• Structure d’un texte, séparation de la forme et du fond
• Mettre en forme avec les styles CSS
• Créer et appliquer des styles avec un éditeur
• Les principaux sélecteurs :
• Appliquer des propriétés de style a un type d’élément XHTML, a un élément
XHTML identifie´, a plusieurs éléments XHTML (classe). Les principales propriétés
• Utiliser les feuilles de style externe
• Créer et modifier une feuille de style
• Attacher une feuille de style a un document
• Utiliser une feuille de style prédéfinie à partir d’éditeurs
• Compatibilité´ des navigateurs
• Organiser les styles CSS
• Créer des feuilles de styles
• Créer et appliquer des styles sur différentes zones

LE RESPONSIVE DESIGN
• Objectif et principes
• Résolutions cibles
• Fonctionnement
• Utilisation du Framework BootStrap
• Principe d’utilisation
• Architecture
• Utilisation du JavaScript
• Accessibilité´
• Comprendre l’intégration du html dans le PHP sous WordPress
• Identifier les balises html avec Chrome
• Modifie´ les CSS, pré visualiser, tester et publier
• Valider les modifications sur le serveur ou dans l’administration de WordPress

Validation et sanction

Certification

Type de formation

Certification

Niveau de sortie niveau II (licence ou maîtrise universitaire)

Métiers visés

E1204 :

E1205 :

M1805 :

Durée, rythme, financement

Durée 25 heures en centre

Modalités de l'alternance -

Conventionnement Non

Conditions d'accès

Modalités de recrutement et d'admission Positionnement / évaluation des compétences par questionnaire de préformation + entretien

Niveau d'entrée information non communiquée

Conditions spécifiques et prérequis Bonne maîtrise de l'outil informatique - Intérêt prononcé pour les métiers du digital. Cette formation est réalisée 100% live sur Zoom. Votre présence pleine et entière est demandée. Vous devez vous assurer d'avoir un ordinateur de moins de 5 ans avec les mises à jour faites et un antivirus opérationnel + le navigateur Chrome / d'avoir un très bon débit de connexion : > 25Mbps descendant (testez votre débit sur https://www.speedtest.net) / d'être équipé d'un casque ou haut-parleur + micro + webcam / d'être dans un endroit calme ou vous ne serez pas interrompu. Nota : en cas de besoin et dans la mesure du possible, l'apprenant pourra effectuer, dans les conditions de FOAD, cette formation à notre centre de Nice, avec tout l'équipement à disposition (nous contacter).