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)