Titre et tableaux (questions de debutant)

Bonjour,

Apres mon post bloqué je me suis mis à lire les differents liens.
Quand j'ai mis le lien de mon site sur ce forum j'aurrais aimé avoir un retour au moin au niveau du graphisme et de la presentation.

Je ne suis pas trés bon en programation.
Et puis j'ai commencéà lire les liens que j'ai trouvé ici et j'ai decidé de m'y mettre sérieusement.
Je trouve ca vraiment trés interessant.

Les premiers liens sont :
http://www.tuteurs.ens.fr/internet/web/html/ [/url]
http://www.tuteurs.ens.fr/internet/web/html/css.html [/url]
http://www.w3.org/TR/xhtml1/ [/url]
Et 3 autres pour le moment.
Vu la richesse du sujet d'autres suivront sans doute.

Je reposterais mes pages modifier dans quelques temps.

Malgré tout j'aimerais poser 2 questions sur les tableaux dans une page web, et les sous titres ( H1,H2 H3 etc..)

J' ai lu un article disant que les cadres étaient à éviter. Est-ce que les tableaux sont considérés comme des cadres?
Si oui à quel point on doit éviter de les utiliser?
(J' ai vraiment l'habitude de travailler avec les tableaux et j'aime beaucoup ca. Mais je suis prés à changer d'habitude si il le faut.)

Au niveaux des titre (ou sous titre h1,h2 etc..)
Comment placer un titre H1 H2 ... dans une page qui ne possede en fait aucun texte?


Merci d'avance.

ps : promis, pour les prochains post je ferais plus court. C'etait juste pour me presenter un peu.
Modifié par lisandre (19 Jul 2007 - 11:54)

a écrit :
Est-ce que les tableaux sont considérés comme des cadres?

Non, on n'appelle pas un chat un chien.

a écrit :
Si oui à quel point on doit éviter de les utiliser?

La réponse ci-dessus était non mais la question s'applique quand même : Pour rester simple, il faut les éviter tant qu'ils sont utilisés pour mettre en page un document.
Par contre, ils peuvent et doivent toujours être utilisés pour afficher des données qui sont logiquement organisés en lignes et colonnes.
Exemple 1 : un article de journal sur plusieurs colonnes est typiquement un cas de tableau utilisé pour la présentation, à bannir donc. Le texte peut être placé sur une colonne unique sans que le sens des informations n'en soit changé.
Exemple 2 : Une liste d'utilisateurs avec nom, prénom, adresse et téléphone est à contrario un exemple type où un tableau est beaucoup plus efficace et accessible qu'une série de paragraphes ou qu'une liste ordonnée/non ordonnée.

a écrit :
J' ai vraiment l'habitude de travailler avec les tableaux et j'aime beaucoup ca. Mais je suis prés à changer d'habitude si il le faut.

Il le faut. Mais tu as de la chance, alsacréations et le meilleur, sinon le seul, endroit pour s'y mettre.

a écrit :

Comment placer un titre H1 H2 ... dans une page qui ne possede en fait aucun texte?

Bah en fait, c'est pas une vraie page web...
1 - C'est une animation flash, inutile, inadéquate et inaccessible dans le 99% des cas.
Solution : Shift+delete, sans aucun regret car grâce à cette action de charité, tu sauveras quelques utilisateurs qui pourront t'être précieux.

2 - C'est du texte encapsulé dans une image
Solution : Même que ci-dessus

3 - C'est un autre contenu multimédia, qui sera forcément inaccessible à une catégorie d'utilisateurs (on n'y coupe pas : de même qu'un non-voyant ne regardera jamais un film muet, un non-entendant n'écoutera jamais de musique, un éliptique cherchera également à éviter ce genre de chose, etc.).
Solution : Prévenir les utilisateurs qu'ils accèdent à un contenu multimédia, et surtout, ne pas le leur imposer (en particulier, permettre l'arrêt à tout moment et éviter le démarrage automatique, et si possible, ne pas utiliser un lecteur flash même si c'est tentant sinon on retombe dans le cas n°1, et préférer donc un téléchargement direct du fichier).
Modifié par QuentinC (20 Jul 2007 - 06:44)

lisandre a écrit :
Est-ce que les tableaux sont considérés comme des cadres?

Non, rien à voir entre les tableaux (table) et les cadres (frame).

lisandre a écrit :
Si oui à quel point on doit éviter de les utiliser?

Pour les frames, on les évitera autant que possible, c'est à dire qu'on ne les utilisera qu'en dernier recours.
Pour les tableaux de mise en forme, il est effectivement préférable d'apprendre à travailler sans. Par contre, on n'est pas obligé de bannir totalement les tableaux d'emblée. On peut adopter une démarche progressive, par exemple en n'utilisant qu'un ou deux tableaux pour la mise en page globale, notamment pour la mise en colonnes de contenus, et en utilisant le positionnement CSS pour le reste.

Enfin, il faut noter qu'en l'état des implémentations de CSS 2.1 par les navigateurs, il reste encore des cas très précis où un tableau de mise en forme est indispensable pour réaliser un effet (du moins si on veut une compatibilité de cet effet avec IE).

lisandre a écrit :
Au niveaux des titre (ou sous titre h1,h2 etc..)
Comment placer un titre H1 H2 ... dans une page qui ne possede en fait aucun texte?

Qu'y a-t-il dans cette page, alors?

Florent et Quentin, merci pour vos reponses.

Je ne suis pas pret a laisser de coté Flash et ses applications.
Je pense plutot donner le choix entre un site flash et html et me concentrer sur la partie Html pour reunir les principes qui sont avancés sur ce site afin que mes sites touchent le maximum de monde.

a écrit :


Qu'y a-t-il dans cette page, alors?

Une image au milieu d'un fond noir .
Cette image donne 2 directions; une vers le site en Html et l'autre vers le site en Flash.

Je modifierais cette première page en même temp que le site en Html.
Si on ne peut pas passer la premiere page à cause de certains handicap justement pris en compte dans la partie Html, cela n'aura pas servis à grand chose d'avoir modifié le site Html.

lisandre a écrit :
Une image au milieu d'un fond noir .
Cette image donne 2 directions; une vers le site en Html et l'autre vers le site en Flash.

Ben tu fais une image map bien comme il faut, avec attributs alt correctement renseignés sur chacun des deux <area>. Si tu as un effet de survol (remplacement d'une partie de l'image par une autre, par exemple), ça peut être utile de veiller à ce qu'il fonctionne également au focus (navigation au clavier).

Si tu n'utilises pas d'image map mais des images toutes simples, ça peut aussi donner:

<a href="..."><img alt="Version Flash" src="..."></a>
<a href="..."><img alt="Version HTML" src="..."></a>

(bon, là les intitulés sont un peu brut de décoffrage, il faudrait préciser un peu...)

Ceci dit, à propos du site full flash + version HTML: ça va dépendre des enjeux et objectifs, mais globalement faire un site full flash est une mauvaise idée. Proposer une version alternative en HTML est un pis-aller, et se révèle souvent problématique, à moins de faire les choses très consciencieusement (ce qui représentera un gaspillage important d'énergie...).

Il est généralement plus pertinent de faire un site HTML/CSS, et de n'utiliser Flash que pour créer des contenus spécifiques (si cela se justifie). On pourra alors travailler plus facilement la question des contenus alternatifs aux animations Flash, voire de l'accessibilité des animations Flash elles-mêmes.

Mais bon, ça va dépendre du site, bien sûr.