Aide mémoire HTML


 

 

La navigation sur Médiapart n'est pas toujours aussi rapide que nous le souhaiterions lorsque nous postons un billet ou un commentaire. Bien souvent les informations sont disséminées (dissimulées?) un peu partout sur le site. Aussi je mets à disposition de chacun ce pense bête HTML que vous pourrez laisser sur votre bureau et ouvrir dans une autre fenêtre. Je me dis que cela sera plus pratique.

 

Evidement je pourrais l'enrichir de vos commentaires. 

Les titres soulignés sont des liens vers les billets qui traitent du sujet.

Le texte en bleu est à modifier par l'utilisateur.

 

Edité le 22/01/09 : Mise à jour du fichier joint. Quelques ajouts et corrections d'erreurs.

 

Compteur pour blog gratuit

Un très grand merci, Lémur Cata, de ce pense pas si bête que ça ;o)
Je le mets tout de suite on my desk !

.
Lémur Cata
.
Ce pense-bête est très utile, merci.
.
Etant donné qu'il est en PDF, il serait bon de rappeler comment on insère un fichier PDF.
.
On en avait parlé, il me semble que je l'ai déja fait; mais j'ai oublié. Est-qu'on l'insère comme une image, une movie ou un son ?
.
Est-ce pareil dans le message initial et dans le commentaire ?
.
Autre chose : contrôler la taille d'affichage du fichier : (qui doit être autour de 60% si l'on veut que la totalité de la page soit visible).
.
jpylg

jplyj,
Pour joindre un document (quel que soit le format), cela ne se fait pas de la même façon que l'insertion de fichiers multimédias. Mais c'est très simple, il suffit d'aller tout en bas de la page du billet, ou vous verrez :

Insert Assets
► Format d'entrée
► Fichiers attachés


En cliquant sur fichiers attachés, vous avez alors le champs qui vous permet de charger le document. Pour mettre un document dans un commentaire, je dirais qu'il faut d'abord le charger dans un billet, puis copier coller son adresse dans le commentaire. J'essaye ici :
http://www.mediapart.fr/files/Pense_bete_html_pour_mediapart...
Par contre, je n'ai pas compris votre dernière phrase.
Je ne pourrais modifier le pdf pour prendre en compte vos remarques que lorsque mon billet aura été débloqué.

L'aide-mémoire est déjà installé dans ma barre personnelle.
Les lémuriens sont décidément de gentils animaux , toujours prêts à rendre service aux autres.

Génial ! Merci ;-)

.
Je rappelle l'existence de l'édition "boite à outils"
.
qu'on trouve ici
.
où beaucoup de problèmes sont traités.
.
Effectivement, le lien pour un fichier PDF avait été vu; (date : 18 juin 2008) mais on n'y revient jamais suffisamment; on peut oublier et d'autre part, d'autres explications peuvent être plus éclairantes.
.
En ce qui concerne la dernière phrase pas claire sur la taille de l'affichage, je viens de mettre un fichier PDF ( titre et lien ) qui s'ouvre dans un format de 126%, je ne sais pas pourquoi, alors qu'ici le fichier pdf affiché s'ouvre à 56%, ce qui me semble préférable.
.
Je sais que l'utilisateur peut modifier la taille de l'affichage, mais je voudrais pouvoir contrôler l'affichage initial, sans que l'utilisateur n'y touche, et je voudrais que ce soit du 60%, environ.
.
jpylg

Au sujet de la boite à outils, la plupart des titres du pense bête sont des liens qui pointent sur les billets en question.


Je ne pense pas qu'il soit possible de régler ce paramètre d'affichage. Il me semble que cela dépend uniquement de la configuration des utilisateurs, en local.

.
Lémur Cata
.
C'est ce qui m'a déjà été dit; je n'en suis pas certain à 100% et, maintenant, d'autant moins, avec votre fichier pdf attaché qui s'affiche à 57,7% de sa taille, alors que mon pdf "L'express.pdf"
(consultable dans "test") s'affiche à 126%.
.
Or, dans les deux cas, le système et le navigateur sont les mêmes, puisque je suis chez moi; donc, je me demande s'il n'y a pas une manipe à faire au moment de l'enregistrement; mais c'est un problème d'utilisation du logiciel Acrobat, ce n'est pas une affaire d'utilisation des outils Médiapart.
.
jpylg

Pour ma part, je n'utilise pas Acrobat. Mon pdf est crée à partir d'Open Office et je le lis avec Foxit Reader. Vous comprendrez que ça m'est difficile de répondre sur le fonctionnement d'Acrobat. Mais peut être, est-ce la taille d'origine? Mon Pdf est à l'origine une page A4. De mémoire, il me semble que l'express est un petit format.

