Pour cette nouvelle évaluation, M. Martin nous a demandé de créer un site et de le mettre en ligne. Pour cela, on a dû passer par plusieurs étapes.
Etape 1 : création du site en HTML, CSS, JavaScript et PHP avec les documents source donnés par le formateur
Le code HTML de la page ‘formation’ :
Mon code en CSS :
@import url(‘https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i|Orbitron:400,500,700’); *, html { body { h1, h3 { a { img { .gras { .italique { .enveloppe { .entete { .entete h1 { } .navigation { .navigation ul { .navigation ul { .navigation ul li a { .navigation ul li a:hover:not(.active) { .active { .corps { .liens { .image-liens { .titre-liens { .liens ul { .liens li { .liens li::before { .bloc-programme, .titre-principal { .bloc-programme ul { .bloc-programme ul li { .bloc-programme li::before { .bloc-programme ul>li>ul>li { .bloc-programme ul>li>ul>li::before { .liste-images { .liste-images li { .liste-images img { .galerie { .pied { .pied p { |
Mon code en PHP pour les include à insérer dans chaque page HTML :
?php include « inclusions/entete.php » ; include « inclusions/liens.php »; include « inclusions/pied.php »; ? |
Principe de la commande include :
En PHP, on peut facilement insérer d’autres pages (on peut aussi insérer seulement des morceaux de pages) à l’intérieur d’une page.
Le principe de fonctionnement des inclusions en PHP (include) est le suivant : le site web est composé de quatre pages. Sur chaque page, il y a une entête, toujours la même. Pourquoi ne pas écrire cette entête une seule fois dans une page entete.php
?
En PHP, on va pouvoir inclure entête sur toutes les pages. Lorsqu’on voudra modifier cette entête, on n’aura qu’à modifier entete.php
et l’ensemble des pages du site web sera automatiquement mis à jour !
Etape 2 : ouverture d’un compte chez l’hébergeur de site o2switch :
- Choix d’une offre d’hébergement
- Inscription, commande et règlement de l’offre d’hébergement choisie
- Choix du nom de domaine : pascalfurlan.com
- Avec les accès reçus par email, connexion sur cpanel d’o2switch
- Création d’un sous-domaine pour l’exercice évalué : imep.pascalfurlan.com
Etape 2 : envoi des fichiers avec un client FTP (Filezilla) vers le serveur d’o2switch.
Pour se connecter au serveur, il faut entrer dans le champ « Hôte » l’IP ou le nom du serveur qui a été fourni.
Dans le champ « Identifiant », taper le pseudo puis le mot de passe dans le champ « Mot de passe ». Enfin dans le champ « Port », soit laisser le champ vide et Filezilla le remplira, soit entrer « 21 ».
Une fois la connexion lancée, le client et le serveur peuvent s’échanger des informations. Pour envoyer un fichier sur le serveur, sélectionner le fichier/dossier que l’on souhaite transférer, faire un clic droit et cliquer sur « Envoyer ». On peut aussi faire glisser le fichier dans le répertoire du serveur.