Aller au contenu

Centralisation des cours

Sans Esprit

Par Sans Esprit
dans Le salon de Webmaster Hub

 Partager

Sujets conseillés

LaurentDenis

LaurentDenis

Posté
Posté (modifié)

Sur le fond, quelques suggestions d'amélioration des cours HTML-CSS:

Html : structure d'une page html:

Quand on débute en HTML, il est très important de prendre tout de suite de bonnes habitudes pour les choses essentielles. La structure minimale d'une page Web doit commencer par une Déclaration de Type de Document (DTD) qui indique au navigateur quel dialecte HTML précis est utilisé dans la page, afin que celle-ci puisse être interprétée sans malentendus ni erreur.

La DTD la plus recommandable à ce niveau est la plus souple, donc DTD html transitional :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

   <head>
      <title> TITRE DE LA PAGE </title>
   </head>

   <body>  CORPS DE LA PAGE
   </body>

</html>

Html : Comment formater un texte:

-faire deux tableaux pour différencier les éléments HTML de présentation (déconseillés et supprimés dans les normes les plus récentes) et les éléments HTML de structuration de texte (valides dans toutes les normes). Pour cela, voir simplement l'index des éléments HTML dans la norme HTML4.01. Les éléments de présentation sont marqués d'un D dans la colonne "Déconseillé". A propos des éléments de présentation, indiquer qu'ils doivent être remplacé par les styles CSS.

-La balise <BLINK> est invalide dans tous les cas.

-<DFN> n'introduit pas une définition: il balise le terme défini. (ex: "une <dfn>balise</dfn>, c'est ....")

-Les listes </OL> ne sont pas triées mais ordonnées, c'est à dire qu'un numéro est ajouté à l'affichage.

-<strong> ne fait pas du gras, mais ajoute une emphase. Ajouter aussi <em> qui joue le même rôle.

-Supprimer le saut de ligne dans l'un des attributs HTML de l'exemple "Mon texte doit sortir en taille 3...": le code invalide ne fonctionne pas dans les navigateurs moins tolérants qu'IE et l'exemple n'a pas la présentation voulue.

Html: liens et images:

-<IMG SRC="image"> est faux. L'attribut ALT indiquant un éventuel texte de remplacement de l'image est obligatoire dans tous les cas. Donc <IMG SRC="image" ALT="Brève Description"> ou <IMG SRC="image" ALT="">. Voir Des images accessibles

Langage Css : feuille de style:

-"On parle aussi de feuilles de style en cascade [ Cascading Style Sheets ou CSS ] car en cas de styles identiques, un ordre de priorité sera déterminé par le browser.". Pas vraiment : La cascade signifie d'une part qu'une feuille de style peut en appeler une autre, qui peut elle-même en appeler un troisième, etc... et d'autre part que le document se voit appliquer simultanément 3 feuilles de style au minimum (celle de la page, celle de l'utilisateur, celle par défaut du navigateur). Le calcul de l'ordre de priorité est une conséquence de la cascade.

-"Permettre le positionnement au pixel près du texte et/ou des images". La "philosophie" des CSS est plutôt de donner de la fuidité à la page, d'éviter le positionnement au px près, pour garantir une meilleure adaptation à toutes les conditions de rendu qui sont imprévisibles pour le concepteur.

