Domaine d'apprentissage : Communication & Technologies Internet

Discipline
Techniques Usuelles de l’Information et de la Communication
Niveaux
3ème.
Auteurs
R. RZ et N. MAHJOUB X
Objectif
Exploiter les techniques de développement, d’hébergement et de référencement pour créer et publier un site web.
Relation avec les programmes
Cette séquence n'est pas associée aux programmes.
Dates
Créée le 08 février 2020
Modifiée le 09 février 2020
Statistiques
65 téléchargements
1 coups de coeur
Licence
CC-BY-NC-SALicence Creative Commons : Paternité - Pas d'utilisation commerciale - Partage des conditions initiales à l'identique ?.Dépublier la séquence

Créer un site web.
Héberger un site web.
Référencer un site web.

Déroulement des séances

1

Introduction aux langages HTML et CSS

Dernière mise à jour le 09 février 2020
Discipline / domaine
Techniques Usuelles de l’Information et de la Communication
Objectif
- Découvrir la structure de base d’un document HTML5
- Rédiger des paragraphes en HTML
- Donner de l'importance à certains mots de son texte ;
- Organiser les informations sous forme de listes.
Durée
110 minutes (1 phase)
Matériel
Sublime text 3
Google Chrome

1. Découverte de HTML 5 TP1

collectif | 110 min. | découverte
2

Insertion d'objets dans une page web - TP2

Dernière mise à jour le 09 février 2020
Discipline / domaine
Techniques Usuelles de l’Information et de la Communication
Objectif
- Comprendre la notion d’attributs de balises
- Organiser les informations sous forme de listes ordonnées et listes non ordonnées
- Insertion d’image
- Insertion de tableau
- Insertion de liens hypertexte
Durée
110 minutes (1 phase)
Matériel
Sublime Text3
Google Chrome

1. TP2

binômes | 110 min. | découverte

Répondre aux questions du TP2

4

Créer un formulaire dans une page web

Dernière mise à jour le 09 février 2020
Discipline / domaine
Techniques Usuelles de l’Information et de la Communication
Objectif
Apprendre à intégrer les éléments suivants dans une page web : zone de saisie, liste déroulante, bouton radio, case à cocher et bouton de commande.
Durée
110 minutes (4 phases)
Matériel
Sublime Text3
Google Chrome

1. Rappel

individuel | 5 min. | réinvestissement

Les élèves doivent répondre à un formulaire de 5 minutes contenant des questions sous forme de rappel sur la partie insertion d'objets (image, liste ordonnée, liste non ordonnée, liens...) en utilisant le langage HTML.

2. Conception de la page Avis Visiteur

collectif | 15 min. | découverte

On se propose d'enrichir notre site en créant une nouvelle page qui sera dédiée pour les avis des visiteurs.

Pour le faire on a besoin d'un formulaire.

Comme vous l'avez créer dans Google Forms, notre formulaire contiendra les éléments suivants :

  • des zones de texte
  • des boutons d'options : boutons radios
  • des cases à cocher
  • liste déroulante...

Concevoir au tableau le contenu de la page "Avis Visiteurs"

3. Création de la page

binômes | 85 min. | entraînement

Utiliser l'éditeur Sublime Text pour générer la page.

Faire connaissance aux balises suivantes : 

<form> ; <input> ; <textarea> ; <select> ; <option> ; <fieldset>

4. Évaluation sommative

collectif | 5 min. | évaluation

Compléter les phrases suivantes :

Un formulaire est une zone interactive de la page, dans laquelle vos visiteurs peuvent saisir des informations.

On délimite un formulaire avec la balise <form> à laquelle il faut ajouter deux attributs : method (mode d'envoi des données) et action

Une grande partie des éléments du formulaire peut s'insérer avec la balise <input />. La valeur de son attribut type permet d'indiquer quel type de champ doit être inséré :

text : zone de texte ;

password : zone de texte pour mot de passe ;

tel : numéro de téléphone ;

checkbox : case à cocher ;

etc.