IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Dreamweaver Discussion :

Choisir entre Div ou Ul ?


Sujet :

Dreamweaver

  1. #1
    Futur Membre du Club
    Homme Profil pro
    Débutant en Web design
    Inscrit en
    Janvier 2012
    Messages
    12
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    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 : 6
    Points
    6
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Points : 7 503
    Points
    7 503
    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 ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  3. #3
    Futur Membre du Club
    Homme Profil pro
    Débutant en Web design
    Inscrit en
    Janvier 2012
    Messages
    12
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    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 : 6
    Points
    6
    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
    Futur Membre du Club
    Homme Profil pro
    Débutant en Web design
    Inscrit en
    Janvier 2012
    Messages
    12
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    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 : 6
    Points
    6
    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
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Points : 7 503
    Points
    7 503
    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 ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  6. #6
    Futur Membre du Club
    Homme Profil pro
    Débutant en Web design
    Inscrit en
    Janvier 2012
    Messages
    12
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    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 : 6
    Points
    6
    Par défaut Choisir entre Div et Ul
    Ok merci pour les précisions. En effet, je vais voir dans les sections HTML.

Discussions similaires

  1. Choisir entre email et ftp
    Par cjacquel dans le forum Général Conception Web
    Réponses: 5
    Dernier message: 15/06/2006, 17h48
  2. [UML][Debutant]Choisir entre une classe et une interface ?
    Par Laurent Dardenne dans le forum Diagrammes de Classes
    Réponses: 11
    Dernier message: 24/04/2006, 21h45
  3. Choisir entre php et XSL
    Par vg33 dans le forum XSL/XSLT/XPATH
    Réponses: 8
    Dernier message: 15/04/2006, 03h40
  4. Probleme espace entre DIV du a un FORM
    Par Little_Goldo dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 26/10/2004, 21h50
  5. [FEDORA] Lequel choisir entre Fedora i386 et x86 pour un xeon?
    Par Oberon dans le forum RedHat / CentOS / Fedora
    Réponses: 7
    Dernier message: 13/07/2004, 15h52

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo