Scribd
Importer
5 vues2 pages

TP2 Web

Le document décrit un TP de développement web pour créer un site pour les abonnés de la CNAM, incluant des fonctionnalités comme l'inscription d'un assuré et l'affichage de soins. Il fournit des instructions sur la structure des pages HTML, l'intégration de CSS pour le style, et les éléments à inclure dans chaque page. Les étudiants doivent organiser leurs fichiers dans un dossier spécifique et respecter des exigences de mise en page et d'interactivité.

Transféré par

malekmejri777
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
5 vues2 pages

TP2 Web

Le document décrit un TP de développement web pour créer un site pour les abonnés de la CNAM, incluant des fonctionnalités comme l'inscription d'un assuré et l'affichage de soins. Il fournit des instructions sur la structure des pages HTML, l'intégration de CSS pour le style, et les éléments à inclure dans chaque page. Les étudiants doivent organiser leurs fichiers dans un dossier spécifique et respecter des exigences de mise en page et d'interactivité.

Transféré par

malekmejri777
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Systèmes, technologies et Internet

4ème Sciences de L’informatique

TP n°2 : Développement WEB


NB : Créer le dossier TP2 sous D:\ 4SI\ Nom et Prénom, dont lequel vous enregistrez tous les fichiers solutions de ce TP

On désire créer un site web pour les abonnés (assurés) de la ✓ Zone 3 : Représente la section où se fait l’affichage des pages web.
Caisse Nationals d’Assurance Maladie (CNAM) offrant les Elle contient par défaut la page "[Link]".
services suivants :
2. Etablir une liaison entre la page "[Link]" et le fichier
✓ L’inscription d’un nouvel assuré
"[Link]".
✓ La saisie d’un soin relatif à un assuré
3. 3. Ajouter dans le fichier « [Link] » les règles ou les propriétés
✓ L’affichage de la liste des soins d'un assuré.
permettant :
1. Copier, dans votre dossier de travail, le fichier "[Link]"
▪ D’obtenir la disposition demandée.
situé dans "C:\Ressources", puis d’extraire son contenu, en utilisant
▪ D’aligner le titre et l’image horizontalement
le mot de passe "STI"
▪ D’appliquer un effet de transition au titre de l’entête, qui se
2. Ouvrir le fichier "[Link]" qui doit respecter la disposition
déclenche en survolant la souris au-dessus et qui fait une rotation
suivante :
horizontale de 360° et changement d couleur de durée 2
Zone2
Zone1 secondes.
▪ De modifier la couleur d’arrière-plan du lien lorsqu’il est actif.
Zone3
4. Créer la page « [Link] » présente une section contenant :
✓ Zone 1 : Représente l’entête du site. Elle contient l’image « [Link] », ➢ Un titre niveau 2 : Actualités
avec une hauteur égale à celle de l’entête et une largeur 30%, et le titre ➢ L’image « [Link] » centrée et d’opacité 50%, qui effectue une
« Partenaires pour une santé meilleure » transition au survol de la souris permettant de remettre son
✓ Zone 2 : Représente le volet de navigation. Elle contient les liens opacité à 100% et devient ombrée.
hypertextes suivants : ➢ Un titre niveau 2 : Statistiques
▪ Accueil : servira de lien vers la page "[Link]" ➢ Un paragraphe « lorem100» encadré. En cas de débordement
▪ Inscription : servira de lien vers la page "[Link]" de contenu, une barre de défilement est affichée.
▪ Enregistrement d’un soin : servira de lien vers la page "[Link]" ➢ Une figure, qui sera positionnée à droite du paragraphe
contenant le titre « Evolution du délai mensuel moyen de
▪ Liste des soins : servira de lien vers la page "[Link]"
remboursement des frais de soins durant l'année 2022 (en jours) » et
l’image « [Link] ».

1
Systèmes, technologies et Internet
4ème Sciences de L’informatique

➢ Un titre niveau 2 : Assurances sociales


➢ Deux éléments détails « Régime de base » et « Filières de
soins » avec le contenu suivant : 6. La page "[Link]" contient le formulaire suivant :
-

➢ Appliquer à l’image « [Link] » une transition qui se déclenche


au survol de la souris qui permet de lui appliquer un effet de
zoom avant.

5. La page "[Link]" contient le formulaire suivant :

7. La page "[Link]" contient le formulaire suivant :

<input type="image"src="[Link]">

Vous aimerez peut-être aussi