LaurentDenis Posté 13 Juillet 2004 Posté 13 Juillet 2004 (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é 13 Juillet 2004 par LaurentDenis
Sans Esprit Posté 13 Juillet 2004 Auteur Posté 13 Juillet 2004 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 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 ?
LaurentDenis Posté 14 Juillet 2004 Posté 14 Juillet 2004 Comme tu as lancé deux sujets parallèles, autant réserver celui-ci au contenu de tes cours et parler de l'amélioration technique du site dans Aide à l'amélioration d'un webmaster, quelques conseil ca aide.
Sans Esprit Posté 14 Juillet 2004 Auteur Posté 14 Juillet 2004 C'est cela que je demande, quand tu es aller voir le cours sur CSS quelque chose t'as gener ??
LaurentDenis Posté 14 Juillet 2004 Posté 14 Juillet 2004 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)
Sans Esprit Posté 14 Juillet 2004 Auteur Posté 14 Juillet 2004 (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é 15 Juillet 2004 par Esprit
Sans Esprit Posté 15 Juillet 2004 Auteur Posté 15 Juillet 2004 Pret ??? à vos stylo, je viens de mettre en forme le cours CSS. Il ne manque plus qu'une seul chose. Vos avis merci d'avance. Pour ceux qui aurait du mal avec le css envoyer moi des MP
LaurentDenis Posté 16 Juillet 2004 Posté 16 Juillet 2004 Je veux bien relire tout ce qu'on veux. Mais franchement, pas avec ce motif en background qui rend le texte illisible...
Sans Esprit Posté 16 Juillet 2004 Auteur Posté 16 Juillet 2004 Salut, Demandez, c'est changé Pour les nouveaux arrivant voici l'adresse du site pour aller voir les cours http://perso.wanadoo.fr/culturedelesprit/index.html bonne lecture
Arlette Posté 17 Juillet 2004 Posté 17 Juillet 2004 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.
Sans Esprit Posté 19 Juillet 2004 Auteur Posté 19 Juillet 2004 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 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
Sans Esprit Posté 22 Juillet 2004 Auteur Posté 22 Juillet 2004 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 heuu je rigole merci d'avance
Sans Esprit Posté 10 Août 2004 Auteur Posté 10 Août 2004 Qui me verais mettre mes cours sous une architecture PhP ?
Anonymus Posté 10 Août 2004 Posté 10 Août 2004 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.
Sans Esprit Posté 10 Août 2004 Auteur Posté 10 Août 2004 mambo ?? cms ??? sorry but my sharabia is very poor est ce des logiciel ? si oui je n'heberge pas moi meme dis moi en plus
Anonymus Posté 10 Août 2004 Posté 10 Août 2004 Tu trouveras tout un tas d'infos pouvant t'intéresser sur framasoft : http://www.framasoft.net/article2166.html Si tu as d'autres questions, n'hésites pas à revenir... après lecture
LaurentDenis Posté 11 Août 2004 Posté 11 Août 2004 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 !
Sans Esprit Posté 13 Août 2004 Auteur Posté 13 Août 2004 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.
Sujets conseillés