Bonjour, je suis bloqué sur cette exercice:
Vous souhaitez développer un site Web suivant :
- 3 pages Web ;
- Index pourra se connecter à la page2 et à la page3 ;
- Page2 pourra se connecter à la Index ;
- Page3 pourra se connecter à la page2
1. Dessiner le graphe de votre site Web.
2. Vous utiliserez les pages web déjà écrites à modifier et à adapter.
Ajouter une image sur l’index (image créée dans la suite du devoir appelée photo_n_g.jpg !).
Ajouter les liens hypertextes
Créer la page3 sur le même gabarit que la page2.html
Programmer vos pages Web en HTML en faisant les modifications nécessaires.
Formater les pages Web à l’aide d’un fichier CSS :
- formater tous les titres de niveau 1 en bleu ;
- formater tous les titres de niveau 2 en vert ;
- formater tous les liens en rouge.
(merci d'avance)
Vous souhaitez développer un site Web suivant :
- 3 pages Web ;
- Index pourra se connecter à la page2 et à la page3 ;
- Page2 pourra se connecter à la Index ;
- Page3 pourra se connecter à la page2
1. Dessiner le graphe de votre site Web.
2. Vous utiliserez les pages web déjà écrites à modifier et à adapter.
Ajouter une image sur l’index (image créée dans la suite du devoir appelée photo_n_g.jpg !).
Ajouter les liens hypertextes
Créer la page3 sur le même gabarit que la page2.html
Programmer vos pages Web en HTML en faisant les modifications nécessaires.
Formater les pages Web à l’aide d’un fichier CSS :
- formater tous les titres de niveau 1 en bleu ;
- formater tous les titres de niveau 2 en vert ;
- formater tous les liens en rouge.
(merci d'avance)
Lista de comentários
Bonjour
En commentaire, tu as donné des informations supplémentaires sur ce qui te posait problème dans cet exercice, c'est donc les liens/connexions entre les pages que je vais expliquer.
En HTML il existe toute une foule de balise que tu as sûrement, en majorité, déjà utilisé.
La balise <a>
La balise <a></a> pour anchor en anglais, donc pour définir une ancre.
Les ancres sont, en énorme majorité, un lien hypertexte, c'est à dire qu'il s'agit d'un texte sur lequel on peut cliquer et qui effectuera une redirection.
Cette balise admet plusieurs attributs possibles mais les plus importants sont: href, target et download (que nous n'allons pas utiliser ici)
L'attribut href
C'est cette attribut qui permet d'établir une redirection qui peut-être dirigée vers un certain élément de la page web (comme sur les sites one page), vers une URL externe (https://exemple.com/) ou vers une URL dite interne, c'est à dire un fichier qui se trouve en local (ou sur le même serveur).
Donc imaginons que je veuille rediriger vers la page "index2.html", présente dans le même dossier que mon fichier index.html il faudra que je fasse:
▌ <a href="index2.html">Index 2</a>
L'attribut target
C'est un attribut optionnel qui est souvent oublié par les Web Developer amateurs alors qu'il est très important pour rendre la navigation de l'utilisateur agréable.
Il sert à définir le contexte de navigation. Par exemple si je définit target="_blank" dans ma balise <a>, le lien s'ouvrira dans une nouvelle fenêtre, ne forçant donc pas le visiteur à quitter une page sans forcément faire exprès.
La valeur par défaut de target est "_self" c'est à dire que le lien s'ouvrira dans le même contexte (= la même fenêtre).
L'attribut admet aussi "_parent" et "_top" qui ne te serviront sûrement pas (ou du moins pas pour le moment)
Pour ton exercice je te conseille de mettre en _blank
▌ <a href="index2.html" target="_blank">Index 2</a>
Voilà, j'espère que ces quelques explications (partielles) t'aideront à comprendre et à faire ton exercice plus facilement.
Si tu as encore des questions (sur ce devoir) tu peux me le demander en commentaire :)
Bonne journée !