# Groupe 1 Prise de notes collectives

> Corentin, Mila, Liséa
> 05/11/24

on peut générer le codages par IA mais il faut comprendre ce qu'elle nous génère.Sinon on ne pourra pas voir les erreurs

Avec les feuilles de stlyes on peut redéfinir les balises HTML.
La feuille de style utilse "verdana"

La syntaxe standard est : font-family: 'Roboto', sans-serif;
sérif : lettre avec des petites couettes
sans sérif: lettres droites

Sur le site de Google Font on peut choisir des typo et les importer.
on peut importer les styles du site.
importation= les styles deviennent des ressources.

* width: 80 % c’est mieux pour s’adapter à tous les écrans. ( pas de px)

* h1,h2,h3
{ …}
= on généralise le style.

* font-weight : 700 = graisse de la typo.

* body = toute les valeurs appliqués
une surcharge = rajouter un élément autre que celui existant pour le différencier ( c’est la dernière écrite qui gagne).

les regles de surcharges est une nouvelle valeur des propriété.

la couleur du texte est par défaut le noir si on ne change pas la couleurs alors le texte restera noir mais si on le change alors il changera de couleurs puisqu'on lui a appliquer une règle.

**CSS = cascading style sheet**
les H, sont les niveau de titre. Il doit y avoir un début et une fin avec les balises <> et </>.

Text align justify - pour justifier le titre.

outils classe d'objet que j'invente = important, citation ( pas des balises html)

* Sur ma feuille CSS
.important ou .citation par exemple
on peut mettre les valeurs que l'on veut

**Dans mon doc Html:
dans le paragraphe on peut retrouver class="important" par exemple**

>12/11/2024
> Liséa et Zélie
# La mise en ligne de notre site internet
pour l'éval il faut absolument savoir faire la mise en ligne car il faut uniquement rendre un URL

**ressources** = page html(3) + image.jpeg ou png + feuille Css (1)
on ne peut toujours pas parler d'un site car pas en ligne => pas accessible en externe. Notre site doit être accessible (visible) par n'importe qui depuis n'importe où.

les pages doivent donc être recopiées sur un serveur web (i.e une machine toujours allumée, sur laquelle tourne un programme serveur qui attend qu'une requête arrive pour y répondre)

**Serveur Web** = programme qui tourne sur l'ordinateur. Cela héberge les ressource de nos sites web avec un numéro IP (propre à l'ordinateur) => répondent à des clients (qui rentrent a une adresse et les serveur Web parlent la langue du client)

* Si le client vient avec une demande que le serveur ne comprend pas alors le serveur ne repondra pas à sa demande

* parcourir internet afin de rediriger le client

**Navigateur Web(brave, firefox ...) ou client Web (moi)** :le client n'envoie jamais une requete (je formule ma requete a quelqu'un) sans l'adresse IP car cela permet au serveur d'envoyer la demande

**Mon Navigateur a accées a mon DNS**

**L'adresse IP** est essentielle pour avoir nos réponses sur le serveur

Numéro IP = Adresse IP

**DNS (Domain name system)** = repertoire = Les serveurs DNS traduisent des demandes de noms en adresses IP, en contrôlant à quel serveur un utilisateur final va se connecter quand il tapera un nom de domaine dans son navigateur. Ces demandes sont appelées requêtes.

=> maillon faible puisque beaucoup d'attaque numérique sur eux car on ne sait plus mettre en relation un nom et une adresse IP (on peut effacer la ligne du numéro IP de facebook et ça va bloquer l'application)
=> si plus accessible alors plus de carnet d'adresse

plusieurs attaques sévères due au DNS dans le monde car enjeux énormes de démocratie mondiale.

On a tous un compte sur un serveur Web avec prénom.nom
si on arrive a copier nos ressources sur le serveur alors accessible partout sur le serveur Web.

**il existe un 2 eme programme qui tourne sur la meme machine** : serveurs FTP (File Transfert Protocole ou protocole de transfert de fichier)en plus du serveur web.

**Serveur FTP**: Fichier stocker comme sur une clé usb mais pas accessible partout mais deviennent des ressources pour le serveur WEB
prendre mes ressources et les copier aux bonnes endroit pour quelle soit accessible

**pour acceder aux serveurs FTP= je vais utiliser des clients FTP**

le serveur web va répondre aux requêtes des clients web (les navigateurs), et le serveur FTP va répondre aux clients FTP (par ex FileZilla).

**nom de la machine (ordinateur) hôte** : web-peda-iutb.univ-lille.fr

avec une adresse IP, nom de la machine ftp et web (serveur)
univ-lille : comprendre comme un seul mot ( le domaine )
web-peda-iutb:la machine
fr : pour dire que ça se trouve en France

**l'url de ma page web en ligne sera** : web-peda-iutb.univ-lille.fr/~prenom.nom/test.html

==> il faudra donner quelque chose qui ressemble à ça pour que le site soit corrigé

**Comment je passe de ma ressource à une url ?**

On va se connecter a une machine avec un client FTP (double explorateur de fichier)
à gauche il y a les fichiers disponibles sur l'ordinateur
à droite ce sont les fichiers deja disponibles sur le serveur

**Comment utiliser un client FTP?**

* ne pas utiliser la connexion rapide car 5 elements a donner
* outil FileZilla
* utiliser le gestionnaire de sites (possibilité de se connecter sur plsuieurs machines )
* faire nouveau site et le nommer + remplir les parametre de connexion
* 5 elements:
1. **nom de la machine hôte** : web-peda-iutb.univ-lille.fr (le nom de la machine sur laquelle je vais me connecter ?)
2. **login/utilisateur** : prenom.nom
3. **mot de passe** : *********
4. **port (FTP)** : 2222 (connu de tous)
5. **protocole** : SFTP (Secure File Transfer Protocol) car sécurisé même si connu de tous.

Au debut tout est vide
==> faire connexion et ensuite les fichiers apparaissent (s'il y en a)

Une fois connecté, vous devez recopier TOUS les fichiers de votre site dans le dossier **Public_html !!!!!!** qui a été créé à cet effet. Les fichiers se trouvant en dehors de ce dossier ne sont pas accessibles par le serveur web, donc ne pourront jamais être vus par un internaute, ils n'ont pas d'url associée.

**!ATTENTION!** ce sont des "**photocopies**" donc il faut mettre les derniers fichiers modifiés dans le dossier public_html car sinon ce seront les **fichiers non modifiés qui seront visibles.**

Si j'ai tout mis dans public_html alors mon site sera accessible

Donc si on tape une url comme celle ci web-peda-iutb.univ-lille.fr/~prenom.nom/test.html alors le site web sera accessible