+ Répondre à la discussion
Affichage des résultats 1 à 6 sur 6
  1. #1
    Invité de passage
    Homme Profil pro Alain
    Débutant en Web design
    Inscrit en
    janvier 2012
    Messages
    12
    Détails du profil
    Informations personnelles :
    Nom : Homme Alain
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Débutant en Web design
    Secteur : Communication - Médias

    Informations forums :
    Inscription : janvier 2012
    Messages : 12
    Points : 0
    Points
    0

    Par défaut Choisir entre Div ou Ul ?

    Bonjour,

    Dans l'optique de créer dans la page d'accueil de mon magazine web des espaces "annonce d'artile" contenant une vignette photo, un titre, un texte d'annonce et un lien "read more" amenant à l'article complet, je me pose la question de savoir si je dois utiliser une <div> ou une liste <ol> ou <ul> pour réaliser cela. D'après ce que je crois savoir, une liste ol me permettrait plus facilement de mettre à jour très régulièrement ces espaces d'annonce vers un article en remplaçant une ancienne actu par la nouvelle, out en gardant la structure de présentation à l'écran. Voici ce que j'ai codé:

    Code html :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <ul class="thumb">
      <li id="info">
        <h4>Un Titre d'info</h4>
        <p><img class="vignette" src="une_image.JPG" width="101" height="77"> Eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, duis aute irure dolor in reprehenderit in voluptate.</p>
        <a  class="liens" href="#">Read more</a>
        </li>
      <li id="info">
        <h4>Un deuxième Titre d'info</h4>
        <p><img class="vignette" src="une_deuxième_image.JPG" width="101" height="77">Eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, duis aute irure dolor in reprehenderit in voluptate. </p>
        <a class="liens" href="#">Read more</a></li>
      <li id="info">
        <h4>Un troisème titre d'info</h4>
        <p><img class="vignette" src="une_troisième_image.JPG" width="101" height="77">Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem.</p>
        <a class="liens" href="#">Read more</a></li>
    </ul>

    Quelqu'un peut-il s'il vous plaît m’apporter de l'aide sur ce sujet ? Merci d'avance

    ex. d'espaces annonce: page d'accueil www.yesicannes.com

  2. #2
    Modérateur
    Avatar de Vil'Coyote
    Profil pro
    Développeur Web
    Inscrit en
    février 2008
    Messages
    3 999
    Détails du profil
    Informations personnelles :
    Âge : 34
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : février 2008
    Messages : 3 999
    Points : 5 871
    Points
    5 871

    Par défaut

    dison que là ça va mais si tu viens à avoir 15, 20, 50 articles ça risque d'être coton.

    je serais plus passer par des div. mais aussi par du php avec stockage de mes article en base de données. ainsi dans mon code je n'aurais qu'un seul div qui se répéterait à l'aide du php dont les données serait alimentée dynamiquement.

    cela permettrait entre autre de pouvoir plus facilement modifier, supprimer, remplacer ou voir a terme mettre une date ou période d'affichage et ainsi tout serait géré automatiquement.

    mais ce n'est que moi...
    la vie n'est pas cirrhose des foies ...

  3. #3
    Invité de passage
    Homme Profil pro Alain
    Débutant en Web design
    Inscrit en
    janvier 2012
    Messages
    12
    Détails du profil
    Informations personnelles :
    Nom : Homme Alain
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Débutant en Web design
    Secteur : Communication - Médias

    Informations forums :
    Inscription : janvier 2012
    Messages : 12
    Points : 0
    Points
    0

    Par défaut Choisir entre Div et Ul

    Merci de ta réponse Vil`Coyote,

    Je n'aurai pas plus de 6 annonces d'articles dans la page d'accueil du magazine, si possible dans l'upperforld en dessous d'une animation de grandes photos en Flash ou autre.
    Les "annonces" d'articles sont destinées à inciter le visiteur à lire l'article rédigé sur une autre page; elles comportent un titre, un court texte d'introduction, une photo et un lien amenant à l'article complet.

    Par ailleurs, tu as raison, je compte bien créer un site dynamique avec du PHP (réservant Wordpress et ses pages identiques pour le futur blog du magazine).

    Mon souci est qu'une info remplaçant l'autre rapidement chaque mois, j'ai besoin d'un système le plus automatique possible pour mettre à jour les annonces d'articles sur la page d'accueil, si possible avec des copier-coller des textes, titres et photos et remplacement du lien. Les pages correspondant aux articles proprement dits, illustrés de photos, seront aussi en PHP, de façon à ce que je n'aie que quelques pages à gérer dans DW.

    Saurais-tu s'il te plaît me donner un exemple de code de ce genre de div faciles à mettre à jour avec du PHP pour la page d'accueil?

    Merci d'avance.

  4. #4
    Invité de passage
    Homme Profil pro Alain
    Débutant en Web design
    Inscrit en
    janvier 2012
    Messages
    12
    Détails du profil
    Informations personnelles :
    Nom : Homme Alain
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Débutant en Web design
    Secteur : Communication - Médias

    Informations forums :
    Inscription : janvier 2012
    Messages : 12
    Points : 0
    Points
    0

    Par défaut Choisir entre Div et Ul

    Bonjour,

    L'idée d'utiliser une liste, ordonnée ou pas pour ma succession d'annonces d'articles, est qu'un simple ajout d'un <li> dans l'<ul> en début de liste, permet d'intercaler tout de suite un bloc vierge dans lequel je n'aurai plus qu'à insérer photo, titre, texte et lien par copier-coller. Cette nouvelle "boîte", qui reste bien positionnée, représente la nouvelle actualité publiée sur le site.
    Il ne me restera plus qu'à modifier les éléments de cette nouvelle actu et à supprimer la boîte qui a été décalée en fin de liste, laquelle représente l'actualité obsolète.
    Je crains qu'avec une succession de <div>, je n'aie pas cette facilité de remplacement par insertion/décalage, bien qu'il soit plus facile d'ordonner les éléments enveloppées dans une <div>. A moins qu'on puisse faire une liste de <div> dans une <ul> ?

    Quelqu'un peut-il me dire ce qu'il pense de cela, s'il vous plaît? Merci d'avance.

  5. #5
    Modérateur
    Avatar de Vil'Coyote
    Profil pro
    Développeur Web
    Inscrit en
    février 2008
    Messages
    3 999
    Détails du profil
    Informations personnelles :
    Âge : 34
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : février 2008
    Messages : 3 999
    Points : 5 871
    Points
    5 871

    Par défaut

    je n'ai pas d'exemple de script mais une recherche sur google pour script actualité devrait te retourner pas mal de renseignement. pour ce qui est des question plus informel sur l'html etc ... je pense que cette section n'est pas la bonne tu devrais voir du côté de la conception plutôt que DW en lui même. le problème n'étant pas lié au logiciel.
    la vie n'est pas cirrhose des foies ...

  6. #6
    Invité de passage
    Homme Profil pro Alain
    Débutant en Web design
    Inscrit en
    janvier 2012
    Messages
    12
    Détails du profil
    Informations personnelles :
    Nom : Homme Alain
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Débutant en Web design
    Secteur : Communication - Médias

    Informations forums :
    Inscription : janvier 2012
    Messages : 12
    Points : 0
    Points
    0

    Par défaut Choisir entre Div et Ul

    Ok merci pour les précisions. En effet, je vais voir dans les sections HTML.

Liens sociaux

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •