Scribd
Importer
104 vues3 pages

TP HTML : Création d'un site web personnel

Le document présente un TP de HTML pour la création d'un site web personnel dans le cadre d'un cours à l'Université Mohamed Premier. Il détaille les exercices à réaliser, notamment la création d'un menu de navigation, d'une page de services, d'une page de portfolio et d'une page d'agenda. Chaque section doit contenir des éléments spécifiques tels que des liens, du contenu descriptif et des formulaires de contact.

Transféré par

etbelkadi
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
104 vues3 pages

TP HTML : Création d'un site web personnel

Le document présente un TP de HTML pour la création d'un site web personnel dans le cadre d'un cours à l'Université Mohamed Premier. Il détaille les exercices à réaliser, notamment la création d'un menu de navigation, d'une page de services, d'une page de portfolio et d'une page d'agenda. Chaque section doit contenir des éléments spécifiques tels que des liens, du contenu descriptif et des formulaires de contact.

Transféré par

etbelkadi
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

Université Mohamed Premier Module : Prog Web 1

Faculté des Sciences - Oujda Filière : Génie Info MIP S3


Département d’informatique Année Universitaire : 2024-2025

TP N°2 HTML
L’objectif de ce TP est de réaliser les pages de base pour votre site web personnel

Exercice 1: Menu de navigation

Créer une page index.html qui contient un Menu de Navigation pour votre site web avec les éléments
suivants :

1. Accueil
a. Lien : /index.html
b. Contenu : Une brève introduction, une photo de profil, un slogan ou une présentation succincte.
2. À propos de moi
a. Lien : /cv.html ou téléchargement d'un fichier PDF
b. Contenu : CV détaillé avec possibilité de le télécharger.
3. Services
a. Lien : /services.html
b. Contenu : Liste des services offerts sous forme de tableau (développement web, applications,
maintenance informatique, consultation en sécurité, etc.).
4. Portfolio
a. Lien : /portfolio.html
b. Contenu : Une galerie ou une liste de projets réalisés, avec des descriptions et des liens vers des
démos ou des dépôts de code (ex. GitHub).
5. Compétences
a. Lien : /skills.html
b. Contenu : Présentation des compétences techniques (langages de programmation, frameworks,
outils, certifications).
6. Agenda
a. Lien : /agenda.html
b. Contenu : liste des événements à venir sous forme de tableau
7. Contact
a. Lien : /contact.html
b. Contenu : Formulaire de contact, informations de contact directes (email, téléphone, réseaux
sociaux).

Affichage du Menu comme suit :

1
Exercice 2 : Page services

Créer la page services avec des liens dans la même page sous forme d’ancres

Exemple d’affichage :

2
Exercice 3 : page portfolio

Créer la page portfolio des projets réalisés :

Exemple d’affichage :

Exercice 4 : Page agenda

Créer la Page agenda comme suit :

Vous aimerez peut-être aussi