Bonjour, dans les cours d'apprentissage sur le site à propos de HTML et CSS, on doit créer le site pour Robbie Lens, j'aimerai avoir confirmation si on doit utiliser plusieurs fichiers sur le logiciel Visual studio code ou bien on doit faire toutes les étapes sur le même fichier ?
@Bané Bonjour, voir les consignes de l'exercice. Mais de façon général on sépare la structure de la présentation. Donc 2 fichiers, un .html et un .css.
J'ai commencé le cours "Créez votre site avec HTML5 et CSS3" mais je rencontre un problème en arrivant au CSS. Aucun problème au niveau de l'HTML mais quand je veux passer mon titre 1 en couleur rouge, cela ne marche pas. Alors que j'ai créé un autre fichier sur lequel j'ai testé (dans un dossier séparé) et cette fois, cela fonctionne alors que j'ai fait pareil.
Pourriez-vous m'aider, merci d'avance.
Voici le code HTML :
<!DOCTYPE html>
<htlm lang="fr">
<head>
<meta charset="utf-8">
<title>Accueil - Robbie Lens Photographie</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<h1>Les oiseaux du monde.</h1>
<h2>Les oiseaux d'Europe</h2>
<p>Il existe plus de 990 espèces d'oiseaux répertoriées dans toute l'Europe.</p>
<p>Comme l'Aigle Royal, le plus grand rapace <br> avec le vautour, ou c'est l'inverse.</p>
<ul>
<li>Aigle Royal</li>
<li>Mésange bleue</li>
<li>Vautour</li>
<li>Chouette</li>
</ul>
<h3>Un animal que j'apprécie :</h3>
<p>Il s'agit du <strong><mark><em>faucon</em></mark></strong></p>
<a href="à-propos.html">
Consultez la page À Propos
</a> <br>
<a href="https://twitter.com/">
Twitter
</a>
</body>
</htlm>
@LucieGonzalez4 Bonsoir, petite erreur mais qui ne devrais pas avoir de conséquences c'est <html> et pas <htlm>.
Mis à par cela, est-ce que tu modifies bien les bons fichiers? Si oui, sont ils dans le même répertoire?
Dans le navigateur si tu actualises après changement du CSS et que tu ne vois pas de modification fait un CTRL + F5 pour recharger la page sans tenir compte du cache. Le titre devrait alors avoir son style qui lui est appliqué.
PS : Évite les caractères accentués dans les noms de fichiers.
En fait, j'ai ouvert un nouveau fichier, j'ai copié mon code d'origine, et j'ai recrai un fichier css dans un dossier à part (le css et le html) et ça a marché.
@AlexandreThore4 Bonjour, si je comprends bien vous développer en local sur un mac. Mais quand votre site sera sur un hébergement distant, généralement Unixoide, les répertoires de votre système n'existeront pas.
Créer un répertoire "images" dans votre dossier de projet, la ou vous écrivez votre code, et placez y les images de votre site.
Bonjour à tous, j'espère poser ma question au bon endroit.
Je suis en train d'apprendre à adapter ma page web en fonction de la taille de l'écran, et mon problème, c'est que ça fonctionne alors que je n'ai rien fait. Le code ci-dessous concerne une barre de navigation avec 5 boutons (accueil / services / conseils / à propos / contact) que je souhaite faire passer en block lorsque l'écran passe en-dessous des 780px :
@media all and (max-width: 780px) {
li {
margin: 1em;
width: 50%;
}
}
Au départ, j'ai ajouté display: block pour que mon menu s'affiche en colonne, puis j'ai un peu bidouillé et je me suis rendu compte que mon menu se mettait en block même si j'enlevais display: block.
Auriez vous une explication à ça ? Merci par avance
@SandyePh Bonjour, puisque tu as trois zone distingue dans ton menu, créer trois block pour tes éléments de menu, un conteneur en display: flex et tu réparti l'espace restant comme tu le souhaites avec un justify-content.
Si tu ne t'en sort pas, crée ton propre sujet en nous fournissant le code que tu as écrit.
salut j'ai créer un site web sur la musique, mais on va pas ce mentir il ressemble a rien, c'est tres compliqué de trouver ou ce former je trouve est ce que vous auriez des conseille a me donner?
@SandyePh Bonsoir, on ne peut pas s'en servir directement dans un fichier HTML, mais c'est très utile pour y écrire des variables, mixin, fonction, condition, boucle bref tout ce que CSS ne sais pas faire. (même si la notion de variable est implémentée dans CSS).
Via un préprocesseur le, ou plutôt les fichiers .scss sont compiler et transformer en un fichier .css unique. C'est ce fichier CSS qui est à insérer dans les pages web car le navigateur sait lire le CSS mais pas ce qui est écrit dans les fichiers .scss qui sont des instructions servant à générer du CSS.
Plus d'info en lisant un cours sur sass (par exemple, ce n'est pas le seul préprocesseur) :
yasakani no magatama