Pb de navigation site web language python

SImon44 - Modifié le 7 janv. 2024 à 18:49
 one - 10 janv. 2024 à 07:38

Bonjour,  je sais pas si quelqu'un a des compétences en informatique mais j'ai un problème dans la programmation du site web puisqu'il y a un conflit de navigation entre les pages de mon site web c'est à dire que lorsque je me retrouve dans l'onglet Contact je ne peux plus revenir à l'accueil ou aller voir les autres onglets.  

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Brisance - Mode Élégante</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <div class="logo">Brisance</div>
        <nav>
            <ul>
        <li><a href="site.html" target="_blank">Accueil</a></li>
        <li><a href="collections.html" target="_blank">Collections</a></li>
        <li><a href="accessoires.html" target="_blank">Accessoires</a></li>
        <li><a href="livre.html" target="_blank">Livre</a></li>
        <li><a href="contact.html" target="_blank">Contact</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section id="accueil">
            <h1>Mode Élégante, Brisance</h1>
            <p>Découvrez notre collection exclusive.</p>
            <a href="#collections" class="cta-button">Voir la Collection</a>
        </section>

        <section id="collections">
            <h2>Nos Collections</h2>

            <!-- Collection d'été -->
            <div class="season-collection" id="summer-collection">
                <h3>Collection d'Été</h3>

                <div class="nom-du-produit">
                    <!-- Une image -->
                    <img src="chemin/vers/image1_ete.jpg" alt="Description de l'image 1 (Été)">
                    <h4>Nom du Produit 1 (Été)</h4>
                    <p>Description du Produit 1 (Été).</p>
                    <span>Prix : euros </span>
                </div>
            </div>

            <!-- Collection d'hiver -->
            <div class="season-collection" id="winter-collection">
                <h3>Collection d'Hiver</h3>

                <div class="nom-du-produit">
                    <!-- Une image -->
                    <img src="chemin/vers/image1_hiver.jpg" alt="Description de l'image 1 (Hiver)">
                    <h4>Nom du Produit 1 (Hiver)</h4>
                    <p>Description du Produit 1 (Hiver).</p>
                    <span>Prix : euros </span>
                </div>
            </div>
        </section>

        <section id="accessoires">
            <h3>Nos Accessoires</h3>
            <!-- Une image -->
        </section>
    
        <section id="livre">
            <h4>Mon Livre</h4>
            <!-- Une image -->
        </section>
    </main>

    <footer id="contact">
        <p>© 2024 Brisance. Tous droits réservés.</p>
        <p>Contactez-nous: ***@***</p>
    </footer>
</body>
</html>


Windows / Edge 120.0.0.0

A voir également:

2 réponses

jee pee Messages postés 39655 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 27 avril 2024 9 238
7 janv. 2024 à 19:06

Bonjour,

D'abord pourquoi mentionner Python, là c'est du html ? A moins que ce soit du python qui génère le html.

Dans ton menu tu appelles de nouvelles pages html, alors que ce pourrait/devrait être des liens sur la même page.

        <li><a href="#accueil" >Accueil</a></li>
        <li><a href="#collections" >Collections</a></li>
        <li><a href="#accessoires" >Accessoires</a></li>
        <li><a href="#livre" >Livre</a></li>
        <li><a href="#contact" >Contact</a></li>

0

salut,

ou alors simplement voir du côté du HTML de la page contact.html.

Dans l'ensemble le HTML est lourd et mal fait, pour faire correctement se tourner vers des cours de HTML (et au moins comprendre son rôle et limitations, fonctionnement basique) à compléter avec un peu de pratique et les changements apportés par la version 5 du langage( le standard actuel: HTML5).

Cela permettra d'éviter d'utiliser des DIV qui n'ont aucune valeur sémantique(et remplacer par un élément sémantique valable: classiquement une structure section>article>titre>contenu permettant une meilleure description des contenus et organisation en table des matières) et de remplir correctement l'attribut de balise alt des images(balise IMG) plutôt que d'avoir "description de l'image x" une description de l'image concernnée...puisque c'est à celà que sert ALT(voir aussi le WAI / reccomandations W3C pour l'accessibilité et son importance dans les pages web)

edit: pour une nomenclature correcte(ou plutôt standard mais c'est la même chose, voir le rôle du HTML) remplacer simplement "main" par "section" et les sections par des balises article.

0