Evidemment si tu te mets à parler chinois Lémur, çà calme tout de suite!
me voici dégrisée.. c'est tendance ;)

Dis donc, Cendrine tu ne trouves pas que tu abuses un peu du Lémurien, toi ?
Il est déjà bien sympa de nous filer sa boîte à outils.
Tu ne veux pas aussi qu'il vienne faire des trous dans les murs avec sa perceuse pour poser les chevilles, des fois ?
Non mais c'est dingue, on leur donne ça, ils prennent ça ;o) ;o) ;o)

Qu'entends je ? Faire des trous dans lémur ? Mais ça va pas non !

Ah boooon ? justement j'ai quelques étagères..
Pardon Monsieur Jean Paul! de m'immiscer ainsi, au milieu de la conversation..

.
@ Cendrine
.
On se connaît ?
.
jpylg

@jpylg
Ben non... c'est bien pour çà que je me suis excusée poliment et que je vous ai appelé Monsieur
:)

.
Bien !
.
La glace est rompue ! Ne soyez plus formaliste ! Nous sommes sur la même galère...
.
Mais pour vos étagères, je ne peux rien: la bricole et moi, ça fait deux .
.
jpylg

Bon tout va bien alors!!:)
De plus pour les étagères je m'adressais à Lémur Cata...
je pense qu'il devrait poster aussi un billet bricolage ;)

Par contre, Cendrine, pour le formatage, il est très bon. Alors si tes étagères ne sont pas d'équerre, tu peux toujours lui demander, à JPYLG, il aura sûrement une idée !!!! (lol récurrent)

.
Si c'était la taille d'origine qui commandait, l'un et l'autre fichier s'afficherait à cette taille; or votre fichier s'affiche en plus petit, le mien en plus grand...
.
Bon, ce n'est pas important; je verrai plus tard.
.
jpylg

Il s'agit de la taille d'origine et/ou des paramètres de l'utilisateur, que ce soit dans Acrobat Reader ou dans Foxit reader.
A propos de ce dernier : il est gratuit dans sa version Pro et beaucoup moins "lourd" pour le système ; l'essayer c'est l'adopter.
Si cela vous intéresse vous pouvez le télécharger (page en anglais).

Obligé depuis à utiliser Acrobat Reader au boulot car Foxit ne plaisait pas à l'administrateur, (Il recense tout les logiciels et essaye donc d'uniformiser pour éviter d'en avoir trop !) je dois avouer que la dernière version est vraiment améliorée. J'avais arrêté avec la version 6, qui mettait 10 plombes à charger une page pdf. Avec la version 9, ce n'est plus le cas. On lui reprochera quand même d'en profiter pour vous installer plein de trucs non désirés (que j'ai désinstaller de suite) et de vouloir sans cesse se connecter au net. Ce que ne fait pas Foxit, qui reste mon préféré pour mon pc perso.

MERCI LEMUR MUR
Free Smileys & Emoticons at Clip Art Of.com
Par contre ... mettre çà dans sa barre personnelle? O_°

Merci, c'est très pratique ! Ah, le sens du collectif !

que se passe t'il? je n'arrive pas à poster mon commentaire.. cet endroit est envouté?

Ce ne serait pas étonnant, Cendrine.
Il y a des fantômes dans les murs et c'est la cata.

Heu donc!!
humm.. toc toc!
Pardon...! je ne sais pas ce qu'il se passe
Sinon..
je trouve le 1° "chapeau sur le côté..", pour l'italique mais pas le 2°..
celui dans l'autre sens

Pourtant ils sont sur la même touche sur mon clavier à gauche.
Niveau nul avec de la bonne volonté en plus.. si si!!

Tu appuies sur la touche d'à côté en même temps. Sans appuyer sur cette touche, tu as < en appuyant >

Edité : J'ai fait du html sans le savoir, ça a effacé une partie de mon message :
en appuyant sur la touche d'à côté tu obtiens un >
.
Si tu n'appuies pas un <

Là c'est déjà moins surréaliste ;-)

Dommage! j'aimais mieux avant.. ;)

<>
YES !!
super !! merci Christine c'était bien Paul A.? ;)

C'était formidable ! A suivre, article dans l'édition Versations, dans un tout petit moment...

L'édition versations? je connais pas...
Bon je vais guetter alors!
Avec une petite vidéo de l'homme en question? ;)

http://www.mediapart.fr/club/edition/versations/article/1801...

une video pourrie, comme je te l'ai dit en mp, avec mon tel portable, idem pour les photos.

En revanche, le fichier audio sera de très bonne qualité, le temps qu'il soit coupé, monté, etc.

Et moi qui m'escagasse à faire un aide mémoire, et vous me collez un lien pas joli dans les commentaires .
Bon, ça va pour cette fois car la cause est noble. ;-)

