Chantier n°16

Chantier n°16 : HTML

Nom :

Prénom :

Date :

Dossier réponse

Salle :
☒ C006
☐ C009
☐ C007

Durée :
3 heures

Support : Ordinateur

Zone de travail :

Filières concernées :

☐ MELEC
☒ CIEL

Travail :

☒ Individuel
☐ En binôme
☐ En groupe

Compétences ciblées :
☐ CC1 S'informer sur l'intervention ou sur la réalisation
☐ CC2 Organiser la réalisation ou l'intervention
☐ CC3 Analyser et exploiter les données
☒ CC4 Réaliser une installation ou une intervention
☐ CC5 Effectuer les opérations préalables
☐ CC6 Mettre en service
☐ CC7 Réaliser une opération de maintenance
☐ CC8 Renseigner les documents
☐ CC9 Communiquer avec le client et/ou l'usager

Ressources nécessaires :
☐ Dossier technique habitation (CCTP + pièces graphiques)
☒ Tutoriel vidéo
☐ Dossier ressource seconde
☐ Dossier technique industriel (schéma…) au format numérisé

Rôle :Exécutant électricien B0 B0V

Pôles Activités :

☐ Réalisation et maintenance de produits électroniques
☒ Mise en œuvre de réseaux informatiques
☐ Valorisation de la donnée et cybersécurité

Mise en situation

En tant que stagiaire dans la société de création de site CréaWeb, il vous est demandé de créer une page web en HTML 5.

Problématique

Vous n’avez aucune notion en programmation html. Vous devez donc rapidement vous former en utilisant un tutoriel. Il vous faudra suivre les différentes étapes et élaborer correctement cette page web.

D2 : Développement et validation de solutions logicielles

1. Ouvrir le tutoriel.

1.1 Cliquer sur le lien ci-dessous :

Comprendre la différence entre HTML et CSS

1.2 Créer un compte en utilisant votre adresse mail SaintLuc. (prénom.nom@edu.saintluc-cambrai.com)

1.3 Visionner la première vidéo.

1.4 Répondre aux questions suivantes :

1.4.1 Quel est la différence entre le langage HTML et le langage CSS?

1.4.2 Précisez le rôle du langage HTML :

1.4.3 Précisez le rôle du langage CSS

2. Visionner la suite des vidéos

2.1 Ouvrir le logiciel Visual Studio Code présent sur votre ordinateur.

2.2 Commencer à créer votre page web en visionnant la suite des vidéos.

Il n’y a pas de theme imposé pour votre page web. (dans l’idéal, partez sur un sujet que vous maitrisez !)

3. On doit trouver dans votre fichier html :

• un titre
• une balise note
• des titres, des sous titres
• plusieurs paragraphes
• un lien dans votre propre page web
• un lien vers une page web existante (avec une info bulle) qui s’ouvre dans une nouvelle fenêtre
• des images avec un info bulle au survol
• un lien vers une seconde page web de votre création qui s’ouvre dans une nouvelle fenêtre
• des vidéos

4. On doit trouver dans votre fichier css :

• de l’écriture en couleur
• plusieurs polices de caractère avec des tailles différentes
• du texte en italique
• du texte en gras
• du texte souligné
• un paragraphe en « justifié »
• le fond en couleur
• un dégradé quelque part
• la transparence d’une image
• une bordure à votre page (ou un élément)
• une ombre à un élément
• une ombre sur du texte
• les angles arrondis sur un élément
• le changement de l’apparence d’un objet au survol de la souris

5. Présenter votre page web à votre professeur et détailler au maximum son interface/ses fonctions.

R2CH16 - HTML
Activités	Compétences	Critères d'évaluation	NE	0	1	2	3	Résultat
D2 : Développement et validation de solutions logicielles	C08 - CC4 : Coder
D2 : Développement et validation de solutions logicielles	La solution (logicielle et matérielle) est intégrée et testée conformément aux spécifications du cahier des charges et des bonnes pratiques							0
Autonomie	Totale Partielle Aucune							0
Note finale								0 / 60 0.00 / 20