-"Les propriétés de style sont entourées par des "{" et par des [ ou des parenthèses." Des { seulement. crochets et parenthèses ont un tout autre rôle.

-"La seul contrainte est que le fichier doit avoir une extension .css ( exemple.css )." Non. "css" n'est que l'extension usuelle et recommandée. Mais on peut tout à fait faire des CSS.php ou des CSS.asp, par exemple, pour y inclure des scripts serveurs.

-"Une feuille intra-ligne s'insère directement à côté de la balise qu'elle définit" : dans ce cas, ce n'est pas une "feuille de style", mais un "style en ligne".

Css : Index:

-font-size : l'unité em a été oubliée. C'est en fait l'une des unités les plus utilisées en CSS (voir Comment définir la taille du texte en ems (traduction)

-color : Corriger "En hexadécimal ou lettre ff0000" : la couleur "red" s'écrit #ff0000 en hexadécimal. Il n'y a pas de "lettre ff0000".

-line-height : ne définit pas l'espace entre les lignes, mais la hauteur minimale d'une ligne.

Modifié par LaurentDenis
Lien vers le commentaire
Partager sur d’autres sites
Sans Esprit

Sans Esprit

Posté
  • Auteur
Posté

Merci pour tous cela,

JE vois, j'ai encore du boulot.

Je vais deja rapidement corriger tous ce que tu as mis si j'en est le temps.

Pour le moment je suis encore à reglé les probblémes graphique et menu...

La route est longue je le craint :( je vais devenir :wacko: avant la fin

MErci pour les liens cela semble trés instructif.

Y a t'il des truc que tu ne supporte pas sur le site ?

que tu souhaiterais voir disparaitre pour son amelioration ?

Lien vers le commentaire
Partager sur d’autres sites
LaurentDenis

LaurentDenis

Posté
Posté

A part ce qui précède, non.

Si tu veux aller plus loin, cependant : ajoute à toutes les parties sur les balises présentatives (<b>, <center>...) une explication :

- comme quoi on obtient le même résultat en CSS, ce qui est recommandé quand on en a la possibilité;

- comment l'obtenir exactement (cas par cas : font-weight: bold; pour le <b>, etc)

Lien vers le commentaire
Partager sur d’autres sites
Sans Esprit

Sans Esprit

Posté
  • Auteur
Posté (modifié)

Je vais le faire dés que j'en aurait le temps.

J'aime bien ce genre de conseil car ils sont clair ;)

Je rajoute un nouveau type de navigation dans la partie cours cela risque de mettre un peu le souk mais soyons patient.

J'ai vaincu la dtd houaaaaa mes resultat c'est encore mieux que le back avec mention

Il me restes des erreurs mais si quelqu'un peu m'aider la dessus car appres je valide toutes mes pages et meme les cours

Modifié par Esprit
Lien vers le commentaire
Partager sur d’autres sites
Arlette

Arlette

Posté
Posté

Bonjour,

Je suis allé un peu naviguer sur ton site... Il y a une erreur 404 sur le lien : "les cours nouveautés" et il y a quelques fautes d'orthographe sur la page "ICI"...

Je collecte et t'envoie un MP ;) . Mais je te promet pas de relire tout le site aujoud'hui.

Lien vers le commentaire
Partager sur d’autres sites
Sans Esprit

Sans Esprit

Posté
  • Auteur
Posté

J'ai commencé à corriger les fautes ( tout en essayant de m'améliorer mais c'est dur )

Le liens est corrigé mais tout ceci va bien sûr arriver avec une nouvel mise en forme :P

donnés moi vos avis

et pour les fautes signalés les moi

désolé moi et l'orthographe ont est fachés depuis longtemps

Lien vers le commentaire
Partager sur d’autres sites
Sans Esprit

Sans Esprit

Posté
  • Auteur
Posté

La partie cours vient de changer de forme,

Certains des cours me semble bon et aurait besoin de vos avis

Si vous en avez la possibilité merci de me dire ce que vous pensez des cours suivant :

CSS : presentation Feuille de style, index valeurs, classes

HTML : tous les cours ( sauf formulaire qui n'est pas créer )

FLASH : tous les cours

Référencement doit encore etre mis en forme donc aucun commentaire ;)

Cliquez ICI pour y accéder

Vous m'avez bien aider mais j'en veux toujours plus :evil: heuu je rigole :whistling:

merci d'avance

Lien vers le commentaire
Partager sur d’autres sites
  • 3 semaines plus tard...
Anonymus

Anonymus

Posté
Posté

Le lien que tu donnes, deux messages plus haut, pointe vers wanadoo.

Pour tes cours sous php, tu devrais jeter un oeil aux cms. Ce sont des gestionnaires de contenu, qui permettent, très simplement, de gérer des articles comme les tiens. Tu aurais alors une plus grande efficacité, notamment pour les mises à jour, mais aussi pour tout ce qui est template, etc..

Et tant qu'à faire : Jettes un oeil à Mambo, c'est un cms très complet, et gratuit de surcroit.

Lien vers le commentaire
Partager sur d’autres sites
LaurentDenis

LaurentDenis

Posté
Posté
La partie cours vient de changer de forme,

Certains des cours me semble bon et aurait besoin de vos avis

Si vous en avez la possibilité merci de me dire ce que vous pensez des cours suivant :

CSS : presentation Feuille de style, index valeurs, classes

HTML : tous les cours ( sauf formulaire qui n'est pas créer )

Tu trouveras les informations nécessaires pour corriger les cours en questions dans les sources recensées par cet article : Ne validez pas en aveugle : lisez les spécifications ! ;)

Lien vers le commentaire
Partager sur d’autres sites
Sans Esprit

Sans Esprit

Posté
  • Auteur
Posté

Message bien recu je croit que je vais avoir de la lecture.

En attendant je m'attaque au début et trouve ma gestion des cours moyenne.

Je n'est pas un million de cours alors j'ai decider de laisser le php de coté encore un peu mais il me faudrait votre avis !!!

ou

merci d'avance de vos réponses.

Lien vers le commentaire
Partager sur d’autres sites
  • 6 months later...
Invité
Ce sujet ne peut plus recevoir de nouvelles réponses.
 Partager
Aller sur la liste des sujets
×
×
  • Créer...