oh c'est vrai, désolée.
Alors comme j'ai imprimé votre pdf, j'applique :

"Lecture de Paul Auster - Compte-rendu dans l'édition Versations"

J'ai bon, là ? ;-)

Ouille youyouille!! çà gâte!
fini la récré!

Il faut reconnaitre que ça donne envie d'y aller quand c'est joli !
J'arrive

je m'éclate carrément!!
Magique!
pour 9 Euros je fais en plus un stage informatique... :o)
Encore un mois et je vais pouvoir me reconvertir.

Moi je ne comprends pas tout, mais ça a l'air de marcher... Merci pour le pense-bête. Il est fait pour moi...

Moi je ne comprends rien et çà marche!!
c'est l'effet Lémur cata ;)
est-ce que sorti de ce fil... çà marche encore? ... pas sûr!

Mais si, Cendrine, ce que soulignait Dom, avec son ironie habituelle, c'est que mes explications avec < et > étaient tout sauf claires et que tu avais compris...

Quant à celles de Lemur, c'est lumineux, un monde nouveau s'ouvre à moi...

Merci Christine de faire le "décodeur":)
mais il faut dire que là ma cervelle est en sur chauffe!! :)
Plus mes post qui disparaissent!
Plus Lémur Cata qui se déguise en père fouettard...
Je file me faire des vacances du côté de chez Paul Auster...

Oui, Cendrine, avec Lémur Cata il faut toujours craindre un retour du "Mauvais Karma", blog mythique et disparu. D'où quelques envoûtements restants.
Bonne chance à vous tous dans vos apprentissages du HTLM PDF (je déteste pdf je ne sais pas pourquoi),
Et merci pour vos conversations surréalistes.
Le billet le plus décalé étant celui de Christine :
"Tu appuies sur la touche d'à côté en même temps. Sans appuyer sur cette touche, tu as
18/01/2009 20:37Par Christine Marcandier-Bry "

Comme j'avais été initiée au HTLM par un forum co-formatif, je peux ricaner tout bas de vos efforts
Mais je poursuis ma formation continue et coopérative sur Mediapart.
édité Et plaf ! impossible de coller ce smiley...


ré-édité victoire :


ajout : Comme ce blog est plein de spécialistes et d’entraide, je relaie cet appel :
comment changer la photo de son profil ?

Merci, Fantie. Le décalage est une philosophie de vie chez moi, que dis-je ? une éthique ;-)
C'est le plus beau compliment qu'on puisse me faire ;-))

