Ce document décrit les étapes pour créer un site web personnel en HTML. Il demande de créer les pages index.html, vie_estudiantine.html, formations.html, galeries.html, progression.html, télécharger.html, audio_visuel.html et contact.html avec des éléments spécifiques sur chaque page comme des images, vidéos, formulaires de contact.
0 évaluation0% ont trouvé ce document utile (0 vote)
27 vues2 pages
Ce document décrit les étapes pour créer un site web personnel en HTML. Il demande de créer les pages index.html, vie_estudiantine.html, formations.html, galeries.html, progression.html, télécharger.html, audio_visuel.html et contact.html avec des éléments spécifiques sur chaque page comme des images, vidéos, formulaires de contact.
Ce document décrit les étapes pour créer un site web personnel en HTML. Il demande de créer les pages index.html, vie_estudiantine.html, formations.html, galeries.html, progression.html, télécharger.html, audio_visuel.html et contact.html avec des éléments spécifiques sur chaque page comme des images, vidéos, formulaires de contact.
Ce document décrit les étapes pour créer un site web personnel en HTML. Il demande de créer les pages index.html, vie_estudiantine.html, formations.html, galeries.html, progression.html, télécharger.html, audio_visuel.html et contact.html avec des éléments spécifiques sur chaque page comme des images, vidéos, formulaires de contact.
Proposé par Mr. CAMARA Abdoulaye Année universitaire 2022-2023
DEVOI R d e x HT ML (Durée : 2 Semaines)
1. Concevoir un site web personnel, créer sur votre pc un dossier nommé site_perso dans ce dossier, créer un fichier principal index.html et des sous dossiers suivants : dossier pages contenant (vie_estudiantine.html, formations.html, galeries.html, progression.html, télécharger.html, audio_visuel.html et contact.html) dossier images contenant des images (.jpg ou .jpeg, .gif, .png, .ico ou .bmp) taille des images inférieur ou égal à 2Mo, dossier media contenant (.mp3 et .mp4) et dossier télécharger contenant (.docx, .pdf, .exe, mp4). (Nb : le fichier .ico ou .bmp comme icône (favicon) sur votre barre de titre dans toutes les pages) 2. Dans la page accueil qui correspond à index.html, créer une page qui affiche le menu principal ou vous avez le message « Bienvenue dans mon site perso » faites défiler le message dans une bande coloré puis créer les liens permettant d’accéder aux différentes pages du site web. Enfin ajouter le texte (bibliographie) suivant votre photo (créer une story) à l’appui puis la date de mise en ligne de votre site en pied de votre page d’accueil: « Ici vous trouverez mes informations personnelles un peu sur ma vie privé; sur mes recherches mon quotidien c'est-à-dire ma vie personnelle, estudiantine et mes projets futures. Vous trouverez également mon album photo dans la page galerie; des fichiers à téléchargés ; mon niveau de progression en informatique, un formulaire a rempli pour m’écrire, commenter, aimer, puis partager à vos amis etc…. » 3. Saisir dans la page vie_estudiantine les informations relative à vos propres activités avant, pendant et après le campus, puis insérer votre propre photo (bordure rond) à côté du texte adjacent puis insérer un tableau en html qui affiche votre planning (emploi du temps) en précisant le nom du prof en charge de la matière puis le nom de la salle, jour de repos en vertical (fusionner). 4. Dans la page formation créer un bouton de va-et-viens permettant d’afficher en détail le contenu du résumé (rapport) de vos différentes formations en informatique. Ajouter les liens des sites et email suivants faite en sorte de ne pas quitter sur le site principal:
M. CAMARA Abdoulaye Chargé du cours de Langage web (MIAGE) Page 1 sur 2
https://www.google.com https://www.openclassrooms.com https://www.fb.com https://www.univ-roimohammed6.com https://www.bestcours.com camaraphp@gmail.com (mettre votre propre email) 5. Dans la racine du site, copier dans le dossier images au moins vingt (10) fichiers jpeg (.jpg), six (6) fichiers gif (.gif) , et quatre(4) fichiers (.png) pouvant créer votre album photo puis insérer ces images dans la page galerie.html, faites de sorte que ces images soient cliquable et affiche en plein écran avec une information bulle lors du survole du curseur sur l’image choisie. 6. Dans un dossier multimedia coller quatre (4) fichiers audio (.mp3), quatre (4) fichiers vidéo (.mp4), dans votre page audio_visuel.html. (Nb : indiqué le nom des artistes ou des vidéos à côté des medias mettez l’une des vidéos en mode silencieux). Dans la page telecharge.html coller quatre(4) fichiers .pdf, quatre(4) fichiers .docx et quatre (4) logiciels d’application .exe de votre choix, intégrée ces fichiers et logiciels créer des fichiers permettront de télécharger les documents pdf, des tutoriels, des logiciels. 7. Créer une page de progression.html permettant d’afficher le niveau de progression (barre de progression) de vos différentes matières suivies depuis la L2 en informatique. 8. Créer une page contact dans votre site officiel dans lequel l’internaute peut appeler ou envoyer un mail dans votre boite électronique (tous les champs sont obligatoires). Votre prénom(s) et nom Votre adresse actuelle Votre téléphone Vos comptes des plates-formes digitaux (Facebook, Gmail, Messenger, WhatsApp sous windows ou Numéro/ WhatsApp, Instagram, YouTube, etc…) si vous posséder bien sûr. 1. Votre prénom(s) et nom (un formulaire) 2. Email 3. Objet 4. Message à envoyer.(Un commentaire) 5. Bouton de soumission et annuler Nb : Sur chaque page, créer un lien de retour à la page accueil (Menu Principal).
A Rendre Plus tard le 27 Janvier 2023
Bonne chance !!!
M. CAMARA Abdoulaye Chargé du cours de Langage web (MIAGE) Page 2 sur 2