Projet

Ton enseignant t'auras aider jusqu'à présent à préparer le terrain afin de te monter un petit site web, mais maintenant ce sera à ton tour de voler de tes propres ailes.

Ton site web devra contenir quatre pages (ex, Acceuil, Produits, Liens, et Coordonnées) avec la même mise en page ("layout") afin que ton site web soit constant. Il devra être divisé de la façon suivante:

La section "barre de menu" doit contenir un logo que tu auras créé et devra être cliquable pour te rediriger vers ta page d'accueil. Il devrait aussi contenir le nom de ta compagnie et un slogan. C'est dans cette section que tu ajouteras les liens vers toutes tes pages

La section "carroussel" est seulement placé sur ta page d'accueil mais c'est optionnel sur les autres pages. Toutefois un carroussel est facile à insérer et ajoute beaucoup d'esthétique sur ta page d'accueil.

La section "contenu" doit contenir du contenu qui a rapport avec la page qui est visité. En d'autres mots, la page produits aurait du contenu par rapport aux produits de ta compagnie, et la page liens aura des liens vers d'autres site web.

La section "footer" contient des liens vers toutes les pages principales de votre site, affiche le nom du webmestre, et indique l'année de copyright. A titre de référence, vérifiez la section "footer" du site web du golf pokemouche ou le site web exemple.

Ta page d'accueil doit avoir une capture d'écran des couleurs que tu as utilisé pour ton site web et tu dois incorporer un gif animé que tu as crée.

Tu dois intégrer un vidéo youtube sur ta page de liens et une carte Google Maps sur ta page de coordonnées.

Tu seras évaluer sur les items suivants:

  1. Votre logo est d'une taille raisonnable pour un site web, est transparent, est dans le bon format de fichier pour un logo et a rapport avec ton site web. _____ / 3

  2. Ta page d'accueil contient une image de Adobe Color Wheel, les couleurs de ton site web proviennent de Adobe Color Wheel et ressemblent aux couleurs de votre logo. _____ / 3 (tutoriel vidéo) (vidéo courte)

  3. Les critères de "barre de menu" sont respectés (logo cliquable, nom de ta compagnie, slogan, liens vers les autres pages). ______ / 4

  4. Les critères de "carroussel" sont respectés (contient 3 photos, est insérer au début et contient des images de qualités) (tutoriel vidéo)______ / 3

  5. Les critères de "contenu" sont respectés (contenu ayant rapport) ______ / 4

  6. Les critères de "footer" (apportez votre souris et bas de la page et cliquez ajouter un pied de page) sont respectés (liens vers toutes les pages, nom du webmestre (toi), année de copyright) (tutoriel vidéo) ______ / 3

  7. Ta page liens contient un vidéo youtube, et trois liens vers des sites web pertinents. (tutoriel vidéo) ______ / 4

  8. Ta page coordonnées contient une carte google maps ainsi que les coordonnées pour permettre à tes clients de te rejoindre ____ / 4 (tutoriel vidéo)

  9. L'élève a utiliser un fichier CSS pour styliser ses pages (style.css) ______ / 4

  10. Les pages contiennent un titre adéquat (<title></title>) ______ / 4

  11. La navigation fonctionne partout. ______ / 4

  12. Chaque page est divisée en trois sections. (#menu, #content, #footer) ______ / 3

  13. Chaque page est identique sauf pour le contenu ______ / 4

  14. Ton code doit être facile à lire (vous indentez votre code pour améliorer la lisibilité) ______ / 3

  15. Apparence générale ______ / 10

  16. Autonomie _____/ 7

  17. Tous vos documents sont placés dans un dossier nommé HTML. ___ / 2

  18. Autres _____/ 5

Voici les tutoriels de Google Sites -> Google Sites

Voici un exemple pour te guider : https://sites.google.com/view/vgolf/accueil

Voici comment tu me partages ton site web

Bon succès!!! ______ / 65