Scribd
Importer
65 vues2 pages

Mini site personnel en HTML

Le projet consiste à créer un site vitrine personnel en HTML pur, comprenant plusieurs pages reliées : une page d'accueil, une page à propos, une page de projets et une page de contact. Chaque page doit contenir des éléments spécifiques comme un menu de navigation, des informations personnelles, une liste de compétences et un formulaire de contact. Le résultat attendu est un site simple avec un contenu structuré, sans erreurs de balises et une navigation fluide.

Transféré par

mahiguetconsulting
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
65 vues2 pages

Mini site personnel en HTML

Le projet consiste à créer un site vitrine personnel en HTML pur, comprenant plusieurs pages reliées : une page d'accueil, une page à propos, une page de projets et une page de contact. Chaque page doit contenir des éléments spécifiques comme un menu de navigation, des informations personnelles, une liste de compétences et un formulaire de contact. Le résultat attendu est un site simple avec un contenu structuré, sans erreurs de balises et une navigation fluide.

Transféré par

mahiguetconsulting
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

Projet : Création d’un site vitrine personnel en HTML

Objectif du projet

Créer un mini site web personnel en HTML pur (sans CSS ou JavaScript dans un
premier temps) pour présenter ton profil, tes compétences, tes passions, et permettre
aux visiteurs de te contacter.

Structure du projet

Ton projet doit contenir plusieurs pages HTML reliées entre elles, par exemple :

mon_portfolio/
│
├── [Link] --> Page d’accueil
├── [Link] --> À propos de moi
├── [Link] --> Mes projets réalisés
├── [Link] --> Formulaire de contact
└── images/ --> Dossier contenant tes images

Contenu des pages

1. [Link] (Accueil)
• Un titre principal
• Un paragraphe de bienvenue
• Une photo de toi ou une image représentative
• Un menu de navigation vers les autres pages

2. [Link] (À propos)

• Une courte présentation personnelle


• Une liste de :
o tes compétences
o tes formations
o tes centres d’intérêt

3. [Link]

• Une liste (ou tableau) de projets ou activités :


o nom du projet
o description
o date
o lien vers le projet (si disponible)
4. [Link]

• Un formulaire HTML avec :


o Champ nom

o Champ email

o Zone de texte pour le message

o Bouton "Envoyer"

Exemple de navigation entre les pages

Dans le fichier [Link] (et tous les autres), ajoute un menu :

html

<nav>

<a href="[Link]">Accueil</a> |

<a href="[Link]">À propos</a> |

<a href="[Link]">Projets</a> |

<a href="[Link]">Contact</a>

</nav>

Résultat attendu

Un site simple avec :

• 4 pages HTML bien reliées

• Contenu structuré et propre

• Aucune erreur de balises

• Navigation fluide entre les pages

Vous aimerez peut-être aussi