Et je me heurte déjà à des problèmes (alors que c’est supposé être un langage très simple).
J’ai un niveau excessivement bas, je me suis débrouillé pour commencer à coder mon site moi même (je vous laisse imaginer sa tête…)
Mais du coup mes problèmes s’accentuent.
J’ai pas vraiment de payer quelqu’un pour revenir sur mon code. En revanche existent-ils des communautés (ou des personnes) capable de répondre à quelques questions ?
https://openclassrooms.com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3
Le 13 janvier 2023 à 15:06:33 :
https://openclassrooms.com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3
Oui, j’ai commencé à apprendre de ce cours (qui est d’ailleurs très instructif !)
Merci Khey
Sur discord il y a plusieurs serveur de dev comme : Dev area, devos code, Le coin des développeurs, devcode, The dev house,...
En cas de soucis tu devrais trouvé de l'aide là bas, mais tu peux aussi poster ici ou sur le forum programmation en cas de problème. Ou même en mp si tu veux, je suis dev web dans la vie pro.
C'est normal de galerer au début, la vitesse d'apprentissage augmente quand t'auras passé les bases et appris à apprendre.
Je n'y connais quasiment rien, quel sont les interets à faire tout de A à Z soit même dans ces langages alors qu'il y a des outils de plus en plus développés et simplifiés comme wordpress, elementor.. ?
Il faut combien de temps pour 'passer les bases' ?
Le 15 janvier 2023 à 15:16:09 :
Je n'y connais quasiment rien, quel sont les interets à faire tout de A à Z soit même dans ces langages alors qu'il y a des outils de plus en plus développés et simplifiés comme wordpress, elementor.. ?Il faut combien de temps pour 'passer les bases' ?
Plus de contrôle sur ce que tu fais, t'es pas limité pas les possibilités du cms. Tout est gratuit également en dehors de l'hébergement et du nom de domaine alors qu'avec un cms les plugin sont souvent payant.
Pour les bases je dirais quelque mois. Forcément ça demande plus d'investissement que les outils simplifiés. Mais au moins quand t'as appris, bah tu peux développer dans tout les langage, alors qu'apprendre un cms ne te forme pas pour un autre.
On ne va pas pouvoir t'aider si tu ne poses pas ta question clairement.
Le temps d'apprentissage dépend de toi, si c'est juste du HTML/CSS perso j'ai fais un site correcte en 3 jours, ce sont vraiment des langages très simple. si tu veux intégrer du javascript ça va te demander un peu plus de temps mais ça dépend de ton passé en informatique ...
https://www.youtube.com/@slayingthedragon
La meilleur chaîne youtube pour apprendre le CSS rapidement.
https://la-cascade.io/tags
https://www.youtube.com/@KevinPowell
Par exemple j'ai le probleme suivant :
Je n'arrive pas à "designer" mon logo "Nos services" en menu déroulant comme les autres boutons. (Voir screenshot)
https://zupimages.net/viewer.php?id=23/03/e4dv.png
Voici le bout de mon code HTML :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="pour un urbanisme plus vert">
<title>Econest - Des conseils pour un avenir plus vert</title>
<link rel="stylesheet" href="style6.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Manrope&family=Montserrat&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap" rel="stylesheet">
<!-- Ajout de la balise @media -->
<style>
@media screen and (max-width: 600px) {
/* votre code css ici */
/* Ajout de CSS pour le menu déroulant */
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown-btn {
/* Autres styles pour le bouton */
}
<script src="Script.js"></script>
}
</style>
</head>
<body>
<header>
<span><a href="index.html"><img src="LogoEcoNest2.png" id="logo" onmouseover="this.src='LogoEcoNest3.png'"
onmouseout="this.src='LogoEcoNest2.png'"></a></span>
<ul><nav class="liste">
<div class="dropdown">
<button class="dropdown-btn">Nos services</button>
<div class="dropdown-content">
<a href="construire.html">Construction</a>
<a href="renover.html">Rénovation</a>
<a href="conseils.html">Conseil</a>
</div>
</div>
<a href="realisations.html"><li class="non-active">Nos réalisations</li></a>
<a href="entreprise.html"><li class="non-active">Notre entreprise</li></a>
<a href="Blog.html"><li class="non-active">Blog</li></a>
</nav></ul>
</header>
et voici mon bout de code CSS :
body {
font-family: 'Abril Fatface', cursive;
font-family: 'Manrope', sans-serif;
}
body, html {
min-height: 100vh;
position: relative;
font-family: 'Manrope', sans-serif;
}
main {
font-family: 'Abril Fatface', cursive;
font-family: 'Manrope', sans-serif;
min-height:100%;
position:relative;
padding-bottom:100px; /* Hauteur du pied de page */
}
.logo:hover {
opacity: 50%;
}
/*
Ce commentaire décrit le style qui sera appliqué
aux éléments de liste du menu de navigation
*/
li {
color: #151632;
text-decoration: none;
list-style: none;
padding: 1px 40px;
}
/*
Ce commentaire décrit le style qui sera appliqué
lorsque l'utilisateur survole un élément de liste
*/
li:hover {
color:white;
background-color:#163114;
border-radius: 25px;
text-decoration: none;
transition: 00.6s ease;
}
/*
Ce commentaire décrit le style qui sera appliqué
à l'image du logo
*/
/*
Ce commentaire décrit le style qui sera appliqué
à la liste de navigation
*/
.liste {
display: flex;
list-style: none;
text-decoration: none;
font-size: 1.3em;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content {
display: block;
}
/* Styles pour le bouton "Nos services" */
.dropdown .dropdown-btn {
color: #151632;
text-decoration: none;
list-style: none;
padding: 1px 40px;
}
que faire ?
J'ai pas très bien compris ta question, mais tu veux que le style de ton lien Nos services soit appliqué sur tout tes autres liens du menu ? Ou alors tu veux un menu déroulant sur tous tes liens ?
Où est ce qu'il y a un autre menu déroulant dans ton exemple ?
fais un codepen/codesandbox dans ces cas là
Un codepen ou un JSFiddle ça sera largement mieux pour pouvoir visualiser ton site et éventuellement modifier le code alors.
Salut. Je sais pas si tu connais, mais il y a des utilités sympa pour les codeurs débutants, tels que Stackoverflow, ou W3school qui montrent un tas d'exemple de morceaux de code. Sinon tu peux aussi utiliser l'I.A. (intelligence artificielle) ChatGPT qui corrigera tes erreurs de code par exemple pour ton menu déroulant, ou peut aussi t'en écrire un.