Catégories
Exercices & pratique

Création et intégration d’un mini-site

Votre découverte des codes HTML et CSS touche à sa fin, il est temps de passer à un cas un peu plus concret. Dans cet exercice, vous allez devoir créer et intégrer un site de 3 pages en suivant certaines indications.

Qui apprend la science et ne pratique pas ce qu’elle enseigne, ressemble à celui qui laboure et qui ne sème pas.

Proverbe oriental

Pour ce dernier exercice d’intégration, il vous est demandé de présenter un objet fétiche en 3 pages. Attention, le soin donné à l’aspect graphique, à la pertinence des contenus, à l’expérience utilisateur et aux possibilité de référencement S.E.O de votre site seront pris en compte pour l’évaluation finale.

Méfiez-vous des idées rapides qui paraissent simples, il s’agit souvent de « fausses bonnes idées », ne tombez pas dans le piège.

Le contenu du site

La première page, l’accueil devra présenter l’objet de façon graphique en donnant l’envie à l’internaute d’en savoir plus. L’objectif de cette page est de donner une vue d’ensemble et d’inciter l’internaute à aller plus loin dans le site. Si il quitte cette page pour sortir de votre site, si il ne sait pas où cliquer et ce qu’il pourra trouver dans une autre page, vous aurez perdu.

La seconde page devrai être plus technique et obligatoirement contenir un tableau HTML. Vous devrez trouver quoi présenter et comment le présenter tout en respectant votre charte graphique.

La troisième et dernière page quand à elle contiendra obligatoirement un formulaire. Libre à vous d’en choisir son utilité, mais il devra contenir au minimum 4 champs texte, une zone de texte et un bouton d’envois.

Les attendus techniques

Votre site devra contenir des animations, des images et éléments graphiques et des textes structurés en respectant les valeurs sémantiques propres aux balises HTML.

Côté ergonomie, il vous est demandé de rendre vos page lisible sur écran, tablettes et smartphone (responsive).

Methodologie

Ne vous lancez pas tête baissée dans la phase d’intégration sans avoir préalablement maquetté votre site. L’étape Adobe XD est donc essentielle.

Une fois cette étape passée, vous devrez procéder méthodiquement en veillant à bien structurer les éléments composants votre site.

Le rendu sera effectué dans 4 semaines (le 17 février 2023) sous la forme d’une archive (.zip ou .rar) à l’aide du formulaire ci-dessous.

[contact-form-7 id= »4255″ title= »envoyer fichier » html_id= »contact-form »]

Cette article vous a t'il été utile ?
( 0 )