ENVIRONNEMENT DE PREPRODUCTION
bg-header

HTML - CSS

6 ECTS USAL33

Nombre de crédits
6 ECTS

Durée de la formation
60 heures

Modalité
Formation initiale

objectifs de la formation

Apprentissage des premiers langages liés au développement de la partie front end d'un site web.

compétences et débouchés


  • Savoir réaliser des pages statiques contenant des images, des tableaux, des formulaires, des listes, des liens et objets multimédias et intégrant des feuilles de style.

  • Savoir réaliser une conception et une maquette à partir d’un cahier des charges (en liaison avec le module gestion de projet).

  • Savoir rédiger et argumenter ces choix de solutions (en liaison avec le module de communication).

  • Maitriser le vocabulaire anglais liés à cette matière (en lien avec le module anglais).

prérequis

Information non disponible, pour plus d'information veuillez contacter le cnam

programme de la formation

1) HTML et CSS 




  • Définition, rôle, place dans l’architecture d’une application web.

  • Les outils associés (éditeur et navigateur : rôle et définition), notion de client et de serveur web.

  • Notion de normes et problèmes de validation, le W3C.

  • Sensibilisation aux problèmes de l’accessibilité.



 



2) Description et structuration des documents : web : le langage (X)HTML




  • Connaître la structure de page HTML.

  • Mettre en forme des textes dans une page web.

  • Insérer des images dans une page web.

  • Ajouter des liens hypertextes.

  • Insérer des objets multimédia (audio, vidéo).

  • Manipuler des tableaux dans une page web.

  • Gérer des formulaires.

  • Connaître les bases du référencement.



 



3) Gestion de la présentation des documents : les feuilles de style CSS




  • Utiliser des feuilles de style externes.

  • Savoir manipuler les modèles de boîtes et les styles de base.

  • Positionner des éléments avec CSS (normal, relatif, absolu, flottant).

  • Mettre en place des ombrages, du dégradé ou de la transparence.

  • Utiliser les Media-queries et faire des sites « Responsive ».



 



4) Projet



 



Dans un premier temps, ce projet est un projet individuel. Cela peut être par exemple un projet visant à mettre un CV en ligne ou des recettes de cuisine ou des comptes-rendus de livres. Plusieurs pages sont à réaliser intégrant des titres de niveaux 1 et 2, plusieurs paragraphes, des photos, des listes à puces ou numérotées, un tableau, des liens hypertextes.



 



Dans un second temps, les élèves sont regroupés en équipe de 3 à 4. Ils regroupent leurs productions (CV, recettes de cuisine) et les rendent accessibles depuis une page principale. Le site doit être responsive.



Ce projet fait l’objet d’une présentation par les élèves et de la rédaction d’un mini rapport.

Méthodes pédagogiques

Modalité Présentiel

Les cours en présentiel : ils ont lieu en présence des élèves et de l’enseignant dans un centre Cnam :

  • hors temps de travail (HTT)c'est à dire le soir (souvent à partir de 18h30) ou le samedi,
  • en journée (au rythme d'un cours par semaine ou bien de quelques journées bloquées dans le semestre).

Aucun cours n’est enregistré ni diffusé via Internet. La présence physique des élèves est nécessaire.

Les examens se déroulent exclusivement dans le centre Cnam où se déroulent les cours.

Modalité Hybride

La modalité hybride est une combinaison entre :

  • des regroupements en salle à présence physique indispensable (non diffusés via Internet et non enregistrés),
  • des webconférences régulières à présence fortement conseillée,
  • des activités distantes via la plateforme d’enseignement à distance pouvant prendre la forme de :
    • la mise à disposition de ressources pédagogiques formalisées (cours magistraux : notions et concepts),
    • des travaux à réaliser tutorés (activités pédagogiques : exercices, cas, lectures, rédaction de notes, de dossiers qui font écho aux ressources pédagogiques et/ou aux activités réalisées dans le cadre des regroupements physiques, forums …),
    • des travaux personnels non tutorés.

Modalité Foad

La modalité Foad est parfaitement adaptée à votre disponibilité :

  • des webconférences régulières à présence indispensable (accessibles en direct via internet, enregistrées pour visualisation en différé),
  • des activités distantes via la plateforme d’enseignement à distance pouvant prendre la forme de :
    • la mise à disposition de ressources pédagogiques (cours, exercices, cas),
    • des travaux à réaliser tutorés via la plateforme d’enseignement à distance,
    • des travaux personnels non tutorés.

méthode d'évaluation

L’évaluation se fait par au travers la réussite dans la mise en pratique, des QCM et le projet final. Des écrits explicatifs des solutions retenues et/ou des exposés oraux peuvent être mis en œuvre dans lesquels on veillera notamment à l’argumentation de solutions retenues et à l’usage d’un français correct.

Equivalences, passerelles & suite de parcours

En savoir plus sur les équivalences, passerelles & suite de parcours

financez votre formation

En savoir plus sur nos modes de financement


Mis à jour le : 26-05-2021
S'inscrire !