nsi créer un site web en utilisant HTML5 et CSS3
Publié le 27/06/2024
Extrait du document
«
Introduction : Alexandre
Notre équipe, composée de Alexandre, Nicolas, Awab, et
Ismail avait pour objectif de créer un site web en utilisant
HTML5 et CSS3.
On avait envie de créer un site qui serait
utile, on a donc décidé de créer un générateur d’e-mails.
Nous avons commencé par faire quelques recherches et
on est tombé sur un site qui s'appelle, ou devrais-je
plutôt dire s'appelait « MailMeteor », eh oui, ce site s'est
fait ban.
Nous avons donc décidé de nous en inspirer, car
nous pensions que c'était une bonne idée.
Je me suis
occupé de la plupart du code, Nicolas m'a aidé à choisir le
design du site et a également un peu travaillé sur le CSS,
Awab et Ismail ont aussi travaillé sur le design, mais ils
ont surtout créé le logo, le slogan, ainsi que toutes les
Images que notre site contient, tout le monde a travaillé
sur le rapport de projet et sur le texte pour l'oral.
Notre site fonctionne parfaitement et est facile à utiliser :
il permet de générer automatiquement un grand nombre
d'adresses e-mails en utilisant le Gmail Dot Trick.
Le
Gmail Dot Trick est une méthode qui consiste à placer des
points entre les caractères d'une adresse Gmail.
Grâce à
cette astuce, tous les e-mails reçus sur les comptes
dérivés de votre adresse mail seront redirigés vers votre
boîte de réception principale.
Pratique, n'est-ce pas ?
Maintenant, vous pourriez vous demander à quoi sert
notre site ? Comme nous l'avons dit auparavant, il génère
beaucoup d'adresses e-mail à partir d'une seule, en
utilisant le « Gmail dot trick ».
Imaginez combien
d'adresses mails vous pouvez générer juste avec 10
adresses gmail! Vous voulez la réponse ? Des dizaines de
milliers.
Cela prouve donc l'efficacité incontestable de
notre site tout en témoignant de son utilité.
Le seul petit
bémol, c'est que notre site ne fonctionne qu'avec des
adresses Gmail.
En effet, si vous n'avez pas d'adresse
Gmail, vous ne pouvez pas utiliser notre site.
Malgré ce fait, l'utilité de notre site dépasse ce petit
inconvénient car vous pouvez utiliser notre site pour des
dizaines de milliers d'adresses e-mail, pour vous inscrire
sur de nombreux sites web.
Mais notre site est
particulièrement intéressant pour la raison suivante :
Vous pouvez par exemple créer 10000 comptes YouTube,
Instagram, ou encore TikTok pour vous abonner à vousmême ou à quelqu'un d'autre.
Vous pourriez également
monter un business, qui consisterait à aider les gens à
avoir des centaines de milliers d'abonnés, mais bon, pas
sûr que ce soit légal, donc ce n'est pas quelque chose que
je recommanderai, mais en toute circonstance, notre site
n'encourage en aucun cas les activités illégales.
De plus, notre site est accessible à presque tout le
monde.
Nous avons pris en compte les besoins des
dyslexiques, daltoniens, malvoyants et non-voyants, par
exemple en utilisant des couleurs et des polices d'écriture
appropriées.
Développement : Nicolas
Notre but était de créer un générateur d'adresse mails
avec le gmail dot trick.
Nous avions donc plusieurs fonctionnalités à mettre en
place, tout d'abord celle de navigation entre les
différentes pages, comme par exemple Premium, Credits,
et les Conditions d'utilisation.
Pour cela, nous avons créé
une nav bar, et des boutons avec des href, qui nous
redirige vers une autre page html.
Nous avons structuré notre page web en utilisant un
header, un body, et un footer.
Nous avons créé une section Premium avec plusieurs
plans, dont 1 à 99.99$, pour cela Awab et Ismaïl ont dû
créer une Image, et on a dû créer un tableau en utilisant
table.
Nous avons également créé une page web pour
payer, qui est reliée au tableau par un href, cette page
contient un formulaire qui vous demande vos
informations bancaires ainsi que votre email.
Nous avons
créé ce formulaire en utilisant .
Ensuite, nous avions à faire le plus important, le
générateur d'emails, nous avons utilisé JavaScript afin de
faire une....
»
↓↓↓ APERÇU DU DOCUMENT ↓↓↓
Liens utiles
- comment créer pas à pas un site web basique ?
- nsi site (1re)
- Grand Oral NSI: Les réseaux sociaux numériques existeraient-ils en l’absence du web 2.0 ?
- Grand Oral Nsi: Le web 3.0, l'avenir de l'informatique ?
- Grand oral NSI: la voiture autonome la voiture de demain ?