Choisir entre Div ou Ul ?

[Karinamac]

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

[Vil'Coyote]

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...

[Karinamac]

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.

[Karinamac]

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.

[Vil'Coyote]

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.

[Karinamac]

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