H2 Lorem ipsum dolor sit amet, consectetur adipiscing elit
Paragraphe de texte, police, taille du texte par défaut, inter-lettrage, interlignage, espace exposant inter-mot, couleur par défaut. Un lien dans le texte Nouvelle fenêtre ça peut toujours servir et un peu de gras aussi, voire de l’italique, un texte complètement barré ne cherchez pas l’indice. Le hover du lien est important aussi pour la maquette.
Ceci est un texte avec une note de bas de page1 et ceci est un texte dans une autre langue سعادة2
Titre du bloc détail Suspendisse nisl elit rhoncus eget
Contenu masqué du bloc détail
Donec venenatis vulputate lorem. In ac felis quis tortor malesuada pretium. Sed fringilla mauris sit amet nibh. Sed libero. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
Donec venenatis vulputate lorem. In ac felis quis tortor malesuada pretium. Sed fringilla mauris sit amet nibh.
Source de la citation
Cras ultricies mi eu turpis hendrerit fringilla. Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo. Donec vitae orci sed dolor rutrum auctor. In consectetuer turpis ut velit. Phasellus viverra nulla ut metus varius laoreet.
Titre d’u bloc détail Suspendisse nisl elit rhoncus eget
Contenu masqué du bloc détail
Donec venenatis vulputate lorem. In ac felis quis tortor malesuada pretium. Sed fringilla mauris sit amet nibh. Sed libero. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
- Sed cursus turpis vitae tortor
- Sed cursus turpis vitae tortor
- Sed cursus turpis vitae tortor
- Sed cursus turpis vitae tortor
- Sed cursus turpis vitae tortor
- Sed cursus turpis vitae tortor
- Sed cursus turpis vitae tortor
Cras ultricies mi eu turpis hendrerit fringilla. Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo. Donec vitae orci sed dolor rutrum auctor. In consectetuer turpis ut velit. Phasellus viverra nulla ut metus varius laoreet.
Titre du bloc détail Suspendisse nisl elit rhoncus eget
Contenu masqué du bloc détail
Donec venenatis vulputate lorem. In ac felis quis tortor malesuada pretium. Sed fringilla mauris sit amet nibh. Sed libero. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
Cras ultricies mi eu turpis hendrerit fringilla. Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo. Donec vitae orci sed dolor rutrum auctor. In consectetuer turpis ut velit. Phasellus viverra nulla ut metus varius laoreet.
- Pellentesque habitant morbi tristique senectus :
- Alii summum decus in carruchis
- Alii summum decus in carruchis
- Pellentesque commodo eros a enim. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede.
- Pellentesque commodo eros a enim
- Pellentesque commodo eros a enim
- Aenean ut eros et nisl sagittis vestibulum.
- Liste à puce
- Alii summum deçus in parruchis alii summum deçus in parruchis summum deçus in parruchis alii summum deçus in parruchis
- Alii summum decus in carruchis
- Alii summum decus in carruchis
- Alii summum decus in carruchis
- Alii summum decus in carruchis
Titre h3
Alii summum decus in carruchis solito altioribus et ambitioso vestium cultu ponentes sudant sub ponderibus lacernarum, quas in collis insertas cingulis ipsis adnectunt nimia subtegminum tenuitate perflabiles, expandentes eas crebris agitationibus maximeque sinistra.
Titre h4
Alii summum decus in carruchis solito altioribus et ambitioso vestium cultu ponentes sudant sub ponderibus lacernarum, quas in collis insertas cingulis ipsis adnectunt nimia subtegminum tenuitate perflabiles, expandentes eas crebris agitationibus maximeque sinistra, ut longiores fimbriae tunicaeque perspicue luceant varietate liciorum effigiatae in species animalium multiformes.
Titre h5
Alii summum decus in carruchis solito altioribus et ambitioso vestium cultu ponentes sudant sub ponderibus lacernarum, quas in collis insertas cingulis ipsis adnectunt nimia subtegminum tenuitate perflabiles, expandentes eas crebris agitationibus maximeque sinistra, ut longiores fimbriae tunicaeque perspicue luceant varietate liciorum effigiatae in species animalium multiformes.
Titre h6
Alii summum decus in carruchis solito altioribus et ambitioso vestium cultu ponentes sudant sub ponderibus lacernarum, quas in collis insertas cingulis ipsis adnectunt nimia subtegminum tenuitate perflabiles, expandentes eas crebris agitationibus maximeque sinistra, ut longiores fimbriae tunicaeque perspicue luceant varietate liciorum effigiatae in species animalium multiformes.
Titre H2 du bloc Média & Texte
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quam velit, vulputate eu pharetra nec, mattis ac neque. Duis vulputate commodo lectus, ac blandit elit tincidunt id.
You see, tu vois au passage qu’il n’y a rien de concret car il faut toute la splendeur du aware et parfois c’est bon parfois c’est pas bon. Ça respire le meuble de Provence, hein ?
Jean-Claude V.D
Même bloc avec une proportion beaucoup plus grande pour le texte
Activation de l’option Recadrer l’image pour remplir toute la colonne + Sélecteur de point de focalisation.
L’image est recadrée uniquement pour ce bloc.
Texte sur 2 colonnes
Phasellus consectetuer vestibulum elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Vestibulum fringilla pede sit amet augue. Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo. Ut a nisl id ante tempus hendrerit.
Nullam cursus lacinia erat. Aenean ut eros et nisl sagittis vestibulum. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Donec id justo. Pellentesque auctor neque nec urna.
Vestibulum dapibus nunc ac augue. Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Proin magna. Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo.
Tu comprends, tu vois au passage qu’il n’y a rien de concret car on est tous capables de donner des informations à chacun et cela même si les gens ne le savent pas ! Tu vas te dire : J’aurais jamais cru que le karaté guy pouvait parler comme ça !
JCVD
Exemple d'une vidéo Youtube conformes aux normes d'accessibilité (RGAA)
Transcription audio
Transcription textuelle
0:00
Bonjour à tous ! C’est Lucie du blog formation- rédaction-web.com et je vous propose
0:04
aujourd’hui un petit tuto pour découvrir comment faire de la retranscription audio
0:10
ou vidéo en texte. Ça va grandement vous aider si vous êtes rédacteur web et que vos
0:16
clients vous envoient des vocaux, que vous devez retranscrire des conférences, des audios, des
0:21
podcasts, etc. Ça va vous changer la vie. Je vous montre tout de suite comment on fait après ça.
0:46
Me revoilà ! Donc je vous emmène sur Google Docs qui est proposé par Google lorsque vous avez
0:53
un compte Gmail. En haut à droite, vous avez votre Google Drive, etc., et vous avez Google Doc.
0:59
Grâce à Google Docs, eh bien vous allez pouvoir faire de la retranscription audio. Je vous montre
1:04
ça : j’ai ouvert une simple page Google Docs et maintenant je vais vous montrer comment on fait
1:09
de la retranscription audio pour préparer par exemple des écrits. Vous allez pouvoir utiliser
1:14
ça si vous avez envie de vous reposer et de prendre des notes à l’oral, finalement. Vous
1:20
allez aussi pouvoir, vous allez voir, retranscrire des podcasts, par exemple avec votre téléphone
1:26
portable en mettant Play. Alors, voilà comment on fait : vous allez dans « Outils » et vous cliquez sur
1:31
« Saisie vocale » comme ceci. Ici vous avez un micro qui apparaît et à partir de là, vous n’avez plus
1:37
qu’à parler et à regarder ce qui s’écrit à l’écran. Alors bien sûr, vous n’aurez pas de
1:42
ponctuation et vous devrez retoucher les textes pour ajouter une mise en page. Voilà, je mets sur
1:48
pause. Donc là, j’ai parlé à mon ordinateur, vous n’avez pas beaucoup de fautes d’orthographe et
1:53
à partir de là, vous n’avez plus qu’à parler et à regarder ce qui s’écrit à l’écran. Alors bien
1:58
sûr, vous n’aurez pas de ponctuation et vous devrez retoucher les textes pour ajouter une mise
2:01
en page. Là on voit qu’il n’y a pas de fautes d’orthographe. Bien sûr, il n’y a pas de ponctuation.
2:05
Pour l’instant on n’en est pas là, mais en tout cas, c’est quand même pratique. Maintenant je vais vous
2:09
montrer autre chose. Je vais ouvrir un podcast parce que je sais que j’articule bien normalement
2:14
sur mes épisodes de podcasts. Donc je vais lancer un podcast sur mon téléphone et je
2:18
vais le mettre près du micro. Vous allez voir ce que ça donne. On y va, je lance donc le micro et
2:23
le podcast. Je vous propose aujourd’hui de nous interroger sur la différence entre une croyance
2:28
et une connaissance. Et pour cela, j’ai fait appel à Nicolas Delforge, rédacteur web professionnel,
2:34
membre de mon équipe de formateurs, mais aussi docteur en philosophie. Dans cet épisode, nous
2:42
parlerons de philosophie, bien sûr, dans la création de contenu, de recherche de sources fiables, mais
2:48
aussi de la montée en puissance du complotisme et du copywriting négatif. Que vous soyez
2:54
créateurs de contenu et curieuses ou curieux, je vous recommande vivement d’écouter Nicolas.
3:02
Ça vous prouve que vous pouvez tout à fait lancer une vidéo YouTube, une conférence. Si vous interviewez
3:09
quelqu’un, vous allez pouvoir l’enregistrer sur votre téléphone, puis le retranscrire comme ça.
3:15
Vous pouvez aussi, je n’ai pas encore testé mais il faudrait voir si c’est possible, de faire ça sur
3:21
téléphone portable. Je vais regarder tout de suite. Je viens en direct de tester sur mon téléphone et
3:26
oui, c’est possible, et je vous montre tout de suite une capture d’écran de mon téléphone portable.
3:48
Vous l’avez vu, c’est vraiment tout simple. N’importe qui avec un compte Google peut
3:53
faire cette saisie vocale retranscrite. Vous pouvez lancer donc une vidéo YouTube et interviews,
3:59
podcasts, etc. Vous pouvez prendre des notes avec votre voix aussi si vous avez des idées et que
4:05
vous avez peur d’oublier d’écouter vos messages vocaux. Vous pouvez vous créer des fichiers comme
4:10
ça pour la prise de notes. Vous pouvez aussi lire et prendre des notes à l’écrit en lisant
4:16
à voix haute pour retenir certains passages. Bref, je trouve ça très intéressant quand on est
4:21
rédacteur web et quand on veut faire de la prise de notes et un petit peu se détacher des écrans,
4:27
dans le sens où, au lieu d’être concentrés sur votre écran pour écrire, vous n’avez plus qu’à
4:32
écouter, retranscrire et ensuite faire la mise en page et corriger les fautes d’orthographe,
4:37
parce que vous avez vu que sur le téléphone, c’est la cata. Voilà, j’espère que cette astuce
4:42
vous plaira. N’hésitez pas à partager votre expérience si vous savez faire ça sur d’autres
4:47
supports, ça m’intéresse. On n’est pas obligé peut-être d’utiliser Google, donc si vous avez
4:52
des alternatives à Google, je vous invite à les partager en commentaire. Un petit pouce en l’air
4:57
si cette vidéo vous a plu. Pensez à vous abonner et cliquer sur la cloche et si vous avez envie de
5:03
vous former avec nous à la rédaction web SEO, au social media management ou au copywriting, ce sera
5:09
en bas sur notre site formation-rédaction- web.com. À très bientôt, bonne rédac´. Tata !
Exemple de vidéo sans transcription
Transcription textuelle sur Youtube
- Cliquez sur les 3 points horizontaux situés sous la vidéo.
- Puis Afficher la transcription.
Lire le contenu embarqué sur le site de la plateforme. Nouvelle fenêtre
Titre
150
Salariés
+ 21 ans
Ma légende Sed mollis eros
Depuis 100 ans
de légende
- La source de cette note est un article : https://demowp.nobilito.net/ le picto qui suit permet de revenir au texte qui fait référence à cette note. ↩︎
- Signifie « Bonheur » en Arabe ↩︎