(Ceci dit, même Dominique - pourtant supposé me connaître et me... comprendre - m'a demandé (oralement) ce que je voulais dire)

pourtant moi j'avais compris du premier coup!! ;)
comme quoi entre décalées!!

Christine, de grandes vocations de formateur au HTLM naissent sur Mediapart.
Celui qui embrouillera le plus les apprentis gagnera un smiley gratuit.

Je viens de voir mon message plus haut. Il s'agit du syndrome de Monsieur Jourdain, et en l'occurence de "faire du html" sans le savoir.
En mettant les balises que j'expliquais (déjà de manière fort embrouillée) à Cendrine, cela a eu pour effet d'effacer une partie de mon message.
Je viens de l'éditer et idem.
J'abandonne ;-)

Quand on explique le html dans un page web, le problème est que celui-ci est "interprété" par le navigateur. Difficile dans ces conditions de mettre une balise.
La solution consiste à utiliser une suite de caractères que je mets ci-dessous entre guillemets et avec des espaces sinon elle serait transformée en signe < ou > :

  • Remplacer le symbole < par "& l t ;" (lower than)
  • Remplacer le symbole > par "& g t ;" (greater than)

    J'espère être clair, mais je ne suis pas sûr. La solution était d'ailleurs dans le pense bête !

  • Tu recommence à parler chinois Lémur c'est pas gentil pour celles qui te comprennent pas..
    En plus, j'ai des difficultés de navigation et pour poster aussi.. çà a commencé hier soir quand j'ai mis les pieds sur ce blog (voir plus haut...) d'où soupçon d'envoûtement lémurienesque...

    Ou alors c'est depuis que tout le monde a appris à mettre des images et des vidéos c'est un bug géant!! :oD

    υπερβολικά ισχυρή ---> trofor

    P'tite question à Lemur : vous avez reçu un prix à Cannes pour le nom de votre blog ? c'est bien vous ? ;-)

    Non non, c'est un homonyme. Moi j'ai reçu le prix « Mauvais calembour » au festival de Marans en Charente-Maritime.

    Entre les murs c'est baobab de plancher plafond plancher.
    Ou je me trompe de type d'arbre ?

    Et bientôt un Oscar?

    Lemur, j'ai toujours dit que tu étais un

    et tu viens encore de le prouver !

    Je dois être une handicapée du HTML car je ne comprends pas tout, mais merci Lemur Cata :-)

    Moi qui pensait que vous saviez tout de HTML pour avoir autrefois participé à la rédaction des ses aventures.
    :-)

    .
    @ tous
    .
    Maintenant, stop !
    .
    Je voudrais qu'il soit répondu à cette simple question :
    .
    Qui apprend quoi à qui, quand, comment, pourquoi ?
    .
    jpylg
    .
    PS (, on sait : sur Médiapart !)

    qui: les gens
    quoi : diverses bricoles
    à qui: aux gens
    quand: le moment venu
    comment: par mise en commun des bribes de savoir (délivrées ou non de leurs gangues d'ignorance)
    pourquoi: parce que, en général: mais le coup des balises d'italiques est un rite d'initiation, il y a un avant et un après, et même deux: un avant l'avoir reçu, un après l'avoir transmis.

    Je dirais que ceux qui savent essayent d'enseigner les bases html à ceux qui ne savent pas, entre la poire et le fromage, en gardant le sens de l'humour, parce que pour 9€ on n'a pas droit à une interface WYSIWYG ?
    J'ai bon ? On peut continuer ?

    .
    C'est pas : "on peut". C'est : "il faut" !
    .
    Médiapart : c'est pas fromage OU dessert. C'est fromage ET dessert. L'information par les nouvelles technologies et la maîtrise des nouvelles technologies. Pour 9 euros par mois. Dites le autour de vous.
    .
    jpylg

    pour les petits malins qui veulent en faire sans le savoir on peut passer aussi par des logiciels WYSIWYG du genre http://www.commentcamarche.net/telecharger/telecharger-34055...

    Merci pour le tuyau. Je ne savais pas que "Nvu" était remplacé par "KompoZer".
    De mon côté j'ai trouvé le lien suivant, version française :
    http://www.frenchmozilla.fr/nvu/

    .
    l'info par les nouvelles tech et la maîtrise des nouvelles tech...
    .
    Et la participation en plus !
    .
    jpylg

    Car nous avons en effet besoin de suivre les jalons plantés par Lémur pour maîtriser les balises.

    J'ai cherché en vain les contrepèteries, avant de m'aviser que c'était signé Miradou et non Moël Jartin...

    @ Melchior
    En matière de contrepèteries, Moël Jartin est un vieux de la vieille. Un coureur de fond expérimenté.
    Moi je n'en connais même pas vraiment les règles.
    Selon mes humeurs, je me contente de jeux de mots plus ou moins heureux
    et d'associations d'idées plus ou moins bizarres,
    histoire de s'encanailler un peu.
    C'est pour distraire mon esprit des phrases tirées à quatre épingles, avec sujet, verbe et complément.
    Et aussi pour maintenir en forme la folle du logis.

    Un grand merci pour votre pense-bête qui m'a rendu un peu moins bête, car je suis souvent perdu à la recherche du "code juste" ... en plus du mot juste !

    "le coup des balises d'italiques est un rite d'initiation, il y a un avant et un après, et même deux: un avant l'avoir reçu, un après l'avoir transmis." (Melchior)
    Oui après avoir essayé de le transmettre !
    Avec interdiction d'utiliser les signes que justement on doit dire d'utiliser.
    Un rite d'initiation, c'est le mot.
    A quoi, c'est une autre question.
    Sommes nous différents , autrement dans notre apparence écrite, après l'avoir traversé ? Est-ce que cette initiation touche l'Etre en nous?

    Honnêtement, depuis que Lemur m'a appris à insérer des images dans les commentaires, j'ai vraiment l'impression d'être une autre femme. la vie a changé du tout au tout !

    Yaouh, et en plus, elle est redimensionnée ! (l'image, pas Grain. Je précise au cas où)

    Et oui, Lemur, elle est redimensionnée ! Car Grain a beau être pas mal formatée, elle sait encore apprendre et évoluer !